:root {

    /*---- FONT FAMILY ----*/
    --font-family-poppins: "Poppins", sans-serif;
    --font-family-inter: "Inter", sans-serif;

    /*---- COLOURS ----*/
    --Main-Primary: #45C9F4;
    --Main-Primary-Dark: #2facd6;
    --Main-Primary-Light: #D7F3FF66;
    --Main-Primary-Light-Two: #EFFBFF;
    --Main-Primary-Light-Three: #68D2F5;
    --Text-Text_Dark: #2B3674;
    --color-dark: #404040;
    --color-dark-new: #3C3C3C;
    --color-light-new: #9E9E9E;
    --color-light-new-two: #ECEDF1;
    --color-black: #000000;
    --color-dark-two: #1B2559;
    --color-dark-three: #0F3659;
    --admin-dark-box-bg: #10194A;
    --title-color-v2: #05004E;
    --title-color-v3: #626262;
    --theme-text-primary: #2F2B3DE5;
    --theme-text-disabled: #2F2B3D66;
    --Text-Text_Light: #A3AED0;
    --Gray-6: #D1D1D6;
    --color-admin-breadcrumb: #707EAE;
    --bg-body-color: #F6F7F9;
    --bg-white-bg-light: #f6f9ff;
    --bg-white-bg-light-two: #F4F7FE;
    --bg-white-bg-light-three: #f5f5f5;
    --color-light-two: #E9EDF7;
    --color-light-three: #F8F7FA;
    --color-white: #ffffff;
    --color-alert-one-bg: #F1FCFF;
    --color-alert-two-bg: #FFFFF1;
    --color-alert-three-bg: #F1FFF8;
    --color-alert-four-bg: var(--bg-white-bg-light);
    --color-gray-info: #8A92A6;
    --Signal-Red: #BE0000;
    --Signal-Red-Two: #EB5757;
    --color-error-main: #FF4C51;
    --Signal-Green: #3BB141;
    --Signal-Green-Two: #14A611;
    --Signal-Green-Three: #8AC472;
    --Signal-Yellow: #F4D845;
    --color-yellow: #FE9923;
    --color-yellow-two: #FEA832;
    --BG-And-White: #E0E5F2;
    --info-box-bg: #F0FBFF;
    --bg-highlight: #F1FCFF;
    --bg-live-contact: #f4fdff;

    /*---- BORDER ----*/
    --form-border: 1px solid var(--BG-And-White);
    --tab-border: 1px solid var(--BG-And-White);
    --border-common: 1px solid #F8F9FA;
    --border-icons: 1px solid #C3D3E2;
    --Theme-divider: 1px solid #2F2B3D1F;
    --border-common-new: 1.5px solid var(--color-light-new-two);

    /*---- BORDER RADIOUS ----*/
    --border-radius-md: 6px;
    --border-radious-form: 8px;
    --border-radious16: 16px;
    --border-radious-main: 20px;    

    /*---- PADDING ----*/
    --form-padding: 16px 24px;

    /*---- BOX-SHADOW ----*/
    --box-shadow-main: 0px 4px 20px 0px #EEEEEE80;
    --box-shadow-admin: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    --box-shadow-info-box: 0px 0px 10px 0px rgba(67, 24, 255, 0.15);
    --box-shadow-admin-two: 0px 2px 10px 0px rgba(67, 24, 255, 0.10);
    --box-shadow-admin-three: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
    --box-shadow-admin-four: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    --box-shadow-live-contact: 0px 0px 10px 0px rgba(59, 201, 244, 0.2);
    --box-shadow-error-sm: 0px 2px 6px 0px #FF4C514D;
    
    /*---- HEIGHT ----*/
    --app-height: 100%;

    /*---- FILTER ----*/
    --filter-white: invert(1) brightness(2); /* Colour White - #ffffff */
    --filter-blue: brightness(0) saturate(100%) invert(72%) sepia(27%) saturate(5062%) hue-rotate(171deg) brightness(101%) contrast(100%); /* Colour Sky Blue - #45C9F4 */
    --filter-black: brightness(0) saturate(100%); /* Colour Black - #3C3C3C */
    --filter-one: brightness(0) saturate(100%) invert(72%) sepia(27%) saturate(5062%) hue-rotate(171deg) brightness(101%) contrast(100%); /* Colour Sky Blue - #45C9F4 */
    --filter-two: brightness(0) saturate(100%); /* Colour Black - #3C3C3C */
}
* {
    margin: 0;
    padding: 0;
    transition: all 0.3s;
    scrollbar-color: var(--Main-Primary) var(--bg-white-bg-light-three);
    scrollbar-width: thin;
}
*::-webkit-scrollbar {
    width: 5px;
    background-color: var(--bg-white-bg-light-three);
    border-radius: 5px;
}
*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #b9b9b9;
    background-color: var(--Main-Primary);
}
*::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--bg-white-bg-light-three);
}
html {
    scroll-behavior: smooth;
}
body {
    background-color: var(--bg-body-color);
    font-family: var(--font-family-poppins);
    /* font-family: 'DM Sans', sans-serif; */
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: var(--Text-Text_Dark);
}
body.body-pd {
    margin: 0;
}
body.body-pd.modal-open{
    overflow: unset !important;
}
.for-desktop {
    display: inline-block;
}
.for-mobile {
    display: none;
}
#app {
    border-radius: var(--border-radious-main);
    z-index: 0;
    height: 100vh;
    max-height: -webkit-fill-available;
}
/*---- COMMON CSS - START ----*/
a {
    cursor: pointer;
    color: var(--Main-Primary);
    transition: all 0.3s;
}
a:hover {
    color: var(--Text-Text_Dark);
}
.text-primary {
    color: var(--Main-Primary)!important;
}
.text-primary-new {
    color: var(--Main-Primary-Light-Three)!important;
}
.text-green {
    color: var(--Signal-Green-Three)!important;
}
.text-red {
    color: var(--Signal-Red-Two)!important;
}
table {
    width: 100%;
}
.sort-arrow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* row-gap: 5px; */
    margin-left: 10px;
}
.sort-arrow .icon-arrow {
    cursor: pointer;
}
.sort-arrow .icon-arrow.arrow-up {
    margin-bottom: 5px;
}
.sort-arrow .icon-arrow:hover,
.sort-arrow .icon-arrow.active,
.sorted .sort-arrow .icon-arrow.active {
    filter: brightness(0) saturate(100%) invert(74%) sepia(40%) saturate(680%) hue-rotate(161deg) brightness(99%) contrast(94%);
}
.lost-yes-p {
    display: flex;    
    justify-content: center;
    color: #8AC472;
    margin: 0;
}
.lost-yes-p.lost {
    color: #F3896F;
}
.lost-yes-p .icon-link {
    margin-left: 10px;
}
.lost-yes-p.lost .icon-link {
    filter: brightness(0) saturate(100%) invert(85%) sepia(24%) saturate(7198%) hue-rotate(314deg) brightness(101%) contrast(90%);
}
table.table-bg-light tr th,
table.table-bg-light tr td {
    background-color: var(--bg-white-bg-light) !important;
}
table a {
    /* color: var(--Text-Text_Dark); */
    color: #2E3771;
    text-decoration: none;
}
table a:hover {
    color: var(--Main-Primary);
}
table.dataTable.no-footer {
    border-bottom: none;
}
.table-responsive table.table thead {
    margin: 0;
}
.table-responsive table.table thead tr th {
    background-color: var(--bg-body-color) !important;
    border-top: var(--border-common-new) !important;
    border-bottom: var(--border-common-new) !important;
    padding: 17px 10px !important;
}
.table-responsive.table-backlinks-analysis table.table thead tr th {
    padding: 9px 10px !important;
}
.table-responsive.table-backlinks-analysis table.table thead tr th.ptb-19 {
    padding: 19px 10px !important;
}
.table-responsive table.table thead tr th:first-child {
    border-left: var(--border-common-new) !important;
    border-radius: 10px 0 0 10px;
    padding-left: 20px !important;
}
.table-responsive table.table thead tr th:last-child {
    border-right: var(--border-common-new) !important;
    border-radius: 0 10px 10px 0;
    padding-right: 20px !important;
}
.table-responsive table.table thead tr th .th-txt {
    color: #9E9E9E;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}
.table-responsive.table-backlinks-analysis table.table thead tr th .th-txt {
    line-height: 1.25;
}
.table-responsive table.table tbody tr td {
    border-bottom: var(--border-common-new) !important;
    color: var(--color-dark-new)!important;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    padding: 20px 10px !important;
}
.table-responsive table.table tbody tr td:first-child {
    padding-left: 20px !important;
}
.table-responsive table.table tbody tr td:last-child {
    padding-right: 20px !important;
}
.table-responsive table.table tbody tr td p,
.table-responsive table.table tbody tr td p.text-highlight,
.table-responsive table.table tbody tr td p.text-normal {
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.5!important;
}
.table-responsive table.table tbody tr td p.text-highlight {
    color: var(--Main-Primary)!important;
}
.table-responsive table.table tbody tr td p.text-normal strong {
    font-weight: 600!important;
}
.table-action-btn-new {
    background-color: #F6F7F9;
    border-radius: 6px;
    padding: 8px 12.5px;
    display: inline-block;
}
.common-ul {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 24px;
}
.common-ul li {
    background: url(../images/ul-dot-dark.svg) no-repeat left top 10px;
    font-size: 16px;
    margin-top: 8px;
    padding-left: 10px;
}
.common-ul li:first-child {
    margin-top: 0;
}
.row-12 {
    margin-left: -12px;
    margin-right: -12px;
}
.col-12 {
    padding-left: 12px;
    padding-right: 12px;
}
.row-20 {
    margin-left: -20px;
    margin-right: -20px;
}
.col-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.height-50 {
    min-height: 50px;
}
.width25 {
    width: 25% !important;
}
.width33 {
    width: 33.3333% !important;
}
.width40 {
    width: 40% !important;
}
.width50 {
    width: 50% !important;
}
.min-width55 {
    min-width: 55px;
}
.min-width65 {
    min-width: 65px;
}
.min-width130 {
    min-width: 130px;
}
.min-width200 {
    min-width: 200px;
}
.min-width230 {
    min-width: 230px;
}
.min-width360 {
    min-width: 360px;
}
.max-w-100 {
    max-width: 100%!important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.p-2 {
    padding: 2px!important;
}
.p-lr-0 {
    padding-left: 0!important;
    padding-right: 0!important;
}
.p-tb-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.p-tb-10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.p-tb-14 {
    padding-top: 14px!important;
    padding-bottom: 14px!important;
}
.col-gap-10 {
    column-gap: 10px!important;
}
.col-gap-20 {
    column-gap: 20px!important;
}
.row-gap-10 {
    row-gap: 10px!important;
}
.row-gap-20 {
    row-gap: 20px!important;
}
.text-underline {
    text-decoration: underline;
}
.align-left {
    text-align: left!important;
}
.align-center {
    text-align: center!important;
}
.align-right {
    text-align: right!important;
}
.text-success {
    color: var(--Signal-Green) !important;
}
.text-warning {
    color: var(--Signal-Yellow) !important;
}
.text-danger {
    color: var(--Signal-Red) !important;
}
.no-wrap {
    white-space: nowrap !important;
}
.no-wrap.responsive-wrap br {
    display: none;
}
.valign-top {
    vertical-align: top !important;
}
.sticky-top {
    position: sticky;
    left: 0;
    top: 0;
}
.height-100 {
    height: 100% !important;
}
.table-top-m22 {
    position: relative;
    top: -22px;
}
.border-radius20 {
    border-radius: 20px!important;
}
.box-shadow-none {
    box-shadow: none!important;
}
.maxheight30vh {
    max-height: 30vh;
}
.maxheight31vh {
    max-height: 31vh;
}
.maxheight32vh {
    max-height: 32vh;
}
.maxheight33vh {
    max-height: 33vh;
}
.maxheight34vh {
    max-height: 34vh;
}
.maxheight35vh {
    max-height: 35vh;
}
.maxheight36vh {
    max-height: 36vh;
}
.maxheight37vh {
    max-height: 37vh;
}
.maxheight38vh {
    max-height: 38vh;
}
.maxheight39vh {
    max-height: 39vh;
}
.maxheight40vh {
    max-height: 40vh;
}
.maxheight41vh {
    max-height: 41vh;
}
.maxheight42vh {
    max-height: 42vh;
}
.maxheight43vh {
    max-height: 43vh;
}
.maxheight44vh {
    max-height: 44vh;
}
.maxheight45vh {
    max-height: 45vh;
}
.maxheight46vh {
    max-height: 46vh;
}
.maxheight47vh {
    max-height: 47vh;
}
.maxheight48vh {
    max-height: 48vh;
}
.maxheight49vh {
    max-height: 49vh;
}
.maxheight50vh {
    max-height: 50vh;
}
.maxheight51vh {
    max-height: 51vh;
}
.maxheight52vh {
    max-height: 52vh;
}
.maxheight53vh {
    max-height: 53vh;
}
.maxheight54vh {
    max-height: 54vh;
}
.maxheight55vh {
    max-height: 55vh;
}
.maxheight56vh {
    max-height: 56vh;
}
.maxheight57vh {
    max-height: 57vh;
}
.maxheight58vh {
    max-height: 58vh;
}
.maxheight59vh {
    max-height: 59vh;
}
.maxheight60vh {
    max-height: 60vh;
}
.maxheight61vh {
    max-height: 61vh;
}
.maxheight62vh {
    max-height: 62vh;
}
.maxheight63vh {
    max-height: 63vh;
}
.maxheight64vh {
    max-height: 64vh;
}
.maxheight65vh {
    max-height: 65vh;
}
.maxheight66vh {
    max-height: 66vh;
}
.maxheight67vh {
    max-height: 67vh;
}
.maxheight68vh {
    max-height: 68vh;
}
.maxheight69vh {
    max-height: 69vh;
}
.maxheight70vh {
    max-height: 70vh;
}
.bg-highlight {
    background-color: var(--bg-highlight) !important;
}
.no-shadow {
    box-shadow: none !important;
}
.flex-unset {
    flex: unset !important;
}
.max-height675 {
    max-height: 675px;
}
.common-box {
    background-color: var(--color-white);
    border: var(--border-common-new);
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 30px;
}
.common-box .box-title {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}
.common-box .box-title .text {
    color: var(--color-dark-new);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 24px;
}
.admin-common-btn {
    background-color: var(--Main-Primary);
    border: 1px solid var(--Main-Primary);
    border-radius: 8px;
    color: var(--color-white);
    display: inline-block;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
}
.admin-common-btn:hover {
    background-color: var(--Text-Text_Dark);
    border-color: var(--Text-Text_Dark);
    color: var(--color-white);
}
.admin-common-btn.btn-bordered {
    background-color: var(--color-white);
    border-color: var(--Main-Primary);
    color: var(--Main-Primary);
}
.admin-common-btn.btn-bordered:hover {
    background-color: var(--Main-Primary);
    color: var(--color-white);
}
.admin-common-btn.btn-bordered.bordered-red {
    border-color: var(--Signal-Red);
    color: var(--Signal-Red);
}
.admin-common-btn.btn-bordered.bordered-red:hover {
    background-color: var(--Signal-Red);
    color: var(--color-white);
}
.admin-common-btn.btn-bordered.bg-dark-hover:hover {
    background-color: var(--Text-Text_Dark);
    border-color: var(--Text-Text_Dark);
    color: var(--Main-Primary);
}
.admin-common-btn.btn-bordered.btn-dark-bordered {
    background-color: #FFFFFF26;
    border-color: var(--color-white);
    color: var(--color-white);
    border-radius: 8px;
}
.admin-common-btn.btn-bordered.btn-dark-bordered:hover {
    background-color: var(--color-white);
    color: var(--Text-Text_Dark);
}
.admin-common-btn.btn-bordered.btn-dark-bordered:hover img {
    filter: brightness(1) invert(1);
}
.admin-common-btn.btn-green {
    background-color: var(--Signal-Green);
    border-color: var(--Signal-Green);
}
.admin-common-btn.btn-green:hover {
    background-color: #1C5E20;
    border-color: #1C5E20;
}
.admin-common-btn.btn-white {
    background-color: var(--color-white);
    color: var(--Text-Text_Dark);
    border: none;
}
.admin-common-btn.btn-white:hover {
    background-color: var(--Main-Primary);
    color: var(--color-white);
}
.admin-common-btn.btn-full {
    width: 100% !important;
}
.admin-common-btn.btn-small {
    font-size: 14px;
    padding: 6px 24px;
}
.admin-common-btn:disabled {
    cursor: not-allowed;
    opacity: 0.4;
}
.admin-common-btn:disabled:hover {
    cursor: not-allowed;
}
.admin-common-btn:disabled {
    background-color: var(--Main-Primary);
    border: 1px solid var(--Main-Primary);
    color: var(--color-white);
}
.admin-common-btn.btn-bordered:disabled {
    background-color: var(--color-white);
    border-color: var(--Main-Primary);
    color: var(--Main-Primary);
}
.admin-common-btn.common-btn-new {
    border: none;
    border-radius: var(--border-radius-md);
    box-shadow: var(--box-shadow-error-sm);
    font-family: var(--font-family-poppins);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    padding: 6px 8px;
}
.admin-common-btn.common-btn-new.btn-red {
    background-color: var(--color-error-main);
}
.error-message,
.required-alert {
    display: block;
    color: var(--Signal-Red);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 5px;
}
.form-group {
    margin: 0 0 24px 0;
}
.form-group label {
    font-weight: 500;
    margin: 0 0 10px 0;
}
.form-group .mand-star {
    color: var(--Main-Primary);
}
.form-group .form-control {
    background-color: transparent;
    font-size: 14px;
    line-height: 1.2;
    border: var(--form-border);
    border-radius: var(--border-radious-form);
    padding: var(--form-padding);
    height: 50px;
}
.form-group .form-control:focus {
    border: var(--form-border);
    box-shadow: none;
}
.form-group .form-control:focus-visible {
    border-color: var(--Signal-Red);
    box-shadow: none;
}
.form-group select.form-control {
    background: var(--color-white) url(../images/select-arrow-down-icon.svg) no-repeat right 24px center;
    color: var(--Text-Text_Dark);
}
.form-group select.form-control option {
    color: var(--Text-Text_Dark);
    border-top: 1px solid var(--Text-Text_Light);
}
.form-group select.form-control.select-new {
    background: var(--color-white) url(../images/select-arrow-down-icon-new.svg) no-repeat right 15px center;
    border: 1.5px solid var(--color-light-new-two);
    border-radius: 10px;
    color: var(--color-dark-new);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    padding: 10px 35px 10px 15px;
    height: 40px;
}
.form-group select.form-control.select-new option {
    color: var(--color-dark-new);
    border-top: 1px solid var(--Text-Text_Light);
}
select.form-control.type-two {
    background: transparent url(../images/select-arrow-down-icon-two.svg) no-repeat right center;
    border: none;
    padding: 0 23px 0 0;
    color: var(--Text-Text_Light);
    font-size: 12px;
    font-weight: 700;
}
select.form-control.type-two:focus {
    box-shadow: none;
}
.form-group textarea.form-control {
    resize: none;
    height: 100px;
}
.form-group textarea.form-control.height-211 {
    height: 211px;
}
.form-group .form-control::placeholder {
    color: var(--Text-Text_Light);
}
.form-group .eye-icon-cont {
    position: relative;
    left: calc(100% - 32px);
    bottom: 37px;
}
.form-group .eye-icon-cont .icon-eye {
    width: 18px;
}
.form-group input[type="time"].form-control {
    background: url(../images/icon-clock.svg) no-repeat right 24px center;
}
.form-group input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}
.form-group .required-alert,
.required-alert,
.invalid-feedback,
.form-group .invalid-feedback {
    display: block;
    color: var(--Signal-Red);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 10px;
}
.form-group.two-btn-cont {
    display: flex;
    align-items: end;
}
.form-group.two-btn-cont .admin-common-btn {
    width: 50%;
    margin-left: 24px;
}
.form-group.two-btn-cont .admin-common-btn:first-child {
    margin-left: 0;
}
.autocomplete .autocomplete-results {
    max-height: 140px!important;
    overflow-y: scroll!important;
}
.autocomplete .autocomplete-results .autocomplete-result {
    padding: 2px 10px;
}
.form-check .form-check-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}
.table-check-input {
    background: url(../images/icon-checkbox-uncheck.svg) no-repeat left top/100% 100%;
    appearance: none;
    -moz-appearance: none;
    height: 18px;
    width: 18px;
    border: none;
    border-radius: 5px;
    margin: 0 8px 0 0;
    position: relative;
    top: 4px;
}
.table-check-input:checked {
    background: url(../images/icon-checkbox-checked.svg) no-repeat left top/100% 100%;
}
.table-check-input:checked,
.table-check-input:focus,
.table-check-input:focus-visible {
    box-shadow: none;
}
.table-checkbox.checkbox-new {
    background: url(../images/table-checkbox-bg-uncheck-new.svg) no-repeat left top/100% 100%;
    border: none;
    display: inline-block;
    padding: 0;
    height: 20px;
    width: 20px;
    margin: 2px 10px 2px 0;
    position: relative;
    top: 6px;
}
.table-checkbox.checkbox-new:checked {
    background: url(../images/table-checkbox-bg-checked-new.svg) no-repeat left top/100% 100%;
    border: none;
    outline: none;
    box-shadow: none;
}
.table-checkbox.checkbox-new:focus {
    outline: none;
    box-shadow: none;
}
.custom-form-check .table-radio-input.form-check-input,
.table-radio-input.form-check-input {
    background: url(../images/icon-radio-circle.svg) no-repeat left top/100% 100%;
    appearance: none;
    -moz-appearance: none;
    height: 20px;
    width: 20px;
    border: none;
    border-radius: 50%;
    margin: 0 8px 4px 0;
}
.custom-form-check .table-radio-input.form-check-input:checked,
.table-radio-input.form-check-input:checked {
    background: url(../images/icon-radio-circle-checked.svg) no-repeat left top/100% 100%;
}
.custom-form-check .table-radio-input.form-check-input:checked,
.custom-form-check .table-radio-input.form-check-input:focus,
.custom-form-check .table-radio-input.form-check-input:focus-visible,
.table-radio-input.form-check-input:checked,
.table-radio-input.form-check-input:focus,
.table-radio-input.form-check-input:focus-visible {
    box-shadow: none;
}
.custom-check-group>label {
    font-size: 16px;
}
.custom-form-check {
    margin-bottom: 8px;
    min-height: 20px;
    padding-left: 0;
}
.custom-form-check.form-check-inline {
    margin-bottom: 0;
}
.custom-form-check .form-check-input {
    background: url(../images/icon-checkbox-uncheck.svg) no-repeat left top/100% 100%;
    appearance: none;
    -moz-appearance: none;
    height: 18px;
    width: 18px;
    border: none;
    border-radius: 5px;
    margin: 0 8px 4px 0;
}
.custom-form-check .form-check-input:checked {
    background: url(../images/icon-checkbox-checked.svg) no-repeat left top/100% 100%;
}
.custom-form-check .form-check-input:checked,
.custom-form-check .form-check-input:focus,
.custom-form-check .form-check-input:focus-visible {
    box-shadow: none;
}
.custom-form-check .form-check-label {
    float: left;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
}





.form-check-group-inline {
    display: flex;
}
.form-check-group-inline .form-group {
    margin-left: 20px;
}
.form-check-group-inline .form-group:first-child {
    margin-left: 0;
}
.custom-form-check-new {
    display: flex;
    margin-right: 0;
}
.custom-form-check-new .form-check-input {
    background: url(../images/ck-uncheck.svg) no-repeat left top/100% 100%;
    appearance: none;
    -moz-appearance: none;
    height: 25px;
    width: 25px;
    border: none;
    border-radius: 0;
    margin: 0;
}
.custom-form-check-new .form-check-input:checked,
.custom-form-check-new .form-check-input.check-blue:checked {
    background: url(../images/ck-blue.svg) no-repeat left top/100% 100%;
}
.custom-form-check-new .form-check-input.check-green:checked {
    background: url(../images/ck-green.svg) no-repeat left top/100% 100%;
}
.custom-form-check-new .form-check-input.check-red:checked {
    background: url(../images/ck-red.svg) no-repeat left top/100% 100%;
}
.custom-form-check-new .form-check-input:checked,
.custom-form-check-new .form-check-input:focus,
.custom-form-check-new .form-check-input:focus-visible {
    box-shadow: none;
}
.custom-form-check-new .form-check-label {
    color: var(--color-dark-new);
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 0 0 10px;
}
.form-text {
    color: var(--Text-Text_Dark);
}
.form-text.add-on-amount {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 24px;
}
.custom-check {
    padding-left: 0;
}
.custom-check label {
    background: url(../images/checkbox.png) no-repeat left top;
    padding-left: 25px;
}
.custom-check label.active {
    background-image: url(../images/checkbox-active.png);
}
.custom-check label input[type="checkbox"] {
    opacity: 0;
}
.form-a {
    color: var(--Main-Primary);
    text-decoration: none;
    font-weight: 500;
}
.form-a:hover {
    color: var(--Text-Text_Dark);
}
.form-devider {
    color: var(--Text-Text_Light);
    font-weight: 500;
    margin: 0 0 24px 0;
    text-align: center;
    position: relative;
    z-index: 0;
}
.form-devider::after {
    position: absolute;
    content: "";
    background-color: var(--BG-And-White);
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    z-index: -1;
}
.form-devider span {
    background-color: var(--bg-white-bg-light);
    padding: 0 16px;
}
.form-common-btn {
    background-color: var(--Main-Primary);
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    padding: var(--form-padding);
    height: 50px;
    border: none;
    margin: 0 0 24px 0;
    justify-content: center;
    align-items: center;
}
.form-common-btn:hover,
.form-common-btn:focus,
.form-common-btn:active {
    background-color: var(--Text-Text_Dark);
}
.date-input-container {
    position: relative;
}
.calendar-popup {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    z-index: 1000;
}
.calendar-popup .calendar {
    background-color: var(--color-white);
    border-radius: 8px;
    border: var(--border-icons);
    box-shadow: var(--box-shadow-admin-three);
    font-family: var(--font-family-poppins);
    padding: 10px;
    position: relative;
}
.calendar-popup .calendar .calendar-header {
    background-color: var(--color-white);
    padding: 4px 0;
    margin: 20px 0 5px 0;
    border-bottom: var(--border-icons);
    border-top: var(--border-icons);
}
.calendar-popup .calendar .calendar-header .btn-prev,
.calendar-popup .calendar .calendar-header .btn-next {
    border: var(--border-icons);
    padding: 2px 10px;
    height: 32px;
    width: 32px;
    border-radius: 8px;
}
.calendar-popup .calendar .calendar-header .month-year .custom-select .year-select {
    border: var(--border-icons);
    border-radius: 8px;
}
.calendar-popup .calendar .calendar-grid .day-name {
    font-weight: 500;
    padding: 6px 2px;
    font-size: 13px;
    border: var(--border-icons);
    border-radius: 8px;
}
.calendar-popup .calendar .calendar-grid .day {
    border: var(--border-icons);
    border-radius: 8px;
}
.calendar-popup .calendar .close-button {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    background: none;
    border: none;
    font-size: 16px;
    line-height: 16px;
    color: #C3D3E2;
    height: 16px;
    width: 16px;
}
.cust-alert {
    background-color: var(--color-alert-one-bg);
    border-radius: 8px;
    border: 1px solid var(--BG-And-White);
    padding: 16px;
    margin-top: 16px;
}
.cust-alert.alert-one {
    background-color: var(--color-alert-one-bg);
}
.cust-alert.alert-two {
    background-color: var(--color-alert-two-bg);
}
.cust-alert.alert-three {
    background-color: var(--color-alert-three-bg);
}
.cust-alert.alert-four {
    background-color: var(--color-alert-four-bg);
}
.cust-alert .alert-top {
    margin-bottom: 10px;
}
.cust-alert .alert-top p,
.cust-alert .alert-bottom p {
    margin-bottom: 0;
    color: var(--Text-Text_Dark);
    font-weight: 500;
}
.cust-alert .alert-bottom p {
    text-align: right;
}
.popup-div {
    position: relative;
}
.common-popup-cont {
    background-color: var(--color-white);
    border-radius: var(--border-radius-md);
    box-shadow: 0px 4px 18px 0px #2F2B3D29;
    display: none;
    padding: 24px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 442px;
    max-width: calc(100vw - 40px);
    z-index: 1021;
}
.common-popup-cont.show {
    display: block;
}
.common-popup-cont .pop-cont {
    position: relative;
}
.common-popup-cont .popup-close-icon {
    position: absolute;
    right: 0;
    top: 0;
}
.common-popup-cont .pop-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-black);
    padding: 0 30px 0 0;
    margin-bottom: 16px;
}
.common-modal-cont .modal-dialog.modal-458 {
    width: 458px;
    max-width: calc(100% - var(--bs-modal-margin) * 2);
}
.common-modal-cont .modal-dialog.modal-490 {
    width: 490px;
    max-width: calc(100% - var(--bs-modal-margin) * 2);
}
.common-modal-cont .modal-dialog.modal-690 {
    width: 690px;
    max-width: calc(100% - var(--bs-modal-margin) * 2);
}
.common-modal-cont .modal-dialog.modal-924 {
    width: 924px;
    max-width: calc(100% - var(--bs-modal-margin) * 2);
}
.common-modal-cont .modal-dialog.modal-972 {
    width: 972px;
    max-width: calc(100% - var(--bs-modal-margin) * 2);
}
.common-modal-cont .modal-dialog.modal-1120 {
    width: 1120px;
    max-width: calc(100% - var(--bs-modal-margin) * 2);
}
.common-modal-cont .modal-dialog.modal-1256 {
    width: 1256px;
    max-width: calc(100% - var(--bs-modal-margin) * 2);
}
.common-modal-cont .modal-content {
    background-color: var(--color-white);
    padding: 40px;
    border-radius: 16px;
    box-shadow: var(--box-shadow-admin-three);
}
.common-modal-cont .modal-content .modal-header {
    border: none;
    padding: 0 0 32px 0;
}
.common-modal-cont .modal-content .modal-header .modal-title {
    color: var(--color-black);
    font-size: 20px;
    font-weight: 500;
    display: flex;
}
.common-modal-cont .modal-content .modal-header .modal-title .info-cont {
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
}
.common-modal-cont .modal-content .modal-header .btn-close {
    background: transparent;
    opacity: 1;
    padding: 0;
    margin: 0;
    display: inline-block;
    height: auto;
    width: auto;
}
.common-modal-cont .modal-content .modal-header .btn-close:focus {
    box-shadow: none;
}
.common-modal-cont .modal-content .modal-header .btn-close img {
    display: block;
}
.common-modal-cont .modal-content .modal-body {
    padding: 0;
}
.common-modal-cont .modal-content .modal-body .deletion-body-cont {
    margin: 0 0 24px 0;
    text-align: center;
}
.common-modal-cont .modal-content .modal-body .deletion-body-cont .icon-delete {
    aspect-ratio: 1/1;
    object-fit: cover;
    height: 60px;
    margin-bottom: 10px;
}
.common-modal-cont .modal-content .modal-body .deletion-body-cont .txt-delete {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.common-modal-cont .modal-content .modal-footer {
    border: none;
    display: flex;
    justify-content: center;
    padding: 0;
}
.common-modal-cont .modal-content .modal-footer .admin-common-btn {
    margin: 0 12px 10px 0;
    padding: 16px 24px;
    font-weight: 700;
    line-height: 1;
    width: 193px;
    max-width: 100%;
}
.common-modal-cont .modal-content .modal-footer .admin-common-btn:last-child {
    margin-right: 0;
}
.common-modal-cont .modal-content .modal-footer .admin-common-btn.btn-full {
    margin: 0;
}
.modal-add-project-pricing-plan .modal-content .modal-header {
    padding-bottom: 40px;
}
.modal-add-project-pricing-plan .modal-content .top-msg {
    color: var(--Text-Text_Light);
    text-align: center;
    margin: 0 auto 40px auto;
    width: 659px;
    max-width: 100%;
}
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-check.form-switch {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-check.form-switch .form-check-label {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    color: var(--Text-Text_Light);
}
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-check.form-switch .form-check-input {
    cursor: pointer;
    width: 48px;
    margin: 0 24px;
    height: 24px;
    border-radius: 12px;
    background-color: var(--Text-Text_Light);
    border: 2px solid var(--Text-Text_Light);
    --bs-form-switch-bg: url(../images/toggle-switch-round.svg);
    background-image: url(../images/toggle-switch-round.svg);
}
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-check.form-switch .form-check-input:checked {
    background-color: var(--Main-Primary);
    border-color: var(--Main-Primary);
}
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-check.form-switch .form-check-input:focus {
    box-shadow: none;
}
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-switch.switch-new .switch-btn {
    border-radius: 0;
    background-color: var(--color-white);
    border: 1px solid var(--Main-Primary);
    color: var(--Main-Primary);
    padding: 8px 20px;
}
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-switch.switch-new .switch-btn.btn-left {
    border-radius: 20px 0 0 20px;
}
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-switch.switch-new .switch-btn.btn-right {
    border-radius: 0 20px 20px 0;
}
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-switch.switch-new .btn-check:checked+.btn,
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-switch.switch-new .switch-btn.btn.active,
.modal-add-project-pricing-plan .modal-content .modal-toggle-switch-cont.switch-left-right-label .form-switch.switch-new .switch-btn.btn.show,
:not(.btn-check)+.btn:active {
    background-color: var(--Main-Primary);
    color: var(--color-white);
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box-row {
    margin-left: -16px;
    margin-right: -16px;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box-col {
    padding-left: 16px;
    padding-right: 16px;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box {
    border: 1px solid var(--BG-And-White);
    border-radius: 8px;
    padding: 24px 24px 74px 24px;
    height: calc(100% - 32px);
    position: relative;
    margin-bottom: 32px;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box:hover,
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box.active {
    border-color: var(--Main-Primary);
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box .plan-price {
    color: var(--Text-Text_Dark);
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 16px;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box .plan-price sub {
    font-size: 12px;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box .plan-name {
    color: var(--Text-Text_Dark);
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 16px;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box .common-ul.with-check-icon {
    padding-left: 0;
    margin-bottom: 35px;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box .common-ul.with-check-icon li {
    background: url(../images/tick-circle-blue.svg) no-repeat left top;
    padding-left: 28px;
    font-size: 14px;
    margin-top: 16px;
    line-height: 1.3;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box .common-ul.with-check-icon li::marker {
    padding-top: 5px;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box .admin-box-btn-cont {
    position: absolute;
    bottom: 24px;
    left: 24px;
    width: calc(100% - 48px);
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box .admin-box-btn-cont .btn-get-started {
    padding: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box:hover .admin-box-btn-cont .btn-get-started,
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box.active .admin-box-btn-cont .btn-get-started {
    background-color: var(--Main-Primary);
    color: var(--color-white);
    height: 50px;
}
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box:hover .admin-box-btn-cont .btn-get-started:hover,
.modal-add-project-pricing-plan .modal-content .plan-cont .plan-box.active .admin-box-btn-cont .btn-get-started:hover {
    background-color: var(--color-white);
    color: var(--Main-Primary);
}
.tooltip-trigger {
    position: relative;
}
.tooltip-trigger.label-with-tooltip {
    top: -2px;
    margin-left: 2px;
}
.custom-tooltip {
    display: none;
    background-color: var(--Text-Text_Dark);
    padding: 16px;
    border-radius: 8px;
    box-shadow: var(--box-shadow-admin-three);
    position: absolute;
    left: 0;
    top: 100%;
    width: auto;
    z-index: 1;
}
.custom-tooltip.right-bottom {
    left: unset;
    right: 0;
    top: 100%;
}
.custom-tooltip.show {
    display: block !important;
}
.custom-tooltip .tooltip-cont {
    display: flex;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
}
.custom-tooltip .tooltip-cont .icon {
    margin-right: 10px;
}
.custom-tooltip .tooltip-cont .text {
    white-space: nowrap;
}
.common-nav-tab-cont ul.nav-tabs {
    border: none;
    display: flex;
}
.common-nav-tab-cont ul.nav-tabs li.nav-item .nav-link {
    border: var(--tab-border);
    color: var(--Text-Text_Dark);
    font-weight: 700;
    padding: 12px 16px;
    line-height: 1.2;
    height: 100%;
    width: 100%;
}
.common-nav-tab-cont ul.nav-tabs li.nav-item .nav-link.active {
    background-color: var(--Main-Primary);
    color: var(--color-white);
    border-radius: 8px 8px 0px 0px;
    border-color: var(--Main-Primary);
}
.common-nav-tab-cont .tab-content {
    background-color: var(--color-white);
    border-radius: 0px 8px 8px 8px;
    box-shadow: var(--box-shadow-admin-four);
    padding: 24px 24px 0 24px;
    margin-bottom: 24px;
}
.common-accordian {
    display: flex;
    flex-direction: column;
}
.common-accordian .accordion-item {
    border: 1px solid #E0E5F2;
    border-radius: 8px;
    padding: 0;
    margin-top: 16px;
}
.common-accordian .accordion-item:first-child {
    margin-top: 0;
}
.common-accordian .accordion-item .accordion-header .accordion-button {
    background-color: transparent;
    color: var(--Text-Text_Dark);
    padding: 22px 41px 22px 16px;
    border-radius: 6px;
    box-shadow: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
    position: relative;
}
.common-accordian .accordion-item .accordion-header .accordion-button::after {
    background: url('../images/icon-accordian.svg') no-repeat center center;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 20px;
    top: 22px;
}
.common-accordian .accordion-item .accordion-header .accordion-button[aria-expanded="true"]::after {
    transform: rotate(-45deg);
}
.common-accordian .accordion-item .accordion-header .accordion-button:focus,
.common-accordian .accordion-item .accordion-header .accordion-button:focus-visible {
    box-shadow: none;
    outline: 0;
}
.common-accordian .accordion-item .accordion-collapse .accordion-body {
    color: var(--Text-Text_Light);
    padding: 0 16px 22px 16px;
    font-size: 16px;
}
/*---- COMMON CSS - END ----*/
/*---- Login, Sign Up, Forgot Password, Change Password - CSS - START ----*/
.log-cont {
    height: 100vh;
}
.log-cont .log-container {
    height: 100%;
}
.log-cont .log-row {
    height: 100%;
}
.log-cont .col-left {
    background: url(../images/bg-shape1.svg) no-repeat left top;
}
.log-cont .col-left .left-cont {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
}
.log-cont .log-form-box {
    padding: 30px 0;
    width: 410px;
    max-width: 90%;
}
.log-cont .log-form-box .logo-for-responsive {
    display: none;
    text-align: center;
    margin: 0 0 30px 0;
}
.log-cont .log-form-box .logo-for-responsive a {
    display: inline-block;
    clear: both;
    max-width: 70%;
    margin: 10px 0;
}
.log-cont .log-form-box .log-title,
.log-cont .log-form-box .otp-title {
    color: var(--Text-Text_Dark);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.28;
    margin: 0 0 16px 0;
}
.log-cont .log-form-box .log-sub-title,
.log-cont .log-form-box .otp-sub-title {
    color: var(--Text-Text_Light);
    font-size: 16px;
    margin: 0 0 39px 0;
}
.log-cont .log-form-box .form-text,
.log-cont .log-form-box .form-check-label,
.log-cont .log-form-box .form-a {
    font-size: 15px;
}
.log-cont .log-form-box .signin-with-google {
    color: var(--Text-Text_Dark);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: 0 0 39px 0;
}
.log-cont .log-form-box .signin-with-google img {
    margin-right: 10px;
}
.log-cont .log-form-box .signin-with-google span {
    font-size: 14px;
}
.log-cont .log-form-box .rm-fp-cont {
    font-size: 12px;
    margin: 0 0 24px 0;
}
.log-cont .log-form-box .rm-fp-cont .form-check {
    margin-bottom: 0;
    min-height: 1;
}
.log-cont .log-form-box .rm-fp-cont .form-text {
    margin: 0;
    font-size: 12px;
}
.log-cont .log-form-box .forgot-pass-cra .form-a {
    font-weight: 700;
}
.log-cont .col-right {
    background-color: rgb(236, 246, 255);
    border-radius: 0 20px 20px 100px;
}
.log-cont .col-right .right-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    height: 100%;
}
.log-cont .col-right .right-cont .log-logo {
    margin: 20px 0;
    max-width: 50%;
}
/*---- Login, Sign Up, Forgot Password, Change Password - CSS - END ----*/
/*---- ADMIN - CSS - START ----*/
.app-admin-cont .admin-container {
    display: flex;
    padding: 0;
    position: relative;
    min-height: 100vh;
    height: 100%;
}
.admin-sidebar {
    /* width: auto; */
    background-color: var(--bg-body-color);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 272px;
}
.admin-sidebar.show {
    flex: 0 0 272px;
    /* flex: 0 0 260px; */
    /* flex: 0 0 290px; */
    /* flex: 0 0 320px; */
}
.admin-sidebar .sidebar-box {
    position: relative;
    /* height: 100%; */
    height: 100vh;
    overflow: auto;
}
.admin-sidebar.sidebar-user .sidebar-box {
    padding-bottom: 200px;
}
.admin-sidebar .brand-logo-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column-gap: 10px;
    padding: 40px 30px 63px 30px;
    text-align: center;
}
.admin-sidebar .brand-logo-cont .brand-logo {
    display: block;
}
.admin-sidebar .brand-logo-cont .brand-logo img {
    display: block;
}
.admin-sidebar .brand-logo-cont .brand-logo .logo {
    display: none;
}
.admin-sidebar.show .brand-logo-cont .brand-logo .logo {
    display: block;
}
.admin-sidebar .brand-logo-cont .brand-logo .logo-icon {
    display: block;
}
.admin-sidebar.show .brand-logo-cont .brand-logo .logo-icon {
    display: none;
}
.admin-sidebar .admin-left-nav {
    padding: 16px 30px;
}
.admin-sidebar.show .admin-left-nav {
    padding: 0;
}
.admin-sidebar .admin-left-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.admin-sidebar .admin-left-nav > ul > li {
    padding: 15px 15px 15px 30px;
}
.admin-sidebar .admin-left-nav > ul > li:last-child {
    border: none;
}
.admin-sidebar .admin-left-nav > ul > li > a,
.admin-sidebar .admin-left-nav > ul li .nav-main-cat {
    background-color: transparent;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: var(--Text-Text_Light);
    display: flex!important;
    justify-content: flex-start;
    align-items: center;
    padding: 0 24px 0 0;
    width: 100%;
    text-align: left;
    position: relative;
    text-decoration: none;
}
.admin-sidebar .admin-left-nav > ul > li .nav-icon {
    /* transition: all 0.5s; */
    transition: all 0.05s;
}
.admin-sidebar .admin-left-nav > ul > li .nav-main-cat:hover .nav-icon,
.admin-sidebar .admin-left-nav > ul > li.active .nav-icon {
    filter: brightness(0) saturate(100%) invert(72%) sepia(27%) saturate(5062%) hue-rotate(171deg) brightness(101%) contrast(100%);
}
.admin-sidebar .admin-left-nav > ul > li .nav-text {
    color: var(--color-dark-new);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    display: inline-block;
    padding-left: 16px;
    /* transition: all 0.5s; */
    transition: all 0.05s;
}
.admin-sidebar .admin-left-nav > ul > li .nav-main-cat:hover .nav-text,
.admin-sidebar .admin-left-nav > ul > li.active .nav-text {
    color: var(--Main-Primary)
}
.admin-sidebar.show .admin-left-nav ul li .nav-main-cat {
    display: block;
}
.admin-sidebar .admin-left-nav ul li .nav-main-cat {
    display: none;
}
.admin-sidebar .admin-left-nav ul li .nav-main-cat::after {
    content: "";
    background: url(../images/icon-nav-arrow-new.svg) no-repeat center center;
    position: absolute;
    right: 0;
    top: 9px;
    height: 6px;
    width: 11px;
    transform: rotate(180deg);
}
.admin-sidebar .admin-left-nav ul li:hover .nav-main-cat::after,
.admin-sidebar .admin-left-nav ul li.active .nav-main-cat::after {
    filter: var(--filter-blue);
}
.admin-sidebar .admin-left-nav ul li .nav-main-cat.collapsed::after {
    transform: rotate(0deg);
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul {
    position: relative;
    padding: 20px 0 0 37px;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul.btn-toggle-nav::before {
    background-color: #D1D2D3;
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    height: calc(100% - 40px);
    width: 1.5px;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li {
    margin: 1px 0;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li > a {
    border-radius: 10px;
    display: block;
    padding: 8px 0 8px 0;
    text-align: left;
    position: relative;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li > a::before {
    content: "";
    background: url(../images/icon-sub-nav-carve.svg) no-repeat center center;
    position: absolute;
    left: -27px;
    top: 4px;
    height: 18px;
    width: 17px;
    z-index: 1;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li > a:hover,
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li.active > a {
    background-color: var(--Main-Primary);
    padding-left: 12px;
    padding-right: 12px;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li > a .subnav-icon {
    background: url(../images/icon-sub-nav-carve.svg) no-repeat center center;
    display: inline-block;
    height: 16px;
    width: 15px;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li > a .nav-text {
    color: #2F2B3DE5;
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    display: inline-block;
    padding-left: 0;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li > a:hover .nav-text,
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li.active > a .nav-text {
    color: #fff;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li > a .badge:empty {
    display: none;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat > ul > li > a .badge {
    background-color: var(--Main-Primary-Dark);
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.275;
    min-width: 20px;
    text-align: center;
    padding: 3px;
    margin-left: 5px;
    border-radius: 10px;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat .btn-toggle-nav li a .nav-icon, 
.admin-sidebar .admin-left-nav ul li .nav-sub-cat .btn-toggle-nav li a:hover .nav-icon.icon-active, 
.admin-sidebar .admin-left-nav ul li .nav-sub-cat .btn-toggle-nav li.active a .nav-icon.icon-active {
    display: inline-block;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat .btn-toggle-nav li a .nav-icon.icon-active, 
.admin-sidebar .admin-left-nav ul li .nav-sub-cat .btn-toggle-nav li a:hover .nav-icon, 
.admin-sidebar .admin-left-nav ul li .nav-sub-cat .btn-toggle-nav li.active a .nav-icon {
    display: none;
}
.admin-sidebar .admin-left-nav ul li .nav-sub-cat .btn-toggle-nav li a .nav-text {
    display: none;
    padding-left: 0;
}
.admin-sidebar.show .admin-left-nav ul li .nav-sub-cat .btn-toggle-nav li a .nav-text {
    display: inline-block;
}
.admin-sidebar .upgradeto-pro-box {
    display: none;
    padding: 20px;
}
.admin-sidebar.show .upgradeto-pro-box {
    display: block;
}
.admin-sidebar .upgradeto-pro-box .box-cont {
    background: url(../images/bg-upgrade-to-pro-box-small-new2.png) no-repeat center center/cover;
    color: var(--Text-Text_Dark);
    border-radius: 20px;
    padding: 24px 18px 30px 28px;
    text-align: center;
}
.admin-sidebar .upgradeto-pro-box .logo-upgrade-to-pro {
    margin-bottom: 8px;
}
.admin-sidebar .upgradeto-pro-box .title-utp {
    color: var(--color-white);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.18;
    margin-bottom: 18px;
    text-align: center;
}
.admin-sidebar .upgradeto-pro-box .text-utp {
    margin-bottom: 28px;
}
.admin-sidebar .upgradeto-pro-box .text-utp p {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 0;
}
.admin-sidebar .upgradeto-pro-box .btn-gpn {
    background-color: var(--color-white);
    border-radius: 10px;
    display: inline-block;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
}
.admin-sidebar .upgradeto-pro-box .btn-gpn:hover {
    background-color: var(--Main-Primary-Dark);
    color: var(--color-white);
}
.admin-body-cont {
    position: relative;
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    margin-left: 272px;
}
body.body-pd .admin-body-cont {
    width: calc(100% - 272px);
    /* width: calc(100% - 260px); */
    /* width: calc(100% - 320px); */
}
body .admin-body-cont {
    width: calc(100% - 118px);
}
.admin-body-cont .admin-header {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 16px 16px 0 0;
}
.admin-body-cont .admin-header .admin-header-top {
    background-color: var(--color-white);
    border: var(--border-common-new);
    border-radius: 15px 15px 0 0;
    padding: 15px 16px 15px 32px;
    display: flex;
    justify-content: space-between;
}
.admin-body-cont .admin-header .admin-header-top .header-top-left-cont {
    display: flex;
    align-items: center;
}
.admin-body-cont .admin-header .admin-header-top .toggle-icon-cont {
    display: none;
    background-color: var(--color-white);
    border-radius: 10px;
}
.admin-body-cont .admin-header .admin-header-top .toggle-icon-cont .toggle-icon {
    display: block;
}
.admin-body-cont .admin-header .admin-header-top .toggle-icon-cont .toggle-icon.icon-bar {
    display: block;
}
.admin-body-cont .admin-header .admin-header-top .toggle-icon-cont .toggle-icon.icon-close {
    display: none;
}
.admin-body-cont .admin-header .admin-header-top .toggle-icon-cont.bx-x .toggle-icon.icon-close {
    display: none;
}
.admin-body-cont .admin-header .admin-header-top .top-back-btn {
    margin: 0 10px 0 20px;
}
.admin-body-cont .admin-header .admin-header-top .top-page-title {
    font-family: var(--font-family-poppins);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    color: #2E3771;
    margin: 0 10px 0 0;
}
.admin-body-cont .admin-header .admin-header-top .btn-upgrade-plan {
    line-height: 1.5;
    border-radius: 30px;
    padding: 18px 50px;
    margin-right: 16px;
}
.admin-body-cont .admin-header .admin-header-top .btn-left-credits {
    background-color: transparent;
    border: var(--border-common-new);
    border-radius: 10px;
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.admin-body-cont .admin-header .admin-header-top .btn-left-credits .icon-btn {
    height: 30px;
}
.admin-body-cont .admin-header .admin-header-top .btn-left-credits .btn-txt {
    color: #B0B0B0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.267;
    margin-left: 10px;
}
.admin-body-cont .admin-header .admin-header-top .btn-left-credits .btn-txt strong {
    color: var(--color-yellow);
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding-top: 0;
}
.admin-body-cont .admin-header .admin-header-top .btn-left-credits .credits-container .credit-info .credit-label {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.35;
}
.admin-body-cont .admin-header .admin-header-top .btn-top-notification {
    background-color: var(--bg-body-color);
    border-radius: 10px;
    margin: 0 20px;
    padding: 10.5px;
    position: relative;
}
.admin-body-cont .admin-header .admin-header-top .btn-top-notification.active {
    position: relative;
}
.admin-body-cont .admin-header .admin-header-top .btn-top-notification.active::after {
    background-color: #EB5757; 
    border-radius: 50%;
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    right:6px;
    top: 6px;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .user-box {
    background-color: var(--color-white);
    position: relative;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .header-icon-cont {
    text-decoration: none;
    display: inline-block;
    margin-right: 16px;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .header-icon-cont.icon-user {
    margin-right: 0;
    display: flex;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .header-icon-cont.icon-user .user-img-cont {
    aspect-ratio: 1/1;
    object-fit: cover;
    height: 50px;
    background-color: var(--bg-body-color);
    border-radius: 10px;
    padding: 10px;
    position: relative;
    margin-right: 8px;
    display: inline-block;
    text-align: center;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .header-icon-cont.icon-user .user-img {
    aspect-ratio: 1/1;
    object-fit: contain;
    height: 30px;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .header-icon-cont.icon-user .profile-active-dot {
    background-color: #ccc;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: -2px;
    bottom: -2px;
    height: 12px;
    width: 12px;
    z-index: 1;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .header-icon-cont.icon-user .profile-active-dot.active {
    background-color: #28C76F;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .header-icon-cont.icon-user .name-user-type {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .header-icon-cont.icon-user .name-user-type b {
    color: var(--color-dark-new);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;    
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .header-icon-cont.icon-user .name-user-type i {
    background: url(../images/top-bar-user-arrow-new.svg) no-repeat right center;
    color: #B0B0B0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    font-style: normal;
    padding-right: 16px;
    text-align: left;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop {
    font-family: var(--font-family-poppins);
    border: var(--border-common-new);
    border-radius: 15px;
    box-shadow: none;
    right: 0;
    top: calc(100% + 26px);
    padding: 20px;
    text-align: center;
    width: 300px;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .pop-title {
    padding: 0 30px;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .profile-pop-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .user-avatar {
    background-color: var(--bg-body-color);
    border-radius: 10px;
    position: relative;
    display: inline-block;
    padding: 10px;
    height: 50px;
    width: 50px;
    text-align: center;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .user-avatar a {
    display: inline-block;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .user-avatar a img {
    aspect-ratio: 1/1;
    object-fit: contain;
    display: block;
    max-width: 100%;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .user-avatar .profile-active-dot {
    background-color: #ccc;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: -2px;
    bottom: -2px;
    height: 12px;
    width: 12px;
    z-index: 1;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .user-avatar .profile-active-dot.active {
    background-color: #28C76F;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .user-avatar .icon-edit {
    background-color: #fff;
    padding: 2px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .user-avatar .icon-edit img {
    display: block;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .user-name-role {
    padding: 0 0 0 8px;
    width: calc(100% - 56px);
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .user-name {
    color: var(--theme-text-primary);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.467;
    text-align: left;
    margin: 0;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .user-role {
    color: var(--theme-text-disabled);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin: 0;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .other-details {
    border-bottom: var(--border-common-new);
    padding: 8px 0 18px 0;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .other-details .user-email-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .other-details .icon-user {
    display: inline-block;
    width: 22px;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .other-details .user-email {
    color: #B0B0B0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 0;
    word-wrap: break-word;
    width: calc(100% - 34px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .other-details .user-email:hover {
    color: var(--Main-Primary);
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .popup-bottom {
    padding: 20px 0 0 0;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .popup-bottom .admin-common-btn {
    background: transparent url(../images/icon-arrow-right-profile-pop.svg) no-repeat right center;
    box-shadow: none;
    border-radius: 0;
    color: var(--color-light-new);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    padding: 0 21px 0 0;
    margin-top: 20px;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .popup-bottom .admin-common-btn:hover {
    color: var(--color-dark-new);
    filter: var(--filter-black);
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .popup-bottom .admin-common-btn:first-child {
    margin-top: 0;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .popup-bottom .admin-common-btn .icon {
    margin-right: 10px;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .popup-bottom .admin-common-btn.btn-red {
    color: #EB5757;
}
.admin-body-cont .admin-header .admin-header-top .header-user-cont .common-popup-cont.profile-pop .popup-bottom .admin-common-btn.btn-red:hover {
    filter: brightness(0) saturate(100%) invert(31%) sepia(95%) saturate(7498%) hue-rotate(-1deg) brightness(103%) contrast(104%);
} 
.admin-body-cont .admin-header .top-page-title-for-mobile {
    display: none;
    background-color: #F1FCFF;
    border: var(--border-common-new);
    border-top: none;
    color: #2E3771;
    font-family: var(--font-family-poppins);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
}
.admin-body-cont .admin-header-bottom {
    padding: 0 32px;
}
.admin-body-cont .admin-header-bottom .admin-breadcrumb {
    margin-bottom: 5px;
}
.admin-body-cont .admin-header-bottom .admin-breadcrumb .breadcrumb {
    margin-bottom: 0;
}
.admin-body-cont .admin-header-bottom .admin-breadcrumb .breadcrumb .breadcrumb-item.active {
    color: var(--Text-Text_Light);
}
.admin-body-cont .admin-header-bottom .admin-breadcrumb .breadcrumb .breadcrumb-item,
.admin-body-cont .admin-header-bottom .admin-breadcrumb .breadcrumb .breadcrumb-item a {
    color: var(--color-admin-breadcrumb);
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
}
.admin-body-cont .admin-header-bottom .admin-breadcrumb .breadcrumb .breadcrumb-item a:hover {
    color: var(--Main-Primary);
}
.admin-body-cont .admin-header-bottom .page-title {
    color: var(--Text-Text_Dark);
    font-size: 26px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 10px;
}
.admin-body-cont .admin-header-bottom .top-info-box-cont {
    margin-bottom: 20px;
}
.admin-body-cont .admin-header-bottom .top-info-box-cont .info-box-col {
    margin-bottom: 20px;
}
.admin-body-cont .admin-header-bottom .top-info-box-cont .info-box {
    background-color: var(--info-box-bg);
    border-radius: 16px;
    box-shadow: var(--box-shadow-info-box);
    height: 100%;
    padding: 9%;
    display: flex;
    align-items: center;
}
.admin-body-cont .admin-header-bottom .top-info-box-cont .info-box .icon-info-box {
    background-color: var(--Main-Primary);
    aspect-ratio: 1/1;
    object-fit: cover;
    padding: 7.5%;
    border-radius: 50%;
    width: 27.6%;
    min-width: 40px;
    max-width: 80px;
    margin-right: 16px;
}
.admin-body-cont .admin-header-bottom .top-info-box-cont .info-box .txt-cont .info-title {
    color: var(--Text-Text_Light);
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 4px;
}
.admin-body-cont .admin-header-bottom .top-info-box-cont .info-box .txt-cont .info-data {
    color: var(--Text-Text_Dark);
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
}
.admin-body-cont .admin-header-bottom .top-info-box-cont .info-box .txt-cont .info-data sub {
    font-size: 16px;
}
.admin-body-cont .admin-header-bottom .header-faq-search-cont {
    background: url(../images/user-faq-top-search-bg.jpg) no-repeat center top/cover;
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    margin-bottom: 24px;
}
.admin-body-cont .admin-header-bottom .header-faq-search-cont .top-title {
    color: var(--Text-Text_Dark);
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 16px;
}
.admin-body-cont .admin-header-bottom .header-faq-search-cont .top-title strong {
    font-weight: 700;
}
.admin-body-cont .admin-header-bottom .header-faq-search-cont .top-faq-search {
    width: 500px;
    max-width: 100%;
    margin: 0 auto 16px auto;
}
.admin-body-cont .admin-header-bottom .header-faq-search-cont .top-faq-search .faq-top-search-input {
    background: var(--color-white) url(../images/icon-search1.svg) no-repeat left 24px center;
    border-radius: 8px;
    border: none;
    color: var(--Text-Text_Dark);
    letter-spacing: -0.28px;
    height: 44px;
    padding: 12px 24px 12px 46px;
    width: 100%;
}
.admin-body-cont .admin-header-bottom .header-faq-search-cont .top-faq-search .faq-top-search-input:focus-visible {
    outline: none;
}
.admin-body-cont .admin-header-bottom .header-faq-search-cont .bottom-text {
    color: var(--Text-Text_Light);
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 0;
}
.admin-body-cont .dashboard-body .dashboard-body-col {
    margin-bottom: 20px;
}
.admin-body-cont .dashboard-body .dashboard-box {
    background: var(--color-white);
    border-radius: var(--border-radious-main);
    padding: 32px;
    height: 100%;
}
.admin-body-cont .dashboard-body .dashboard-box .box-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.admin-body-cont .dashboard-body .dashboard-box .box-header .box-title {
    color: var(--Text-Text_Dark);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}
.admin-body-cont .dashboard-body .dashboard-box .box-header .box-top-select {
    background-color: var(--color-white);
    width: auto;
}
.admin-body-cont .admin-header-bottom .header-btn-cont {
    display: flex;
    margin-bottom: 10px;
}
.admin-body-cont .admin-header-bottom .header-btn-cont .admin-common-btn {
    margin: 0 10px 0 0;
}
.admin-body-cont .admin-header-bottom .header-btn-cont .admin-common-btn.btn-filter-date.hide {
    display: none;
}
.admin-body-cont .common-inner-body {
    padding: 0 16px 0 0;
}
.admin-body-cont .common-inner-body .common-inner-cont {
    background-color: var(--color-white);
    border: var(--border-common-new);
    border-top: none;
    border-radius: 0 0 15px 15px;
    padding: 30px 16px 60px 32px;
}
.admin-body-cont .admin-body-upper {
    background-color: var(--color-white);
    border-radius: 10px;
    padding: 15px 20px;
    box-shadow: var(--box-shadow-admin);
    margin: 0 32px 5px 32px;
    display: flex;
    justify-content: space-between;
}
.admin-body-cont .admin-body-upper .left-btns-cont {
    display: flex;
}
.admin-body-cont .admin-body-upper .left-btns-cont .admin-common-btn {
    line-height: 18px;
    margin-right: 8px;
}
.admin-body-cont .admin-body-upper .left-btns-cont .admin-common-btn:last-child {
    margin-right: 0;
}
.admin-body-cont .admin-body-upper .left-btns-cont .admin-common-btn.btn-add-competitor.show {
    display: inline-block !important;
}
.admin-body-cont .admin-body-upper .body-title.title-normal-competitor {
    font-size: 20px;
    color: var(--Text-Text_Dark);
    font-weight: 700;
    margin: 0;
    padding: 0 15px;
    line-height: 40px;
}
.admin-body-cont .admin-body-upper .body-title.title-normal-competitor .normal-view.hide {
    display: none;
}
.admin-body-cont .admin-body-upper .body-title.title-normal-competitor .competitor-view.show {
    display: inline-block !important;
}
.admin-body-cont .admin-body-upper .right-btns-cont {
    display: flex;
}
.admin-body-cont .admin-body-upper .right-btns-cont .tooltip-trigger {
    margin-right: 8px;
}
.admin-body-cont .admin-body-upper .right-btns-cont .table-search-input {
    line-height: 40px;
    flex: 1 0 0;
    width: 210px;
    max-width: 100%;
}
.admin-body-cont .admin-body-upper .right-btns-cont .admin-common-btn {
    line-height: 15px;
    padding: 10px;
}
.admin-body-cont .admin-body-upper .right-btns-cont .admin-common-btn img {
    width: 15px;
}
.admin-body-cont .admin-body {
    background-color: var(--color-white);
    border-radius: var(--border-radious-main);
    padding: 30px 24px;
    box-shadow: var(--box-shadow-admin);
    box-shadow: var(--box-shadow-main);
    z-index: 0;
    flex: 1 1 auto;
}
.admin-body-cont .admin-body.table-competitor-view {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}
.admin-body-cont .admin-body.no-bg-space {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}
.admin-body-cont .admin-body::-webkit-scrollbar {
    width: 5px;
    background-color: var(--bg-white-bg-light-three);
    border-radius: 5px;
}
.admin-body-cont .admin-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--Main-Primary);
}
.admin-body-cont .admin-body::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--bg-white-bg-light-three);
}
body .admin-body-cont .admin-body {
    margin: 0 24px;
    width: calc(100% - 48px);
}
.admin-body-cont .admin-body .admin-body-box {
    height: 100%;
}
.admin-body-cont .admin-body .admin-body-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
}
.admin-body-cont .admin-body .admin-body-top .body-sub-title {
    color: var(--Text-Text_Dark);
    font-size: 20px;
    font-weight: 700;
    padding: 7px 0;
    margin-bottom: 0;
}
.admin-body-cont .admin-body .admin-body-top .admin-common-btn.btn-bordered {
    margin-left: 10px;
}
.admin-body-cont .admin-body .admin-body-bottom {
    height: 100%;
}
.admin-body-cont .admin-body .table-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.admin-body-cont .admin-body .table-top .btn-cont {
    flex: 1 0 0;
    text-align: right;
}
.admin-body-cont .admin-body .table-top .btn-cont .admin-common-btn {
    margin-left: 8px;
}
table.dataTable {
    margin-top: 0 !important;
}
.admin-body-cont .admin-body .dataTables_wrapper .row:first-child {
    display: none;
    margin-bottom: 0 !important;
}
.admin-body-cont .admin-body .dataTables_wrapper .row.dt-row {
    display: block !important;
}
.admin-body-cont .admin-body .data-table-cont .date-time {
    display: flex;
}
.admin-body-cont .admin-body .data-table-cont .action-icon-cont {
    display: flex;
    justify-content: center;
}
.admin-body-cont .admin-body .data-table-cont .action-icon-cont .action-icon {
    text-decoration: none;
    margin-left: 10px;
}
.admin-body-cont .admin-body .data-table-cont .action-icon-cont .action-icon:first-child {
    margin-left: 0;
}
.admin-body-cont .admin-body .data-table-cont .action-icon-cont .action-icon.icon-view-dark {
    background-color: var(--Main-Primary);
    padding: 11px;
    border-radius: 8px;
    line-height: 15px;
    height: 40px;
    width: 40px;
    display: inline-block;
}
.admin-body-cont .admin-body .data-table-cont .action-icon-cont .action-icon.icon-view-dark:hover {
    background-color: var(--Main-Primary-Dark);
}
.table-search-input {
    background: var(--bg-white-bg-light-two) url(../images/icon-search1.svg) no-repeat left 24px center;
    border-radius: 8px;
    border: none;
    color: var(--Text-Text_Dark);
    letter-spacing: -0.28px;
    height: 40px;
    padding: 10px 24px 10px 46px;
    flex: 0 0 350px;
    width: 100%;
}
.admin-body-cont .admin-body .admin-box {
    background-color: var(--color-white);
    border-radius: 10px;
    padding: 20px;
    box-shadow: var(--box-shadow-admin);
    margin-bottom: 10px;
    height: calc(100% - 10px);
}
.admin-body-cont .admin-body .admin-box.box-dark {
    background-color: var(--admin-dark-box-bg);
}
.admin-body-cont .admin-body .admin-box.box-highlight {
    background-color: var(--Main-Primary);
}
.admin-body-cont .admin-body .admin-box.box-user-plans {
    padding-bottom: 70px;
    position: relative;
}
.admin-body-cont .admin-body .user-plan-row .admin-box.box-user-plans {
    padding-bottom: 20px;
    position: unset;
}
.admin-body-cont .admin-body .admin-box .admin-box-title {
    color: var(--Text-Text_Dark);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
}
.admin-body-cont .admin-body .admin-box.box-highlight .admin-box-title {
    color: var(--color-white);
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-btn .admin-common-btn {
    font-size: 14px;
    font-weight: 500;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-btn-small {
    line-height: 30px;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-plan-price {
    font-size: 24px;
    text-align: right;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-plan-price .plan-name {
    word-wrap: break-word;
    float: left;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-plan-price .plan-price {
    font-size: 24px;
    font-weight: 500;
    text-align: right;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-plan-price .plan-price sub {
    font-size: 17px;
    bottom: 0;
    font-weight: 500;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5EF;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .title-cont .sub-title {
    color: #9291A5;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .title-cont .title {
    color: #1E1B39;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .title-cont #monthsFilter {
    background-color: var(--color-white);
    border: 1px solid var(--Text-Text_Dark);
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: var(--Text-Text_Dark);
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .chart-info {
    display: flex;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .chart-info .info-cont {
    display: flex;
    align-items: center;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .chart-info .info-cont .dot {
    background-color: var(--Text-Text_Dark);
    display: inline-block;
    height: 12px;
    width: 12px;
    min-width: 12px;
    border-radius: 50%;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .chart-info .info-cont .dot.dot-blue {
    background-color: var(--Text-Text_Dark);
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .chart-info .info-cont .dot.dot-light-blue {
    background-color: var(--Main-Primary);
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .chart-info .info-cont strong {
    color: #615E83;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .filter-cont .filter-btn {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    border: 1px solid var(--Text-Text_Dark);
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 1px;
    color: var(--Text-Text_Dark);
    text-transform: uppercase;
    white-space: nowrap;
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .filter-cont .filter-btn:hover {
    background-color: var(--Text-Text_Dark);
    color: var(--color-white);
}
.admin-body-cont .admin-body .admin-box .admin-box-title.with-chart-info-filter .filter-cont .filter-btn:hover img {
    filter: brightness(0) invert(1);
}
.admin-body-cont .admin-body .admin-box.box-user-details {
    position: relative;
}
.admin-body-cont .admin-body .admin-box .admin-box-left-right {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    height: 100%;
}
.admin-body-cont .admin-body .admin-box .admin-box-left-right .admin-box-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.admin-body-cont .admin-body .admin-box .admin-box-left-right .admin-box-right {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 32px;
}
.admin-body-cont .admin-body .admin-box .admin-box-left-right .admin-box-right .top-cont.with-btn {
    text-align: right;
}
.admin-body-cont .admin-body .admin-box .admin-box-left-right .admin-box-right .top-cont.with-btn {
    text-align: right;
}
.admin-body-cont .admin-body .admin-box.box-user-details .admin-box-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
}
.admin-body-cont .admin-body .admin-box.box-user-details .admin-box-txt .user-info {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    padding: 10px 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    word-wrap: break-word;
}
.admin-body-cont .admin-body .admin-box.box-user-details .admin-box-txt .user-info .title {
    flex: 80px 0 0;
}
.admin-body-cont .admin-body .admin-box.box-user-details .admin-box-txt .user-info .txt {
    font-weight: 400;
    flex: 1 0 0;
    max-width: 100%;
    padding-left: 10px;
}
.admin-body-cont .admin-body .admin-box.box-dark .admin-box-title {
    color: var(--color-white);
}
.admin-body-cont .admin-body .admin-box.plan-upgrade-box {
    overflow: hidden;
}
.admin-body-cont .admin-body .admin-box.plan-upgrade-box .admin-box-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 16px;
}
.admin-body-cont .admin-body .admin-box.plan-upgrade-box .plan-details-ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 16px;
}
.admin-body-cont .admin-body .admin-box.plan-upgrade-box .plan-details-ul li {
    background: url(../images/tick-circle.svg) no-repeat left top;
    color: var(--color-white);
    font-size: 18px;
    line-height: 23px;
    padding-left: 28px;
    margin-top: 12px;
}
.admin-body-cont .admin-body .admin-box.plan-upgrade-box .plan-details-ul li:first-child {
    margin-top: 0;
}
.admin-body-cont .admin-body .admin-box.plan-upgrade-box .btn-upograde-plan {
    padding: 16px 44px;
    width: fit-content;
}
.admin-body-cont .admin-body .admin-box.plan-upgrade-box .admin-box-right .body-cont.with-img {
    text-align: right;
}
.admin-body-cont .admin-body .admin-box.plan-upgrade-box .admin-box-right .body-cont.with-img .bg-img {
    position: relative;
    right: -20px;
    bottom: -20px;
}
.admin-body-cont .admin-body.user-faq-body {
    padding: 20px;
    border-radius: 10px;
    box-shadow: none;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont {
    display: flex;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .nav-tabs {
    flex: 417px 0 0;
    display: flex;
    flex-direction: column;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .nav-tabs .nav-item {
    margin-top: 16px;
    width: 100%;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .nav-tabs .nav-item:first-child {
    margin-top: 0;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .nav-tabs .nav-item .nav-link {
    background: rgba(255,255,255,0.96) url('../images/icon-user-faq-question.svg') no-repeat left 10px top 15px;
    color: var(--Text-Text_Light);
    text-align: left;
    padding: 15px 10px 15px 40px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    transition: all 0.3s;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .nav-tabs .nav-item .nav-link:hover,
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .nav-tabs .nav-item .nav-link.active {
    background: var(--Main-Primary) url('../images/icon-user-faq-question-white.svg') no-repeat left 10px top 15px;
    color: var(--color-white);
    box-shadow: 0px 0px 10px 0px #4318FF26;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content {
    flex: 1 0 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 0 60px;
    margin: 0;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .tab-pane .top-question-cont {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 24px;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .tab-pane .top-question-cont .q-icon {
    background-color: var(--Main-Primary);
    padding: 17px 16px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #4318FF26;
    margin-right: 8px;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .tab-pane .top-question-cont .t-cont .title-q {
    color: var(--Text-Text_Dark);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 5px;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .tab-pane .top-question-cont .t-cont .sub-title-q {
    color: var(--Text-Text_Light);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .bottom-contacts-cont {
    margin-top: 85px;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .bottom-contacts-cont .contact-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--color-white);
    border-radius: 16px;
    padding: 31px;
    text-align: center;
    height: 100%;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .bottom-contacts-cont .contact-box .icon-contact {
    height: 30px;
    margin: 0 0 16px 0;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .bottom-contacts-cont .contact-box .contact-title {
    color: var(--Text-Text_Dark);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 16px 0;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .bottom-contacts-cont .contact-box .contact-txt,
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .bottom-contacts-cont .contact-box .contact-txt a {
    color: var(--Text-Text_Light);
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
    margin: 0;
    word-break: break-all;
}
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .bottom-contacts-cont .contact-box .contact-txt:hover,
.admin-body-cont .admin-body.user-faq-body .user-faq-tab-cont .tab-content .bottom-contacts-cont .contact-box .contact-txt a:hover {
    color: var(--Main-Primary);
}
.admin-body-cont .admin-bottom-footer {
    background-color: var(--color-white);
    border-radius: 10px;
    padding: 20px;
    box-shadow: var(--box-shadow-admin);
    margin-top: 10px;
}
.common-popup-cont.filter-pop {
    top: calc(100% + 10px);
}
.common-popup-cont.filter-pop .pop-filter-box-cont {
    border-top: 1px solid var(--BG-And-White);
    padding-top: 24px;
}
.common-popup-cont.filter-pop .pop-filter-box-cont .form-cont .form-group label {
    color: var(--Text-Text_Dark);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}
.common-popup-cont.filter-pop .pop-filter-box-cont .btn-cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.common-popup-cont.filter-pop .pop-filter-box-cont .btn-cont .admin-common-btn {
    border-radius: 5px;
    font-size: 14px;
    flex: 1 0 0;
    text-transform: uppercase;
}
.admin-body-cont .admin-body .admin-box .admin-box-txt p {
    font-size: 16px;
    margin-bottom: 25px;
}
.admin-body-cont .admin-body .admin-box .admin-box-txt.gap-20 p {
    margin-bottom: 20px;
}
.admin-body-cont .admin-body .admin-box .admin-box-txt p .title {
    font-weight: 500;
}
.admin-body-cont .admin-body .user-plan-row .admin-box .common-ul.plan-features {
    margin-bottom: 0;
}
.admin-body-cont .admin-body .admin-box .common-ul.plan-features li {
    background-image: url(../images/ul-dot.svg);
    color: var(--Text-Text_Light);
}
.admin-body-cont .admin-body .admin-box .common-ul.plan-features.dark li {
    background-image: url(../images/ul-dot-dark.svg);
    color: var(--Text-Text_Dark);
}
.admin-body-cont .admin-body .admin-box.box-highlight .common-ul.plan-features.dark li {
    background-image: url(../images/ul-dot-white.svg);
    color: var(--color-white);
}
.admin-body-cont .admin-body .admin-box .admin-box-btn-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.admin-body-cont .admin-body .admin-box .admin-box-btn-cont.full-width-btn {
    flex-direction: column;
}
.admin-body-cont .admin-body .admin-box .admin-box-btn-cont.full-width-btn .admin-common-btn {
    margin-top: 8px;
}
.admin-body-cont .admin-body .admin-box .admin-box-btn-cont.full-width-btn .admin-common-btn:first-child {
    margin-top: 0;
}
.admin-body-cont .admin-body .admin-box.box-user-plans .admin-box-btn-cont {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
}
.admin-body-cont .admin-body .admin-box .admin-box-btn-cont .admin-common-btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    height: 50px;
    width: calc(50% - 12px);
}
.admin-body-cont .admin-body .admin-box .plan-price {
    font-size: 24px;
    font-weight: 700;
    padding-left: 15px;
}
.admin-body-cont .admin-body .admin-box .plan-price sub {
    font-size: 16px;
    font-weight: 400;
}
.admin-body-cont .admin-body .admin-box .day-remaining-cont {
    background-color: var(--bg-white-bg-light);
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.admin-body-cont .admin-body .admin-box .day-remaining-cont .title-day-remaining {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}
.admin-body-cont .admin-body .admin-box .day-remaining-cont .progress {
    background-color: var(--BG-And-White);
    border-radius: 10px;
    margin-bottom: 10px;
}
.admin-body-cont .admin-body .admin-box .day-remaining-cont .progress .progress-bar {
    background-color: var(--Main-Primary);
    border-radius: 10px;
}
.admin-body-cont .admin-body .admin-box .day-remaining-cont .info-day-remaining {
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0;
}
.admin-body-cont .admin-body .admin-box .chart-info {
    display: flex;
}
.admin-body-cont .admin-body .admin-box .chart-info .info-cont {
    display: flex;
    align-items: center;
}
.admin-body-cont .admin-body .admin-box .chart-info .info-cont .dot {
    background-color: var(--Main-Primary);
    display: inline-block;
    height: 13px;
    width: 13px;
    border-radius: 50%;
}
.admin-body-cont .admin-body .admin-box .chart-info .info-cont .dot.dot-blue {
    background-color: #3A57E8;
}
.admin-body-cont .admin-body .admin-box .chart-info .info-cont .dot.dot-light-blue {
    background-color: #85F4FA;
}
.admin-body-cont .admin-body .admin-box .chart-info .info-cont strong {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-gray-info);
}
.table-normal-view.normal-view.hide {
    display: none;
}
.table-competitor-view.competitor-view {
    display: none;
}
.table-competitor-view.competitor-view.show {
    display: block !important;
}
.table-normal-view.normal-view table tr th,
.table-competitor-view.competitor-view table tr:first-child th {
    font-size: 16px;
}
.table-normal-view.normal-view table tr th,
.table-normal-view.normal-view table tr td.bg-highlight,
.table-competitor-view.competitor-view table tr th {
    font-weight: 500;
}
.table-competitor-view.competitor-view table.table-bordered>thead>tr:nth-child(2) th:first-child {
    border-left: none;
}
.table-search-input::placeholder {
    color: var(--Text-Text_Dark);
}
.table-search-input:focus-visible {
    outline: none;
}
.dataTables_wrapper table tr td.sorting_1 {
    white-space: nowrap;
}
.dataTables_wrapper div.dataTables_length select {
    min-width: 60px;
}
.dataTables_wrapper .row:first-child .dataTables_length label {
    font-size: 12px;
    color: var(--Text-Text_Dark);
}
.dataTables_wrapper .row:first-child .dataTables_length label select {
    background-color: var(--bg-white-bg-light-two);
    border: none;
    font-size: 12px;
    color: var(--Text-Text_Dark);
    box-shadow: none;
    height: 40px;
    padding: 4px 10px;
}
.dataTables_wrapper .row:first-child .dataTables_length label select option {
    background-color: var(--color-white);
}
.dataTables_wrapper .row:first-child .dataTables_filter label {
    position: relative;
}
.dataTables_wrapper .row:first-child .dataTables_filter label::after {
    content: "Search Keywords";
    color: var(--Text-Text_Dark);
    position: absolute;
    left: 100px;
    top: calc(50% - 12px);
}
.dataTables_wrapper .row:first-child .dataTables_filter label:focus::after,
.dataTables_wrapper .row:first-child .dataTables_filter label:focus-visible::after,
.dataTables_wrapper .row:first-child .dataTables_filter label:focus-within::after,
.dataTables_wrapper .row:first-child .dataTables_filter label:active::after {
    opacity: 0;
}
.dataTables_wrapper .row:first-child .dataTables_filter label .form-control {
    background: var(--bg-white-bg-light-two) url(../images/icon-search1.svg) no-repeat left 24px center;
    border-radius: 8px;
    border: none;
    color: var(--Text-Text_Dark);
    letter-spacing: -0.28px;
    height: 40px;
    padding: 10px 24px 10px 46px;
    box-shadow: none;
}
.dataTables_wrapper .row.dt-row .data-table {
    border: none;
}
.dataTables_wrapper .row.dt-row .data-table.table> :not(caption)>*>*,
.table> :not(caption)>*>* {
    color: var(--Text-Text_Dark);
    padding: 16px 24px;
    text-align: center;
    vertical-align: middle;
}
.dataTables_wrapper .row.dt-row .data-table.table.spacing5> :not(caption)>*>*,
.table.spacing10> :not(caption)>*>* {
    padding-left: 5%;
    padding-right: 5%;
}
.dataTables_wrapper .row.dt-row .data-table.table.ptb-10> :not(caption)>*>*,
.table.ptb-10> :not(caption)>*>* {
    padding-top: 10px;
    padding-bottom: 10px;
}
.dataTables_wrapper .row.dt-row .data-table.table.ptb-10 tr th,
.table.ptb-10 tr th {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
.dataTables_wrapper .row.dt-row .data-table.table.table-border-none> :not(caption)>*>*,
.table.table-border-none> :not(caption)>*>* {
    border: none;
}
.dataTables_wrapper .row.dt-row .data-table.table.table-border-none.table-border-box> :not(caption)>*>*,
.table.table-border-none.table-border-box> :not(caption)>*>* {
    line-height: 2;
}
.dataTables_wrapper .row.dt-row .data-table.table.table-border-none.table-border-box,
.table.table-border-none.table-border-box {
    border-collapse: separate;
    border-spacing: 0 22px;
}
.dataTables_wrapper .row.dt-row .data-table.table.table-border-none.table-border-box td,
.table.table-border-none.table-border-box td {
    border-top: 1px solid var(--BG-And-White);
    border-bottom: 1px solid var(--BG-And-White);
}
.dataTables_wrapper .row.dt-row .data-table.table.table-border-none.table-border-box td:first-child,
.table.table-border-none.table-border-box td:first-child {
    border-left: 1px solid var(--BG-And-White);
}
.dataTables_wrapper .row.dt-row .data-table.table.table-border-none.table-border-box td:last-child,
.table.table-border-none.table-border-box td:last-child {
    border-right: 1px solid var(--BG-And-White);
}
.dataTables_wrapper .row.dt-row .data-table.table.table-bordered> :not(caption)>*>* {
    border-color: var(--Text-Text_Light);
    border-radius: 0;
}
.dataTables_wrapper .row.dt-row .data-table.table.table-bordered>thead>tr:first-child th:first-child {
    border-radius: 8px 0 0 0 !important;
}
.dataTables_wrapper .row.dt-row .data-table.table.table-bordered>thead>tr:first-child th:last-child {
    border-radius: 0 8px 0 0 !important;
}
.dataTables_wrapper .row.dt-row .data-table.table.table-bordered>tbody>tr:last-child td:first-child {
    border-radius: 0 0 0 8px !important;
}
.dataTables_wrapper .row.dt-row .data-table.table.table-bordered>tbody>tr:last-child td:last-child {
    border-radius: 0 0 8px 0 !important;
}
.dataTables_wrapper .row.dt-row .data-table.table.table-striped>tbody>tr:nth-of-type(2n+1)>*,
.table.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    background: transparent;
    box-shadow: none;
}
.dataTables_wrapper .row.dt-row .data-table.table.table-striped>tbody>tr:nth-of-type(2n)>*,
.table.table-striped>tbody>tr:nth-of-type(2n)>* {
    background: var(--bg-white-bg-light);
    box-shadow: none;
}
.dataTables_wrapper .row.dt-row .data-table thead tr th,
.table thead tr th {
    background: var(--bg-white-bg-light);
    font-weight: 500;
    vertical-align: middle;
}
.dataTables_wrapper .row.dt-row .data-table tr th:first-child,
.dataTables_wrapper .row.dt-row .data-table tr td:first-child,
.table tr th:first-child,
.table tr td:first-child {
    border-radius: 8px 0 0 8px;
}
.dataTables_wrapper .row.dt-row .data-table tr th:last-child,
.dataTables_wrapper .row.dt-row .data-table tr td:last-child,
.table tr th:last-child,
.table tr td:last-child {
    border-radius: 0 8px 8px 0;
}
.dataTables_wrapper .row.dt-row .data-table tbody tr td[colspan="7"] {
    background: transparent !important;
}
.dataTables_wrapper .row.dt-row table.data-table {
    margin: 0 !important;
    width: 100% !important;
}
.dataTables_wrapper .row:last-child .dataTables_info {
    font-size: 12px;
    color: var(--Text-Text_Dark);
}
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button.previous .page-link,
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button.next .page-link {
    background-color: transparent;
    padding: 4px 10px;
    position: relative;
    text-indent: -999999px;
}
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button.previous:hover .page-link,
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button.next:hover .page-link {
    background-color: var(--bg-highlight);
    color: var(--Main-Primary);
}
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button.previous .page-link::after,
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button.next .page-link::after {
    content: "";
    position: absolute;
    height: 6px;
    width: 4px;
    left: calc(50% - 2px);
    top: calc(50% - 3px);
}
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button.previous .page-link::after {
    background: url(../images/icon-left-arrow-pagination.svg) no-repeat center center;
}
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button.next .page-link::after {
    background: url(../images/icon-right-arrow-pagination.svg) no-repeat center center;
}
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button .page-link {
    background-color: transparent;
    border: none;
    color: var(--Text-Text_Dark);
    font-size: 12px;
    display: inline-block;
    padding: 4px;
    line-height: 17px;
    min-width: 25px;
    border-radius: 5px;
}
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button .page-link:hover,
.dataTables_wrapper .row:last-child .dataTables_paginate .pagination .paginate_button.active .page-link {
    background-color: var(--Main-Primary);
    color: var(--color-white);
    box-shadow: none;
}
/*---- Competitor View - Table - CSS - START ----*/
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table tr th:first-child,
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table tr td:first-child,
.table-competitor-view.table tr th:first-child,
.table-competitor-view.table tr td:first-child,
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table tr th:last-child,
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table tr td:last-child,
.table-competitor-view.table tr th:last-child,
.table-competitor-view.table tr td:last-child {
    border-radius: 0;
}
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table>thead>tr>th,
.table-competitor-view.table>thead>tr>th {
    font-size: 14px;
    border-top: 1px solid var(--Text-Text_Light);
    border-bottom: 1px solid var(--Text-Text_Light);
    border-left: 1px solid var(--Text-Text_Light);
}
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table>thead>tr>th.border-right-thick,
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table>tbody>tr>td.border-right-thick,
.table-competitor-view.table>thead>tr>th.border-right-thick,
.table-competitor-view.table>tbody>tr>td.border-right-thick {
    border-right: 1px solid var(--Text-Text_Light);
}
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table>tbody>tr>td.border-left-thick,
.table-competitor-view.table>tbody>tr>td.border-left-thick {
    border-left: 1px solid var(--Text-Text_Light);
}
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table>thead>tr>th:first-child,
.table-competitor-view.table>thead>tr>th:first-child {
    font-size: 16px;
    border-left: none;
    text-align: left;
    white-space: nowrap;
    width: 20% !important;
}
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table>tbody>tr>td,
.table-competitor-view.table>tbody>tr>td {
    border-bottom: 1px solid var(--BG-And-White);
    border-left: 1px solid var(--BG-And-White);
    font-weight: 500;
    padding: 8px 4px;
}
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table>tbody>tr>td:first-child,
.table-competitor-view.table>tbody>tr>td:first-child {
    border-left: none;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    padding: 0;
}
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table.table>tbody>tr.odd>td,
.table-competitor-view.table>tbody>tr.odd>td {
    background-color: var(--color-white);
}
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table.table.table-striped>tbody>tr.even>td,
.table-competitor-view.table>tbody>tr.even>td {
    background-color: #FAFAFA;
}
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table.table>tbody>tr:not(.odd)>td,
.dataTables_wrapper .row.dt-row .table-competitor-view.data-table.table>tbody>tr:not(.even)>td,
.table-competitor-view.table>tbody>tr:not(.odd)>td,
.table-competitor-view.table>tbody>tr:not(.even)>td {
    background-color: var(--color-white);
}
.table-competitor-view .text-out-of {
    color: var(--Text-Text_Light);
    font-size: 12px;
}
.table-competitor-view .text-sub-th {
    color: var(--Text-Text_Light);
    font-size: 10px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 0;
}
.table-competitor-view .data-box {
    border-radius: 5px;
    padding: 10px;
}
.table-competitor-view .data-box.box-green {
    background-color: var(--bg-highlight);
}
.table-competitor-view .data-box.box-red {
    background-color: #FFF1F1;
}
.table-competitor-view .data-box .arrow-cont {
    padding-left: 10px;
    font-size: 10px;
    color: var(--Signal-Green);
}
.table-competitor-view .data-box.box-red .arrow-cont {
    color: var(--Signal-Red);
}
/*---- Competitor View - Table - CSS - END ----*/
.additional-info-cont .info-top {
    background: var(--bg-white-bg-light);
    border-radius: 8px;
    border: 1px solid var(--BG-And-White);
    padding: 16px 24px;
    margin-bottom: 16px;
}
.additional-info-cont .info-top .top-title {
    color: var(--Text-Text_Dark);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    text-align: left;
}
.additional-info-cont .info-top .top-title .link {
    color: var(--Main-Primary);
    font-weight: 500;
    text-decoration: none;
    margin-left: 10px;
}
.additional-info-cont .info-body {
    background: var(--bg-white-bg-light);
    border: 1px solid var(--BG-And-White);
    border-radius: 8px;
    overflow: hidden;
}
.additional-info-cont .info-body .table-additional-info {
    background: var(--bg-white-bg-light);
    border: 1px solid var(--BG-And-White);
    border-style: hidden;
    margin-bottom: 0;
}
.additional-info-cont .info-body .table-additional-info.table> :not(caption)>*>* {
    background: var(--bg-white-bg-light);
    padding: 16px;
    line-height: 1.5;
}
.additional-info-cont .info-body .table-additional-info tr th {
    color: var(--Text-Text_Dark);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.additional-info-cont .info-body .table-additional-info tr th:first-child {
    text-align: left;
}
.additional-info-cont .info-body .table-additional-info tr td {
    color: var(--Text-Text_Dark);
    text-align: center;
}
.additional-info-cont .info-body .table-additional-info tr td:first-child {
    text-align: left;
}
.additional-info-cont.additional-info-with-chart {
    background-color: var(--bg-white-bg-light);
    padding: 20px;
    margin: 2px 0;
}
.additional-info-cont.additional-info-with-chart .chart-top-cont {
    margin-bottom: 20px;
    text-align: left;
}
.additional-info-cont.additional-info-with-chart .chart-top-cont .chart-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.3;
}
.additional-info-cont.additional-info-with-chart .chart-top-cont .sub-title-filter-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.additional-info-cont.additional-info-with-chart .chart-top-cont .chart-sub-title {
    color: var(--Text-Text_Light);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.3;
}
.additional-info-cont.additional-info-with-chart .chart-top-cont .sub-title-filter-cont .chart-filter {
    display: flex;
    align-items: center;
    padding-right: 28px;
}
.additional-info-cont.additional-info-with-chart .chart-top-cont .sub-title-filter-cont .chart-filter .filter-a {
    color: var(--Text-Text_Light);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.3;
    padding-bottom: 5px;
}
.additional-info-cont.additional-info-with-chart .chart-top-cont .sub-title-filter-cont .chart-filter .filter-a:hover,
.additional-info-cont.additional-info-with-chart .chart-top-cont .sub-title-filter-cont .chart-filter .filter-a.active {
    color: var(--Text-Text_Dark);
    border-bottom: 1px solid var(--Text-Text_Light);
}
.additional-info-cont.additional-info-with-chart .chart-container {
    position: relative;
    margin: auto;
    height: auto;
    width: 100%;
}
.additional-info-cont.additional-info-with-chart .chart-container canvas {
    height: 100% !important;
    width: 100% !important;
}
.admin-body-cont .admin-body .data-table-cont.no-pagination .dataTables_wrapper .row:last-child {
    display: none;
}
.admin-body-cont .admin-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
body.body-pd .admin-body-cont .admin-footer {
    width: 100%;
}
body .admin-body-cont .admin-footer {
    width: 100%;
}
.admin-body-cont .admin-footer .footer-pagination {
    background-color: var(--color-white);
    border-radius: 10px;
    box-shadow: var(--box-shadow-admin);
    padding: 10px 24px;
    width: 100%;
}
.admin-body-cont .admin-footer .footer-pagination ul {
    list-style: none;
    display: flex;
    justify-content: end;
    margin: 0;
    padding: 0;
}
.admin-body-cont .admin-footer .footer-pagination ul li {
    margin: 0 2.5px;
}
.admin-body-cont .admin-footer .footer-pagination ul li a {
    background-color: var(--color-white);
    border: 1px solid var(--color-white);
    border-radius: 5px;
    display: flex;
    padding: 5px;
    text-decoration: none;
    line-height: 25px;
    height: 25px;
    min-width: 25px;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.admin-body-cont .admin-footer .footer-pagination ul li.active a,
.admin-body-cont .admin-footer .footer-pagination ul li a:hover {
    background-color: var(--Main-Primary);
    border-color: var(--Main-Primary);
    color: var(--color-white);
}
.admin-body-cont .admin-footer .footer-pagination ul li:first-child a:hover,
.admin-body-cont .admin-footer .footer-pagination ul li:last-child a:hover {
    background-color: var(--color-white);
}
.fullscreen-page-cont {
    padding: 40px 20px;
    height: auto;
    min-height: 100%;
}
.fullscreen-page-cont .fullscreen-cont {
    display: flex;
    padding: 0;
    min-height: calc(100vh - 80px);
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fullscreen-page-cont .fullscreen-cont .page-cont-box {
    text-align: center;
}
.fullscreen-page-cont .fullscreen-cont .page-cont-box .payment-msg-banner {
    margin-bottom: 50px;
}
.fullscreen-page-cont .fullscreen-cont .page-cont-box .page-title {
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 40px;
}
.fullscreen-page-cont .fullscreen-cont .page-cont-box .page-txt {
    color: var(--Text-Text_Light);
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 1.7;
}
.fullscreen-page-cont .fullscreen-cont .page-cont-box .admin-common-btn.btn-back-to-home {
    font-weight: 700;
    padding: 16px 48px;
}
/*---- Pagination CSS - START ----*/
.pagination-container {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center;    
    padding: 0;
    /* padding: 20px 24px; */
    margin: 60px 0 0 0;
}
.pagination-container.pagination-with-status {
    justify-content: space-between !important;
}
.pagination-container.pagination-with-status .pagination-status {
    font-family: var(--font-family-inter);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    color: #B4B2B7;
}
.pagination-container nav {
    text-align: right;
    max-width: 100%;
    overflow-x: auto;
}
.pagination-container nav .pagination {
    display: flex;
    margin: 0;
}
.pagination-container nav .pagination .page-item {
    margin-left: 5px;
}
.pagination-container nav .pagination .page-item:first-child {
    margin-left: 0;
}
.pagination-container nav .pagination .page-item .page-link {
    background-color: transparent;
    border: none;
    border-radius: 20px;
    color: var(--color-light-new);
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    padding: 6px;
    line-height: 1.4;
    min-height: 40px;
    min-width: 40px;
    text-align: center;
    transition: all 0.5s;
}
.pagination-container nav .pagination .page-item.active .page-link,
.pagination-container nav .pagination .page-item .page-link:hover {
    background-color: #68D2F533;
    color: var(--Main-Primary-Light-Three);
    z-index: unset;
}
.pagination-container nav .pagination .page-item.view-all .page-link {
    background-color: var(--Main-Primary-Light-Three);
    border-radius: 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 15px;
    white-space: nowrap;
}
.pagination-container nav .pagination .page-item.view-all .page-link {
    background-color: var(--Main-Primary-Light-Three);
    border-radius: 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 15px;
    white-space: nowrap;
}
.pagination-container nav .pagination .page-item.view-all .page-link:hover {
    background-color: #68D2F533;
    color: var(--Main-Primary-Light-Three);
}
.pagination-container nav .pagination .page-item .page-link:hover,
.pagination-container nav .pagination .page-item .page-link:focus {
    outline: none;
    box-shadow: none;
}
.pagination-container nav .pagination .page-item.previous .page-link,
.pagination-container nav .pagination .page-item.next .page-link {
    position: relative;
    text-indent: -999999px;
}
.pagination-container nav .pagination .page-item.previous .page-link:hover,
.pagination-container nav .pagination .page-item.next .page-link:hover {
    background-color: #68D2F533;
    color: var(--Main-Primary-Light-Three);
}
.pagination-container nav .pagination .page-item.previous .page-link::after,
.pagination-container nav .pagination .page-item.next .page-link::after {
    content: "";
    position: absolute;
    height: 6px;
    width: 4px;
    left: calc(50% - 2px);
    top: calc(50% - 3px);
}
.pagination-container nav .pagination .page-item.previous .page-link::after {
    background: url(../images/icon-left-arrow-pagination.svg) no-repeat center center;
}
.pagination-container nav .pagination .page-item.next .page-link::after {
    background: url(../images/icon-right-arrow-pagination.svg) no-repeat center center;
}
.pagination-container nav .pagination .page-item.disabled,
.pagination-container nav .pagination .page-item.disabled .page-link {
    cursor: not-allowed;
}
/*---- Pagination CSS - END ----*/
/*---- Vue JS - Modal - CSS - START ----*/
.p-dialog-mask {
    background-color: rgba(0, 0, 0, 0.5);
}
.p-dialog-mask .p-dialog .p-dialog-header {
    display: none;
}
.p-dialog-mask .p-dialog .p-dialog-content {
    height: 100%;
}
/*---- Vue JS - Modal - CSS - END ----*/
/*---- Setting Page - CSS - START ----*/
.settings-card {
    background-color: var(--color-white);
    max-width: 100%;
}
.settings-card .form-group .input-group .input-group-append button {
    padding: 13px;
    border: none;
    background-color: var(--Main-Primary);
    border-radius: 0 8px 8px 0;
    z-index: 0;
}
/*---- Setting Page - CSS - END ----*/
/*---- Live Contact - CSS - START ----*/
.live-contact {
    background-color: var(--bg-live-contact);
    border: 1px solid var(--Main-Primary);
    border-radius: 10px;
    box-shadow: var(--box-shadow-live-contact);
    position: fixed;
    right: 20px;
    bottom: 75px;
    z-index: 1;
    max-width: 380px;
}
.live-contact .live-contact-btn {
    color: var(--Text-Text_Dark);
    font-size: 17px;
    text-decoration: none;
    display: block;
    padding: 10px;
}
.live-contact .live-contact-box {
    display: none;
    padding: 10px;
    width: 380px;
    max-width: 100%;
    position: relative;
}
.live-contact .live-contact-box .box-close {
    position: absolute;
    right: 15px;
    top: 15px;
}
.live-contact .live-contact-box .form-title {
    font-size: 20px;
    color: var(--Text-Text_Dark);
    font-weight: 700;
    margin: 0 0 15px 0;
    padding-right: 30px;
    line-height: 1.2;
}
.live-contact .live-contact-box .form-group .form-control {
    background-color: var(--color-white);
    max-width: 100%;
}
/*---- Live Contact - CSS - END ----*/
/*---- Tables Height - CSS - START ----*/
.table-check-serp,
.table-my-project,
.table-normal-view,
.table-competitor,
.table-manage-user,
.table-manage-roles,
.table-manage-permissions,
.table-manage-customers,
.table-manage-plans,
.table-manage-category,
.table-manage-question,
.table-purchase-history,
.table-credits-history {
    height: auto;
}
.setting-body-cont,
.profile-body-cont,
.admin-body-cont .admin-header-bottom.dashboard-cont {
    height: auto;
    flex: 1 1 auto;
}
.admin-body-cont .admin-header-bottom.faq-cont {
    height: auto;
}
/*---- Tables Height - CSS - END ----*/
.copyright-cont {
    text-align: center;
    padding: 28px;
}
.copyright-cont .copyright-text {
    color: var(--color-light-new);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    margin: 0;
}
.mobile-close-modal {
    display: none;
}
.mobile-close-modal .btn-close {
    background: var(--color-white);
    border-radius: 50%;
    opacity: 1;
}
.drc-page-cont {
    padding: 0 24px;
}
.drc-page-top {
    background-color: #fff;
    padding: 22px 24px;
    border-radius: var(--border-radious-main);
    border: var(--border-common);
    box-shadow: 0px 4px 20px 5px #EEEEEE;
}
.drc-page-top .row-drc-top {
    align-items: center;
    grid-row-gap: 30px;
}
.drc-page-top .top-title {
    color: var(--title-color-v2);
    font-family: var(--font-family-poppins);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 40px;
}
.drc-page-top .top-form-cont {
    width: 100%;
}
.drc-page-top .top-form-cont .form-fld-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}
.drc-page-top .top-form-cont .form-fld-cont .form-box {
    flex: calc(50% - 12px) 0 0;
}
.drc-page-top .top-form-cont .form-fld-cont .form-box .form-control {
    border: 1px solid #2B367433;
    box-shadow: 0px 4px 10px 5px #EEEEEE;
}
.drc-page-top .top-form-cont .form-fld-cont .form-box .form-control::placeholder {
    color: #c1c4d6;
}
.drc-page-top .top-form-cont .form-fld-cont .input-fld {
    background: var(--color-white) url(../images/icon-domains.svg) no-repeat 16px center;
    padding: 15px 16px 15px 44px;
    border-radius: 8px;
    height: 50px;
    color: var(--Text-Text_Dark);
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
}
.drc-page-top .top-form-cont .form-fld-cont .input-fld::placeholder {
    opacity: 1;
}
.drc-page-top .top-form-cont .form-fld-cont .input-fld:focus {
    outline: none;
    box-shadow: none;
}
.drc-page-top .top-form-cont .form-fld-cont .error-message {
    display: block;
    text-align: left;
}
.drc-page-top .top-form-cont .form-fld-cont .input-fld.domain-name {
    background-image: url(../images/icon-domains.svg);
}
.drc-page-top .top-form-cont .form-fld-cont .input-fld.keyword-limit {
    background-image: url(../images/icon-keyword-limit.svg);
    -moz-appearance: textfield;
}
.drc-page-top .top-form-cont .form-fld-cont .country-select-cont {
    position:relative;
    height: 50px;
}
.drc-page-top .top-form-cont .form-fld-cont .country-select-cont .country {
    background: url(../images/icon-country.svg) no-repeat left 16px top 16px, url(../images/select-arrow-down.svg) no-repeat right 16px top 16px;
    background-color: var(--color-white);
    padding-right: 44px;
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: var(--Text-Text_Dark);
    padding: 15px 16px 15px 44px;
    border-radius: 8px;
    position:absolute;
	left:0;
	top:0;
    z-index: 1;
}
.drc-page-top .top-form-cont .form-fld-cont .country-select-cont .country:focus {
    box-shadow: none;
}
.drc-page-top .top-form-cont .form-fld-cont .location-select-cont {
    position:relative;
}
.drc-page-top .top-form-cont .form-fld-cont .location-select-cont .location {
    background: var(--color-white) url(../images/icon-location.svg) no-repeat 16px center;
    flex: calc(50% - 24px) 0 0;
    padding: 15px 16px 15px 44px;
    border-radius: 8px;
    height: 50px;
    color: var(--Text-Text_Dark);
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.drc-page-top .top-form-cont .form-fld-cont .location-select-cont .location:focus {
    box-shadow: none;
}
.drc-page-top .top-form-cont .form-fld-cont .location-select-cont ul.autocomplete-results {
    background-color: var(--color-white);
    padding: 15px 16px 15px 44px;
    border-radius: 8px;
    border: 1px solid #2B367480;
    list-style: none;
    text-align: left;
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--Text-Text_Dark);
    max-height: 280px;
    overflow-y: scroll;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: 1;
}
.drc-page-top .top-form-cont .form-fld-cont .location-select-cont ul.autocomplete-results li.autocomplete-result {
    margin-top: 5px;
}
.drc-page-top .top-form-cont .form-fld-cont .location-select-cont ul.autocomplete-results li.autocomplete-result:hover {
    cursor: default;
}
.drc-page-top .top-form-cont .form-fld-cont .location-select-cont ul.autocomplete-results li.autocomplete-result:first-child {
    margin-top: 0;
}
.drc-page-top .top-form-cont .btn-check-now {
    font-family: var(--font-family-poppins);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    padding: 15px;
    margin-top: 40px;
    width: 342px;
    max-width: 100%;
}
.drc-complete-analysis-cont .complete-analysis-box {
    background-color: var(--color-white);
    border: var(--border-common);
    border-radius: var(--border-radious-main);
    box-shadow: var(--box-shadow-main);
    padding: 32px;
    margin-top: 30px;
}
.drc-complete-analysis-cont .complete-analysis-box .ca-box-row {
    margin-left: -20px;
    margin-right: -20px;
}
.drc-complete-analysis-cont .complete-analysis-box .box-top {
    text-align: center;
}
.drc-complete-analysis-cont .complete-analysis-box .box-img {
    border-radius: 5px;
    width: 100%;
}
.drc-complete-analysis-cont .complete-analysis-box .box-bottom {
    margin-top: 20px;
}
.drc-complete-analysis-cont .complete-analysis-box .box-title {
    font-family: var(--font-family-poppins);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 16px;
}
.drc-complete-analysis-cont .complete-analysis-box .box-text {
    font-family: var(--font-family-poppins);
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #00000099;
    margin: 0;
}
.upgrade-to-pro-box {
    text-align: center;
    padding:33px 33px 27px 33px;
    border-radius: var(--border-radious-main);
    margin-top: 32px;
}
.upgrade-to-pro-box.box-big {
    background: url(../images/bg-upgrade-to-pro-box-new.png) no-repeat center center/cover;
}
.upgrade-to-pro-box.box-big .logo-upgrade-to-pro {
    margin-bottom: 8px;
}
.upgrade-to-pro-box.box-big .upgrade-to-pro-title {
    font-family: var(--font-family-poppins);
    font-size: 26px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: var(--Text-Text_Dark);
    margin-bottom: 8px;
}
.upgrade-to-pro-box.box-big .upgrade-to-pro-subtitle {
    color: var(--Text-Text_Dark);
    font-family: var(--font-family-poppins);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 30px;
}
.upgrade-to-pro-box.box-big .btn-get-pro-now {
    background-color: var(--Main-Primary);
    color: var(--color-white);
    border-radius: 8px;
    font-family: var(--font-family-poppins);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    padding: 15px;
    text-decoration: none;
    min-width: 300px;
    max-width: 100%;
}
.upgrade-to-pro-box.box-big .btn-get-pro-now:hover {
    background-color: var(--Text-Text_Dark);
    border-color: var(--Text-Text_Dark);
    color: var(--color-white);
}
.ranking-keyword-page-cont .ranking-keyword-page-top {
    background-color: var(--color-white);
    margin-bottom: 30px;
    /* border: var(--border-common);
    box-shadow: var(--box-shadow-main);
    padding: 30px 24px;
    border-radius: var(--border-radious-main);
    margin: 0 24px; */
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 28px; */
    margin-bottom: 30px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .top-title {
    color: #9E9E9E;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.5;
    /* font-family: var(--font-family-poppins);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    text-align: left;
    color: var(--title-color-v2); */
    margin-bottom: 0;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .top-title .icon-title {
    display: inline-block;
    margin-right: 10px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .top-title .title-text {
    display: inline-block;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .top-title .title-text strong {
    color: var(--color-dark-new);
    font-weight: 700;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .top-title .icon-tooltip {
    display: inline-block;
    margin-left: 5px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .right-btn-cont {
    display: flex;
    align-items: center;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .right-btn {
    border: var(--border-icons);
    border-radius: 8px;
    padding: 10px 11px;
    margin-left: 5px;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 16px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .right-btn:first-child {
    margin-left: 0;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .btn-save {
    background-color: var(--Main-Primary-Light-Three);
    border-radius: 10px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    padding: 10px 15px;
    text-decoration: none;
    /* color: var(--Text-Text_Dark);
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 10px 16px;
    width: auto; */
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .btn-save .btn-icon {
    display: inline-block;
    margin-right: 10px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .top-title-buttons .right-btn img {
    display: inline-block;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box-row {
    margin-left: -12px;
    margin-right: -12px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box-col {
    padding-left: 12px;
    padding-right: 12px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box {    
    /* background-color: var(--color-light-three);
    padding: 20px;
    border-radius: var(--border-radious16); */
    background-color: #F0FBFE;
    border: 1.5px solid #E1F6FD;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 20px;
    height: 100%;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-one {    
    background-color: #F0FBFE;
    border: 1.5px solid #E1F6FD;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-two {    
    background-color: #F5F2FA;
    border: 1.5px solid #E9E4F5;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-three {    
    background-color: #F4FAF1;
    border: 1.5px solid #E8F3E3;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-four {    
    background-color: #FEF4F1;
    border: 1.5px solid #FDE7E2;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box .box-left {
    margin: 0 10px 0 0;
    width: calc(100% - 90px);
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box .box-top {
    margin-bottom: 12px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box .box-count {
    /* font-family: var(--font-family-poppins);
    color: var(--Text-Text_Dark);
    display: block;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
    text-align: left; */
    color: var(--Main-Primary-Light-Three);
    display: flex;
    align-items: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-one .box-count {
    color: var(--Main-Primary-Light-Three);
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-two .box-count {
    color: #937ACB;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-three .box-count {
    color: #8AC472;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-four .box-count {
    color: #F3896F;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box .box-count .price {
    background-color: #F3896F;
    border-radius: 15px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    margin: 0 0 0 10px;
    padding: 2px 10px;
    height: 24px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box .box-title {
    /* font-family: var(--font-family-poppins);
    color: var(--Text-Text_Dark);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 8px; */
    color: var(--color-dark-new);
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box .box-subtitle {
    font-family: var(--font-family-poppins);
    color: var(--Text-Text_Light);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    margin-bottom: 0;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box .graph-cont .chart-img {
    width: 100%;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box .box-right {
    margin: 0;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box .right-icon-box {
    aspect-ratio: 1/1;
    background-color: var(--Main-Primary-Light-Three);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    width: 80px;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-one .right-icon-box {
    background-color: var(--Main-Primary-Light-Three);
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-two .right-icon-box {
    background-color: #937ACB;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-three .right-icon-box {
    background-color: #8AC472;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box.box-four .right-icon-box {
    background-color: #F3896F;
}
.ranking-keyword-page-cont .ranking-keyword-page-top .rank-graph-box-cont .graph-box .right-icon-box .box-icon {
    display: inline-block;
}
.ranking-keyword-page-cont .number-keyword-by-position {
    margin: 30px 24px 0 24px;
}
.ranking-keyword-page-cont .number-keyword-by-position .row-nkbp {
    margin-left: -12px;
    margin-right: -12px;
}
.ranking-keyword-page-cont .number-keyword-by-position .col-nkbp {
    padding-left: 12px;
    padding-right: 12px;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box {
    background-color: var(--color-white);
    border: var(--border-common);
    border-radius: var(--border-radious-main);
    box-shadow: var(--box-shadow-main);
    padding: 24px;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-top {
    padding: 21px 20px;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-top .box-title {
    font-family: var(--font-family-poppins);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: var(--title-color-v2);
    margin-bottom: 0;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-top .box-title .number {
    font-family: var(--font-family-poppins);
    color: var(--Text-Text_Dark);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    margin: 0 0 0 20px;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table thead tr th {
    background-color: transparent;
    border-color: #E7E7E8;
    border-left: none;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr th {
    font-family: var(--font-family-poppins);
    color: var(--title-color-v3);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    padding: 13px 20px;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr td {
    font-family: var(--font-family-poppins);
    color: var(--title-color-v3);
    font-size: 15px;
    font-weight: 500;
    line-height: 22.5px;
    text-align: left;
    padding: 13px 20px;
    border-color: #E7E7E8;
    border-left: none;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr td .td-data {
    display: flex;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr td .data {
    flex: 30px 0 0;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr td .progress-cont {
    display: flex;
    padding-left: 5px;
    flex: auto;
    align-items: center;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr td .progress-cont .count {
    font-family: var(--font-family-poppins);
    color: var(--Text-Text_Light);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    flex: 30px 0 0;
    padding-right: 16px;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr td .progress-cont .progress {
    background-color: #E7E7E8;
    height: 6px;
    flex: auto;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr td .progress-cont .progress .progress-bar {
    background-color: #EAE000;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr td .progress-cont .progress .progress-bar.bar-yellow {
    background-color: #EAE000;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr td .progress-cont .progress .progress-bar.bar-red {
    background-color: #FF0000;
}
.ranking-keyword-page-cont .number-keyword-by-position .nkbp-box .box-body table tr td .progress-cont .progress .progress-bar.bar-green {
    background-color: #3BB141;
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box {
    background-color: var(--color-white);
    border: var(--border-common);
    border-radius: var(--border-radious-main);
    box-shadow: var(--box-shadow-main);
    padding: 24px;
    height: 100%;
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-top {
    padding: 20px 0;
    margin-bottom: 19px;
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-top .box-title {
    font-family: var(--font-family-poppins);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: var(--title-color-v2);
    margin-bottom: 0;
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-check-boxes {
    padding-bottom: 20px;
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-check-boxes .form-check-inline {
    margin: 0 20px 20px 0;
    padding: 0;
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-check-boxes .form-check-inline .table-check-input {
    background: url(../images/checkbox-bg-uncheck.svg) no-repeat left top/100% 100%;
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-check-boxes .form-check-inline .table-check-input:checked {
    background: url(../images/checkbox-bg-checked.svg) no-repeat left top/100% 100%;
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-check-boxes .form-check-inline .form-check-label {
    font-family: var(--font-family-poppins);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: var(--Text-Text_Dark);
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-check-boxes .form-check-inline select.form-control {
    background: url(../images/select-arrow-down.svg) no-repeat right center;
    border: none;
    border-radius: 0;
    padding: 0 23px 0 0;
    font-family: var(--font-family-poppins);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: var(--Text-Text_Dark);
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-check-boxes .form-check-inline select.form-control:focus {
    outline: none;
    box-shadow: none;
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-chart-cont {
    height: calc(100% - 89px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.ranking-keyword-page-cont .number-keyword-by-position .nbp-box .box-chart-cont canvas {
    height: auto !important;
    width: 100% !important;
}
.ranking-keyword-page-cont .keywords-table-cont {
    /* background-color: var(--color-white);
    border: var(--border-common);
    border-radius: var(--border-radious-main);
    box-shadow: var(--box-shadow-main);
    padding: 24px;
    margin: 30px 24px 0 24px; */
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .box-title {
    font-family: var(--font-family-poppins);
    font-size: 18px;
    font-weight: 500;
    line-height: 33px;
    text-align: left;
    color: var(--Text-Text_Dark);
    margin-bottom: 24px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar {
    font-family: var(--font-family-poppins);
    display: flex;
    justify-content: space-between;
    padding: 12.5px 0;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left {
    display: flex;
    align-items: center;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .top-title {
    font-family: var(--font-family-poppins);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: left;
    color: var(--Text-Text_Dark);
    margin: 0;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group {
    margin-right: 20px;
    margin-bottom: 0;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .table-search-input {
    background: var(--color-white) url(../images/icon-search.svg) no-repeat left 14px center;
    border: var(--border-icons);
    color: var(--color-dark-three);
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    padding: 10px 16px 10px 46px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .table-search-input::placeholder {
    color: #0F365950;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .date-input-container {
    display: flex;
    align-items: center;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .label-inline {
    margin: 0 10px 0 0;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .date-input-container .vuejs3-datepicker {
    width: 214px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .date-input-container .vuejs3-datepicker > div:nth-child(1) #calendar-div {
    background-color: unset;
    border-radius: unset;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .date-input-container .vuejs3-datepicker > div:nth-child(1) #calendar-div .vuejs3-datepicker__value {
    background-color: var(--color-white);
    border: var(--border-icons);
    padding: 10px 16px;
    border-radius: 8px;
    color: var(--Text-Text_Dark);
    height: 40px;
    display: flex;
    align-items: center;
    min-width: unset;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .date-input-container .vuejs3-datepicker > div:nth-child(1) #calendar-div .vuejs3-datepicker__value .vuejs3-datepicker__content {
    font-size: 14px;
    color: var(--color-dark-three);
    font-weight: 500;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .form-control {
    padding: 10px 16px;
    border-radius: 8px;
    border: var(--border-icons);
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: var(--color-dark-three);
    height: 40px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .form-control.simple-date-input, 
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .form-control.custom-date-input {
    max-width: 100%;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group select.form-control {
    background: url(../images/select-arrow-down.svg) no-repeat right 16px center;
    padding: 10px 42px 10px 16px;
    border-radius: 8px;
    border: var(--border-icons);
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: var(--color-dark-three);
    height: 40px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .form-control.date-select {
    background: url(../images/calendar.svg) no-repeat left 16px center, url(../images/select-arrow-down.svg) no-repeat right 16px center;
    padding: 10px 42px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-left .form-group .form-control.filter-select {
    background: url(../images/sort.svg) no-repeat left 16px center, url(../images/select-arrow-down.svg) no-repeat right 16px center;
    padding: 10px 42px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .top-right {
    display: flex;
    align-items: flex-end;
    /* align-items: center; */
    justify-content: flex-end;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .entries-count {
    margin-right: 15px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .export-btn {
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    border: var(--border-icons);
    border-radius: 8px;
    padding: 10px 16px;
    color: var(--color-dark-three);
    text-decoration: none;
    display: inline-block;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .table-top-bar .export-btn img {
    margin-right: 10px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table thead tr th {
    background-color: transparent;
    font-family: var(--font-family-poppins);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    color: var(--title-color-v3);
    border-left: none;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td {
    font-family: var(--font-family-poppins);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5emx;
    text-align: left;
    color: var(--title-color-v3);
    border-left: none;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table thead tr th,
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td {
    border-color: #E7E7E8;
    padding: 14px 16px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table thead tr th.align-left,
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td.align-left {
    text-align: left;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table thead tr th.align-center,
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td.align-center {
    text-align: center;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table thead tr th.align-right,
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td.align-right {
    text-align: right;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table thead tr th.no-wrap,
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td.no-wrap {
    align-items: center;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .url-a .url-text {
    display: none;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .url-a:hover .url-text {
    display: block;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details {
    margin-bottom: 0;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details thead {
    background-color: #fff;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details thead tr {
    border-top: none;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details thead tr th:first-child,
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details tbody tr td:first-child {
    padding-left: 20px!important;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details thead tr th:last-child,
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details tbody tr td:last-child {
    border-right: none;
    padding-right: 20px!important;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details tbody tr:last-child {
    border-bottom: none;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details thead tr th, 
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details tbody tr td {
    border: none;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details thead tr th {
    color: #9E9E9E;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.375;
    border-top: 1.5px solid var(--color-light-new-two)!important;
    border-bottom: 1.5px solid var(--color-light-new-two)!important;
    padding: 18px 15px!important;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details thead tr th:first-child {
    border-left: 1.5px solid var(--color-light-new-two)!important;
    border-radius: 10px 0 0 10px!important;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details thead tr th:last-child {
    border-right: 1.5px solid var(--color-light-new-two)!important;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details tbody tr td {
    /* padding: 5px 16px; */
    padding: 18px 15px!important;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont table tbody tr td .table-domain-view-details tbody tr td .highlight-title {
    padding: 2px 5px;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont .table-checkbox {
    background: url(../images/table-checkbox-bg-uncheck.svg) no-repeat left top/100% 100%;
    display: inline-block;
    padding: 0;
    height: 18px;
    width: 18px;
    border: none;
    margin: 2px 16px 2px 0;
    float: left;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont .table-checkbox:checked {
    background: url(../images/table-checkbox-bg-checked.svg) no-repeat left top/100% 100%;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont .table-checkbox:focus {
    outline: none;
    box-shadow: none;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont .updated-td {
    display: flex;
    align-items: center;
    justify-content: end;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont select.form-control {
    border: var(--border-icons);
    padding: 10px;
    border-radius: 8px;
    background: url(../images/select-arrow-down.svg) no-repeat right 10px center;
    padding: 10px 42px 10px 10px;
    display: inline-block;
    width: auto;
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color:var(--color-dark-three);
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont select.form-control:focus {
    outline: none;
    box-shadow: none;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont .stock-select {
    background: url(../images/trend-up.svg) no-repeat left 10px center, url(../images/select-arrow-down.svg) no-repeat right 10px center!important;
    padding: 10px 42px 10px 32px!important;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont .keyword-dot {
    background-color: #000;
    height: 10px;
    width: 10px;
    display: inline-block;
    border-radius: 50%;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont .keyword-dot.dot-red {
    background-color: #FF0000;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont .keyword-dot.dot-green {
    background-color: #00FF0A;
}
.ranking-keyword-page-cont .keywords-table-cont .keywords-box .data-table-cont .keyword-dot.dot-yellow {
    background-color: #EAE000;
}
.btn-serps {
    background-color: #FFFFFF;
    color: var(--color-dark-new);
    border: 1.5px solid var(--color-light-new-two);
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-right: 20px;
    padding: 11px 12px;
    /* background-color: #45C9F433;
    border-radius: 4px;
    color: #2B3674;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.334;
    text-align: center;
    padding: 4px 10px; */
}
.btn-serps .icon-arrow {
    margin-left: 10px;
}
.btn-serps:hover {
    background-color: var(--Main-Primary);
    color: #ffffff;
    border-color: var(--Main-Primary);
}
.btn-serps:hover .icon-arrow {
    position: relative;
    transform: rotate(90deg);
    filter: invert(100%) grayscale(100%) brightness(200%);
}
#modal-run-time .modal-content {
    padding: 24px;
}
#modal-run-time .modal-content .modal-header {
    padding-bottom: 24px;
}
#modal-run-time .modal-content .modal-header .modal-title {
    color: var(--Text-Text_Dark);
    font-size: 18px;
}
#modal-run-time .modal-content .run-time-form-cont .form-group {
    margin-bottom: 10px;
}
#modal-run-time .modal-content .run-time-form-cont .form-group .custom-form-check .form-check-input {
    background: url(../images/tick-square-dark-uncheck.svg) no-repeat left top / 100% 100%;
}
#modal-run-time .modal-content .run-time-form-cont .form-group .custom-form-check .form-check-input:checked {
    background: url(../images/tick-square-dark.svg) no-repeat left top / 100% 100%;
}
#modal-run-time .modal-content .run-time-form-cont .custom-form-check .form-check-label {
    color: var(--Text-Text_Dark);
    font-weight: 500;
}
#modal-run-time .modal-content .modal-footer {
    margin-top: 24px;
}
#modal-run-time .modal-content .modal-footer .admin-common-btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 18.23px;
    width: calc(50% - 12px);
    margin-right: 24px;
}
#modal-run-time .modal-content .modal-footer .admin-common-btn:last-child {
    margin-right: 0;
}
.domain-projects-page-cont {
    background-color: var(--color-white);
    border: var(--border-common-new);
    border-top: none;
    border-radius: 0 0 15px 15px;
    padding: 30px 16px 30px 32px;
    min-height: calc(100vh - 176px);
    width: calc(100% - 16px);
}
.domain-projects-page-cont .domain-projects-table-cont {
    /* background-color: var(--color-white);
    border: var(--border-common);
    padding: 24px;
    border-radius: var(--border-radious-main);
    margin: 0 32px; */
    border: var(--border-common-new);
    border-radius: 15px;
    padding: 30px;
    height: 100%;
}
.domain-projects-page-cont .domain-projects-table-cont .domain-projects-table-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.domain-projects-page-cont .domain-projects-table-cont .domain-projects-table-box .box-body {
    height: 100%;
}
.domain-projects-page-cont .domain-projects-table-cont .domain-projects-table-box .data-table-cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.domain-projects-page-cont .domain-projects-table-cont .table-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.domain-projects-page-cont .domain-projects-table-cont .table-top-bar .table-search-input {
    background: #F9FAFB url(../images/magnifier.svg) no-repeat left 24px center;
    border-radius: 16px;
    border: none;
    font-family: var(--font-family-poppins);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    color: var(--color-dark-three);
    height: 60px;
    padding: 14px 24px 14px 64px;
    width: 513px;
    max-width: 100%;
    margin-top: 0;
}
.domain-projects-page-cont .domain-projects-table-cont .table-top-bar .table-search-input::placeholder {
    color: var(--Text-Text_Light);
}
.domain-projects-page-cont .domain-projects-table-cont .table-top-bar .export-btn {
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    border: var(--border-icons);
    border-radius: 8px;
    padding: 10px 16px;
    color: var(--color-dark-three);
    text-decoration: none;
    display: inline-block;
}
.domain-projects-page-cont .domain-projects-table-cont .table-top-bar .export-btn img {
    margin-right: 10px;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table thead tr th, 
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table tbody tr td {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #E7E7E8;
    color: var(--title-color-v3);
    padding: 10px;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table thead tr th:first-child, 
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table tbody tr td:first-child {
    padding-left: 0;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table tbody tr td .domain-link {
    color: var(--color-dark-new);
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table tbody tr td .domain-link strong {
    font-weight: 600;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table thead tr th {
    background-color: transparent;
    font-family: var(--font-family-poppins);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.7;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table thead tr th .th-short-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table thead tr th.align-center .th-short-box {
    justify-content: center;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table thead tr th .txt-icon-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table thead tr th .th-icon {
    margin-left: 8px;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table thead tr th .th-down-arrow {
    cursor: pointer;
    margin-left: 4px;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table tbody tr td {
    font-family: var(--font-family-poppins);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table tbody tr td.highlight {
    background-color: var(--Main-Primary-Light-Two);
    color: var(--Signal-Green-Two);
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table tbody tr td .text-highlight,
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table tbody tr td .text-normal {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0;
}
.domain-projects-table-cont .domain-projects-table-box .table-domain-projects .table tbody tr td .text-highlight {
    color: var(--Main-Primary);
}


.domain-projects-page-cont .domain-projects-table-cont .data-table-cont .table-checkbox {
    background: url(../images/table-checkbox-bg-uncheck.svg) no-repeat left top/100% 100%;
    display: inline-block;
    padding: 0;
    height: 18px;
    width: 18px;
    border: none;
    margin: 2px 16px 2px 0;
    position: relative;
    top: 6px;
}
.domain-projects-page-cont .domain-projects-table-cont .data-table-cont .table-checkbox:checked {
    background: url(../images/table-checkbox-bg-checked.svg) no-repeat left top/100% 100%;
}
.domain-projects-page-cont .domain-projects-table-cont .data-table-cont .table-checkbox:focus {
    outline: none;
    box-shadow: none;
}
.domain-projects-page-cont .domain-projects-table-cont .data-table-cont .action-icon-cont .action-icon {
    margin-left: 16px;
}
.domain-projects-page-cont .domain-projects-table-cont .data-table-cont .action-icon-cont .action-icon:first-child {
    margin-left: 0;
}
#modal-edit-domain-project .modal-content .modal-form-cont .form-group .custom-form-check .form-check-input {
    background: url(../images/tick-square-dark-uncheck.svg) no-repeat left top / 100% 100%;
}
#modal-edit-domain-project .modal-content .modal-form-cont .form-group .custom-form-check .form-check-input:checked {
    background: url(../images/tick-square-dark.svg) no-repeat left top / 100% 100%;
}
.backlink-page-cont {
    margin: 0;
}
.search-page-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.search-page-top .top-title {
    color: var(--Main-Primary);
    font-size: 40px;
    line-height: 1.26;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
}
.search-page-top .top-subtitle {
    color: var(--color-light-new);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: center;
}
.search-page-top .top-subtitle strong {
    display: block;
    color: var(--color-dark-new);
    font-weight: 600;
}
.search-page-top .top-form-cont {
    margin-bottom: 60px;
    text-align: center;
    width: 100%;
}
.search-page-top .top-form-cont .form-fld-label-top {
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    text-align: left;
    color: var(--Text-Text_Dark);
    margin-bottom: 10px;
}
.search-page-top .top-form-cont .form-fld-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    /* row-gap: 10px; */
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont {
    outline: 1.5px solid var(--Main-Primary);
    /* border: 1.5px solid var(--Main-Primary); */
    border-radius: 15px;
    display: flex;
    padding: 15px 20px;
    /* padding: 16.5px 30px; */
    width: 550px;
    /* width: 500px; */
    max-width: 100%;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont:hover {
    border-color: var(--Main-Primary-Dark);
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont .input-fld-cont {
    margin: 0;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont .input-fld-cont.domain-select-cont {
    border-right: 1px solid var(--color-light-new-two);
    margin-right: 20px;
    /* margin-right: 30px; */
    padding-right: 20px;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont .input-fld {
    border: none;
    border-radius: 0;
    height: auto;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont .input-fld.select-domain {
    background: url(../images/icon-select-down-arrow.svg) no-repeat right center;
    background-color: transparent;
    color: var(--color-light-new);
    font-size: 16px;
    line-height: 1.875;
    /* line-height: 1.562; */
    font-weight: 400;
    padding: 0 21px 0 0;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont .input-fld.domain-name {
    background: url(../images/icon-glob.svg) no-repeat left center;
    padding: 0 0 0 30px;
    color: #2E3771;
    font-size: 16px;
    line-height: 1.875;
    /* line-height: 1.562; */
    font-weight: 400;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont.cont-location .input-fld.domain-name {
    background: url(../images/icon-input-location.svg) no-repeat left center;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont .input-fld.domain-name::placeholder {
    color: #E2E2E2;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont.cont-domain {
    width: 300px;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont.cont-location {
    width: 200px;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont.cont-limit {
    width: 100px;
}
.search-page-top .top-form-cont .form-fld-cont .search-input-cont.cont-limit .input-fld-cont.domain-select-cont {
    border: none;
    padding: 0;
    margin: 0;
}
.search-page-top .top-form-cont .form-fld-cont .search-btn-cont .btn-search {
    background: var(--Main-Primary) url(../images/icon-search3.svg) no-repeat left 20px center;
    border-radius: 15px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    padding: 20px 20px 20px 52px;
}
.search-page-top .top-form-cont .form-fld-cont .search-btn-cont .btn-search:hover {
    background-color: var(--Main-Primary-Dark);
    border-color: var(--Main-Primary-Dark);
}
.search-page-top .top-form-cont .form-fld-cont .input-fld-cont.enter-domain {
    flex: 1 0 0;
}
.search-page-top .top-form-cont .form-fld-cont .input-fld {
    background: var(--color-white) url(../images/icon-domains.svg) no-repeat 16px center;
    padding: 15px 16px 15px 44px;
    border-radius: 8px;
    border: 1px solid #2B367480;
    height: 50px;
    color: var(--Text-Text_Dark);
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    width: 100%;
}
.search-page-top .top-form-cont .form-fld-cont .input-fld::placeholder {
    color: var(--Text-Text_Dark);
    opacity: 1;
}
.search-page-top .top-form-cont .form-fld-cont .input-fld:focus {
    outline: none;
    box-shadow: none;
}
.search-page-top .top-form-cont .form-fld-cont .error-message {
    display: block;
    text-align: left;
}
.search-page-top .top-form-cont .form-fld-cont .input-fld.domain-name {
    background-image: url(../images/icon-domains.svg);
}
.search-page-top .top-form-cont .form-fld-cont .input-fld.select-domain {
    background: url(../images/icon-keyword-limit.svg) no-repeat left 16px top 16px, url(../images/select-arrow-down.svg) no-repeat right 16px top 16px;
    background-color: var(--color-white);
    padding: 15px 35px 15px 44px;
}
.search-page-top .top-form-cont .form-fld-cont .form-check.custom-form-check {
    min-height: 24px;
    margin-bottom: 0;
}
.search-page-top .top-form-cont .form-fld-cont .form-check-input {
    height: 24px;
    width: 24px;
    margin-bottom: 0;
}
.search-page-top .top-form-cont .form-fld-cont .form-check-input:checked {
    background: url(../images/checkbox-bg-checked.svg) no-repeat left top/100% 100%;    
}
.search-page-top .top-form-cont .form-fld-cont .form-check-label {
    color: var(--Text-Text_Dark);
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.search-page-top .top-form-cont .form-fld-cont .btn-search {
    font-family: var(--font-family-poppins);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding: 15px 67px;
}
.search-page-top .top-form-cont .how-to-search-cont {
    text-align: center;
}
.search-page-top .top-form-cont .how-to-search-cont .how-to-box {
    background-color: var(--color-white);
    padding: 15px 16px;
    border-radius: 8px;
    border: 1px solid #2B367480;
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: var(--Text-Text_Dark);
    display: inline-block;
}
.search-page-top .top-form-cont .how-to-search-cont .how-to-box .highlight {
    color: var(--Main-Primary);
    position: relative;
}
.search-page-top .top-form-cont .how-to-search-cont .how-to-box .highlight .up-big-arrow {
    position: absolute;
    bottom: 20px;
    left: -32px;
}
.search-page-top .backlink-page-img-cont,
.search-page-top .search-page-img-cont {
    text-align: center;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box {
    background-color: var(--color-white);
    border: var(--border-common);
    border-radius: var(--border-radious-main);
    box-shadow: var(--box-shadow-main);
    padding: 32px;
    margin-top: 32px;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box .ca-box-row {
    margin-left: -20px;
    margin-right: -20px;
    align-items: center;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box .box-left,
.backlink-discovery-tool-cont .backlink-discovery-tool-box .box-right {
    padding-left: 20px;
    padding-right: 20px;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box .box-left {
    text-align: center;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box .box-img {
    border-radius: 5px;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box .box-title {
    font-family: var(--font-family-poppins);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 24px;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box:nth-child(even) .box-title {
    text-align: right;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box .box-text {
    font-family: var(--font-family-poppins);
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #00000099;
    margin-bottom: 13px;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box ul.box-text {
    padding-left: 20px;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box ul.box-text li {
    font-family: var(--font-family-poppins);
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #00000099;
    margin-top: 13px;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box ul.box-text li:first-child {
    margin-top: 0;
}
.backlink-discovery-tool-cont .backlink-discovery-tool-box:nth-child(even) .box-text {
    text-align: right;
}
.backlink-details-page-cont {
    background-color: var(--color-white);
    border: var(--border-common-new);
    border-top: none;
    border-radius: 0 0 15px 15px;
    padding: 30px 16px 60px 32px;
    width: calc(100% - 16px);
}
.backlink-details-page-cont .backlink-details-page-top {
    margin-bottom: 0;
    /* margin-bottom: 30px; */
}
.backlink-details-page-cont .top-title-buttons-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.backlink-details-page-cont .top-title-buttons-cont .top-title {
    color: var(--color-light-new);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    word-wrap: anywhere;
}
.backlink-details-page-cont .top-title-buttons-cont .top-title .icon-link {
    margin-right: 10px;
}
.backlink-details-page-cont .top-title-buttons-cont .top-title strong {
    color: var(--color-dark-new);
    font-weight: 700;
}
.backlink-details-page-cont .top-title-buttons-cont .top-title .icon-info {
    margin-left: 5px;
}
.backlink-details-page-cont .top-title-buttons-cont .right-btn-cont {
    display: flex;
    align-items: center;
}
.backlink-details-page-cont .top-title-buttons-cont .right-btn-cont .right-btn {
    border: var(--border-icons);
    border-radius: 8px;
    padding: 10px 11px;
    margin-left: 5px;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 16px;
}
.backlink-details-page-cont .top-title-buttons-cont .right-btn-cont .right-btn:first-child {
    margin-left: 0;
}
.backlink-details-page-cont .top-title-buttons-cont .right-btn-cont .right-btn.btn-save {
    background-color: var(--Main-Primary-Light-Three);
    border: none;
    border-radius: 10px;
    color: var(--color-white);
    display: flex;
    align-items: center;
    padding: 10px 15px;
    font-family: var(--font-family-poppins);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    width: auto;
}
.backlink-details-page-cont .top-title-buttons-cont .right-btn-cont .right-btn.btn-save img {
    margin-right: 10px;
}
.backlink-details-page-cont .top-total-info-box-cont {
    margin-bottom: 30px;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box {
    background-color: var(--color-white);
    border: var(--border-common-new);
    border-radius: 15px;
    padding: 30px 25px;
    height: 100%;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-chart .chart-cont {
    /* position: relative; */
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-chart .chart-cont::after {
    /* background: url(../images/icon-link-big.svg) no-repeat center center;
    content: "";
    position: absolute;
    left: calc(50% - 28px);
    top: calc(50% - 28px);
    height: 56px;
    width: 56px;
    z-index: 1; */
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-chart .vue-apexcharts {
    /* height: 219px!important; */
    text-align: center;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-chart .vue-apexcharts .apexcharts-canvas {
    position: relative;
    margin: 0 auto;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-chart .vue-apexcharts .apexcharts-canvas::after {
    background: url(../images/icon-link-big.svg) no-repeat center center;
    content: "";
    position: absolute;
    left: calc(50% - 28px);
    top: calc(50% - 28px);
    height: 56px;
    width: 56px;
    z-index: 1;
}
.backlink-details-page-cont .total-info-chart-data {
    height: 100%;
    display: flex;
    align-items: center;
}
.backlink-details-page-cont .total-info-chart-data .total-info-chart-data-row {
    row-gap: 30px;
}
.backlink-details-page-cont .total-info-chart-data .chart-data-box {
    display: flex;
}
.backlink-details-page-cont .total-info-chart-data .chart-data-box .chart-color-box {
    background-color: var(--Main-Primary-Light-Three);
    border-radius: 6px;
    flex: 25px 0 0;
    height: 25px;
    width: 25px;
    margin-top: 14px;
}
.backlink-details-page-cont .total-info-chart-data .chart-data-box .chart-color-box.color-one {
    background-color: var(--Main-Primary-Light-Three);
}
.backlink-details-page-cont .total-info-chart-data .chart-data-box .chart-color-box.color-two {
    background-color: #90D2FF;
}
.backlink-details-page-cont .total-info-chart-data .chart-data-box .chart-color-box.color-three {
    background-color: #3C8DC7;
}
.backlink-details-page-cont .total-info-chart-data .chart-data-box .chart-color-box.color-four {
    background-color: #59B0EC;
}
.backlink-details-page-cont .total-info-chart-data .chart-data-box .data-div {
    padding-left: 14px;
}
.backlink-details-page-cont .total-info-chart-data .chart-data-box .data-total {
    color: var(--color-dark-new);
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
}
.backlink-details-page-cont .total-info-chart-data .chart-data-box .data-title {
    color: var(--color-dark-new);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 5px;
}
.backlink-details-page-cont .total-info-chart-data .chart-data-box .data-desc {
    color: #9E9E9E;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 0;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box.referring-domains {
    background-color: #E5E9FC;
    border: 1.5px solid #7F93F11A;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box.referring-domains .box-icon {
    margin-bottom: 20px;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box.referring-domains .total {
    color: #7F93F1;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box.referring-domains .title {
    color: var(--color-dark-new);
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box.referring-domains .desc {
    color: #3C3C3C80;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    margin-bottom: 5px;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box.crawled-pages {
    background-color: #FFEAE0;
    border: 1.5px solid #FE96651A;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box.crawled-pages .box-icon {
    margin-bottom: 20px;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box.crawled-pages .total {
    color: #FE9665;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box.crawled-pages .title {
    color: var(--color-dark-new);
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px;
}
.backlink-details-page-cont .top-total-info-box-cont .total-info-box.crawled-pages .desc {
    color: #3C3C3C80;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    margin-bottom: 5px;
}
.backlink-details-page-cont .detailed-overview-cont {
    margin-bottom: 0;
}
.backlink-details-page-cont .detailed-overview-cont .title {
    color: var(--color-dark-new);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 15px;
}
.backlink-details-page-cont .detailed-overview-cont .top-info-cont {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}
.backlink-details-page-cont .detailed-overview-cont .top-info-cont .info-box {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.backlink-details-page-cont .detailed-overview-cont .top-info-cont .info-box img {
    display: inline-block;
}
.backlink-details-page-cont .detailed-overview-cont .top-info-cont .info-box span {
    color: #9E9E9E;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    padding-left: 10px;
}
.backlink-details-page-cont .detailed-overview-cont .detailed-overview-box-col {
    margin-bottom: 30px;
}
.backlink-details-page-cont .detailed-overview-cont .detailed-overview-box {
    background-color: #FFFFFF;
    border: 1.5px solid var(--color-light-new-two);
    border-radius: 15px;
    padding: 30px 25px;
    height: 100%;
}
.backlink-details-page-cont .detailed-overview-cont .detailed-overview-box .box-title {
    color: var(--color-dark-new);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}
.backlink-details-page-cont .detailed-overview-cont .detailed-overview-box .box-title.title-blue {
    color: var(--Main-Primary-Light-Three);
}
.backlink-details-page-cont .detailed-overview-cont .detailed-overview-box .box-filter-cont {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}
.backlink-details-page-cont .detailed-overview-cont .detailed-overview-box .box-filter-cont .form-group {
    margin-bottom: 0;
}
.backlink-details-page-cont .detailed-overview-cont .detailed-overview-box .box-filter-cont .form-check-group-inline {
    /* margin-left: 20px; */
}
.backlink-details-page-cont .detailed-overview-cont .detailed-overview-box .box-option-dot {
    margin-left: 15px;
}
.backlink-details-page-cont .detailed-overview-cont .detailed-overview-box .box-option-dot img {
    display: inline-block;
}
.backlink-details-page-cont .detailed-overview-cont .referring-domains-data .data-row-box {
    background-color: #EEF6EA;
    border-radius: 10px;
    margin-top: 10px;
    padding: 5px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.backlink-details-page-cont .detailed-overview-cont .referring-domains-data .data-row-box.bg-green {
    background-color: #EEF6EA;
}
.backlink-details-page-cont .detailed-overview-cont .referring-domains-data .data-row-box.bg-red {
    background-color: #FDEEEA;
}
.backlink-details-page-cont .detailed-overview-cont .referring-domains-data .data-row-box:first-child {
    margin-top: 0;
}
.backlink-details-page-cont .detailed-overview-cont .referring-domains-data .data-row-box .data-number {
    color: #8AC472;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
}
.backlink-details-page-cont .detailed-overview-cont .referring-domains-data .data-row-box.bg-green .data-number {
    color: #8AC472;
}
.backlink-details-page-cont .detailed-overview-cont .referring-domains-data .data-row-box.bg-red .data-number {
    color: #F3896F;
}
.backlink-details-page-cont .detailed-overview-cont .referring-domains-data .data-row-box .data-title {
    color: var(--color-dark-new);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 15px;
    text-align: right;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .chart-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .chart-container {
    flex: 1;
    max-width: 374px;
    max-height: 194px;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .chart-container .apexcharts-datalabel-label {
    font-family: var(--font-family-poppins)!important;
    line-height: 1.5;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .chart-container .apexcharts-datalabel-value {
    font-family: var(--font-family-poppins);
    fill: var(--color-dark-new);
    font-size: 36px;
    line-height: 1.5;
    font-weight: 600;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .data-container {
    flex: 1 0 0;
    padding-left: 47px;
    text-align: right;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .data-container .data-item .data-label {
    color: #9E9E9E;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.5;
    display: inline-block;
    position: relative;
    padding-right: 36px;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .data-container .data-item .data-label::after {
    background-color: #8AC472;
    content: "";
    height: 20px;
    width: 6px;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .data-container .data-item:nth-child(1) .data-label::after {
    background-color: #F3896F;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .data-container .data-item:nth-child(2) .data-label::after {
    background-color: #F3AD6F;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .data-container .data-item:nth-child(3) .data-label::after {
    background-color: #F3CD6F;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .data-container .data-item:nth-child(4) .data-label::after {
    background-color: #8AC472;
}
.backlink-details-page-cont .detailed-overview-cont .referring-links-by-type-box .data-container .data-value {
    color: var(--color-dark-new);
    font-size: 20px;
    font-weight: 600;
    line-height: 2.5;
    display: inline-block;
    padding-left: 30px;
    min-width: 79px;
}
.backlink-details-page-cont .detailed-overview-cont .referring-bottom-boxes-data .data-row-box {
    background-color: #F6F7F9;
    border-radius: 10px;
    margin-top: 10px;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.backlink-details-page-cont .detailed-overview-cont .referring-bottom-boxes-data .data-row-box.top-title-row {
    background-color: transparent;
    border-radius: 0;
    padding: 10px 0;
}
.backlink-details-page-cont .detailed-overview-cont .referring-bottom-boxes-data .data-row-box:first-child {
    margin-top: 0;
}
.backlink-details-page-cont .detailed-overview-cont .referring-bottom-boxes-data .data-row-box .data-title {
    color: #9E9E9E;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
}
.backlink-details-page-cont .detailed-overview-cont .referring-bottom-boxes-data .data-row-box.top-title-row .data-title,
.backlink-details-page-cont .detailed-overview-cont .referring-bottom-boxes-data .data-row-box.top-title-row .data-number {
    color: var(--color-dark-new);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
.backlink-details-page-cont .detailed-overview-cont .referring-bottom-boxes-data .data-row-box .data-title .btn-icon,
.backlink-details-page-cont .detailed-overview-cont .referring-bottom-boxes-data .data-row-box .data-title .flag-img {
    display: inline-block;
    margin-right: 20px;
    height: 16px;
    width: 24px;
}
.backlink-details-page-cont .detailed-overview-cont .referring-bottom-boxes-data .data-row-box .data-number {
    color: var(--color-dark-new);
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 15px;
}











.backlink-details-page-cont .top-info-box-cont .top-info-box-row {
    margin-left: -12px;
    margin-right: -12px;
}
.backlink-details-page-cont .top-info-box-cont .top-info-box-col {
    padding-left: 12px;
    padding-right: 12px;
}
.backlink-details-page-cont .top-info-box-cont .info-box {
    background-color: var(--Main-Primary-Light);
    padding: 20px;
    border-radius: 16px;
    height: 100%;
}
.backlink-details-page-cont .top-info-box-cont .info-box .box-title {
    color: var(--Text-Text_Dark);
    font-family: var(--font-family-poppins);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 8px;
}
.backlink-details-page-cont .top-info-box-cont .info-box .box-number .box-count {
    color: var(--Text-Text_Dark);
    font-family: var(--font-family-poppins);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
    display: inline-block;
}
.backlink-details-page-cont .top-info-box-cont .info-box .box-number .count-tag {
    background-color: var(--Text-Text_Dark);
    color: var(--color-white);
    display: inline-block;
    font-family: var(--font-family-poppins);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    padding: 4px 10px;
    border-radius: 5px;
    margin-left: 8px;
}
.backlink-details-page-cont .top-info-box-cont .info-box .count-nf {
    color: var(--Text-Text_Dark);
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 0;
}
.new-n-lost-cont {
    margin-bottom: 30px;
}
.new-n-lost-cont .box-top {
    margin-bottom: 20px;
}
.new-n-lost-cont .box-title {
    color: var(--color-dark-new);
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
}
.new-n-lost-cont .box-chart-cont {
    height: calc(100% - 89px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.backlink-data-chart-cont {
    margin-bottom: 30px;
}
.backlink-data-chart-cont .row-bdc {
    margin-left: -20px;
    margin-right: -20px;
}
.backlink-data-chart-cont .row-bdc .col-bdc {
    padding-left: 20px;
    padding-right: 20px;
}
.backlink-data-chart-cont .backlink-data-box {
    margin-left: -10px;
    margin-right: -10px;
}
.backlink-data-chart-cont .table-backlink-data .table {
    border-collapse: separate;
    border-spacing: 10px 0;
}
.backlink-data-chart-cont .table-backlink-data .table thead tr th,
.backlink-data-chart-cont .table-backlink-data .table tbody tr td {
    border: none;
    border-bottom: 1px solid #E7E7E8;
    color: var(--title-color-v3);
    font-family: var(--font-family-poppins);
    padding: 14px 20px;
    line-height: 1.5;
    text-align: left;
    width: 50%!important;
}
.backlink-data-chart-cont .table-backlink-data .table thead tr th {
    background-color: #F9FAFB;
    font-size: 16px;
    font-weight: 600;
}
.backlink-data-chart-cont .table-backlink-data .table tbody tr td {
    font-size: 15px;
    font-weight: 500;
}
.backlink-data-chart-cont .table-backlink-data .table tbody tr td:last-child {
    color: var(--Text-Text_Dark);
}
.backlink-data-chart-cont .table-backlink-data .table tbody tr:last-child td {
    border: none;
}
.backlink-data-chart-cont .backlink-chart-box .box-top {
    margin-bottom: 20px;
}
.backlink-data-chart-cont .backlink-chart-box .box-title {
    font-family: var(--font-family-poppins);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    text-align: left;
    color: var(--title-color-v2);
    margin-bottom: 0;
}
.backlink-table-cont {
    border: var(--border-common-new);
    border-radius: 15px;
    padding: 30px;
    /* margin-bottom: 30px; */
    height: 100%;
}
.backlink-table-cont .backlink-table-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.backlink-table-cont .backlink-table-box .box-body {
    height: 100%;
    /* height: calc(100% - 60px); */
}
.backlink-table-cont .backlink-table-box .data-table-cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    /* height: calc(100% - 100px); */
}
.backlink-table-cont .backlink-table-box .box-top {
    /* margin-bottom: 20px; */
}
.box-top.box-top-with-filter-new {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    /* justify-content: space-between; */
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}
.box-top.box-top-with-filter-new .box-title {
    color: var(--color-dark-new) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    text-align: left !important;
    margin-bottom: 0 !important;
}
.box-top.box-top-with-filter-new .table-top-left-info {}
.box-top.box-top-with-filter-new .table-top-left-info .info-p {
    border-right: 1.5px solid #ECEDF1;
    color: #3C3C3C;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin-right: 10px;
    padding-right: 10px;
}
.box-top.box-top-with-filter-new .table-top-left-info .info-p:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.box-top.box-top-with-filter-new .table-top-left-info .info-p span {
    color: #171b1d;
}
.box-top.box-top-with-filter-new .table-top-bar {
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between !important;
    margin-bottom: 0 !important;
    align-items: flex-end;
    /* align-items: center; */
    padding: 0 !important;
    width: auto;
    max-width: 100%;
}
.box-top.box-top-with-filter-new .table-top-bar .top-left {
    flex: 492px 0 0;
}
.box-top.box-top-with-filter-new .table-top-bar .top-left {
    flex: unset;
    width: 250px;
    /* width: 285px; */
}
.box-top.box-top-with-filter-new .table-top-bar .top-left .form-group {
    margin: 0!important;
}
.box-top.box-top-with-filter-new .table-top-bar .top-left .form-group .table-search-input {
    background: transparent url(../images/icon-search-new.svg) no-repeat right 15px center;    
    border: var(--border-common-new);
    border-radius: 10px;
    color: var(--color-dark-three);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    padding: 10px 47px 10px 15px;
    text-align: left;
}
.box-top.box-top-with-filter-new .table-top-bar .top-left .form-group .table-search-input::placeholder {
    color: var(--color-light-new);
    opacity: 1;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group {
    margin-bottom: 0;
    /* margin-left: 20px; */
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group:first-child {
    /* margin-right: 10px;
    margin-left: 0; */
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .select-advanced-filter {
    background: var(--color-white) url(../images/select-arrow-down-two.svg) no-repeat right 16px center;
    color: var(--color-dark-three);
    padding: 10px 42px 10px 16px;
    font-family: var(--font-family-poppins);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    height: 40px;
    border-color: var(--color-white);
    text-align: right;
}
.box-top.box-top-with-filter-new .table-top-bar .top-left .form-group .table-search-input {
    background: transparent url(../images/icon-search-new.svg) no-repeat right 15px center !important;
    border: var(--border-common-new) !important;
    border-radius: 10px;
    color: var(--color-dark-three) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4;
    letter-spacing: 0;
    padding: 6.5px 47px 6.5px 15px !important;
    text-align: left;
    height: auto;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn {
    background-color: var(--color-white);
    border: var(--border-common-new);
    border-radius: 10px;
    color: var(--color-dark-new);
    display: flex;
    align-items: center;
    padding: 11px 15px;
    /* padding: 10px 16px; */
    min-height: 40px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.125;
    transition: all 0.5s;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn:hover,
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn.active {
    background-color: var(--Main-Primary);
    border-color: var(--Main-Primary);
    color: var(--color-white);
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn.vuejs3-datepicker {
    padding-top: 9px;
    padding-bottom: 9px;
    min-width: 152px;
    max-width: 100%;
    z-index: unset;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn #calendar-div {
    background-color: transparent;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn #calendar-div .vuejs3-datepicker__value {
    border: none;
    padding: 0;
    min-width: auto;
    display: flex;
    align-items: center;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn #calendar-div .vuejs3-datepicker__value .vuejs3-datepicker__icon {
    background: url(../images/icon-daterange.svg) no-repeat center center;
    display: inline-block;
    height: 20px;
    width: 20px;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn #calendar-div .vuejs3-datepicker__value .vuejs3-datepicker__icon span {
    display: none;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn #calendar-div .vuejs3-datepicker__value .vuejs3-datepicker__content {
    font-size: 16px;
    line-height: 20px;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn .btn-icon,
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn .flag-img {
    display: inline-block;
    margin-right: 10px;
    height: 16px;
    width: 24px;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .search-btn {
    background-color: var(--Main-Primary);
    border-color: var(--Main-Primary);
    color: var(--color-white);
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .search-btn:hover,
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .search-btn:active {
    background-color: var(--Main-Primary-Dark);
    border-color: var(--Main-Primary-Dark);
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn.export-btn {
    background-color: #B9D6AE;
    border: none;
    /* border-color: #B9D6AE; */
    color: #6A8E5D;
    display: flex;
    align-items: center;
    line-height: 1.1;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn.export-btn:hover,
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn.export-btn.active {
    background-color: #053c1e;
    border-color: #053c1e;
}
.box-top.box-top-with-filter-new .table-top-bar .top-right .form-group .filter-btn.export-btn img {
    display: inline-block;
    margin-right: 10px;
}
.backlink-table-cont .backlink-table-box .table-backlink .table thead tr th, 
.backlink-table-cont .backlink-table-box .table-backlink .table tbody tr td {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #E7E7E8;
    color: var(--title-color-v3);
    padding: 10px;
}
.backlink-table-cont .backlink-table-box .table-backlink .table thead tr th:first-child, 
.backlink-table-cont .backlink-table-box .table-backlink .table tbody tr td:first-child {
    padding-left: 0;
}
.backlink-table-cont .backlink-table-box .table-backlink .table tbody tr td .domain-link {
    color: var(--color-dark-new);
}
.backlink-table-cont .backlink-table-box .table-backlink .table tbody tr td .domain-link strong {
    font-weight: 600;
}
.backlink-table-cont .backlink-table-box .table-backlink .table thead tr th {
    background-color: transparent;
    font-family: var(--font-family-poppins);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.7;
}
.backlink-table-cont .backlink-table-box .table-backlink .table thead tr th .th-short-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.backlink-table-cont .backlink-table-box .table-backlink .table thead tr th.align-center .th-short-box {
    justify-content: center;
}
.backlink-table-cont .backlink-table-box .table-backlink .table thead tr th .txt-icon-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.backlink-table-cont .backlink-table-box .table-backlink .table thead tr th .th-icon {
    margin-left: 8px;
}
.backlink-table-cont .backlink-table-box .table-backlink .table thead tr th .th-down-arrow {
    cursor: pointer;
    margin-left: 4px;
}
.backlink-table-cont .backlink-table-box .table-backlink .table tbody tr td {
    font-family: var(--font-family-poppins);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
}
.backlink-table-cont .backlink-table-box .table-backlink .table tbody tr td.highlight {
    background-color: var(--Main-Primary-Light-Two);
    color: var(--Signal-Green-Two);
}
.backlink-table-cont .backlink-table-box .table-backlink .table tbody tr td .text-highlight,
.backlink-table-cont .backlink-table-box .table-backlink .table tbody tr td .text-normal {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0;
}
.backlink-table-cont .backlink-table-box .table-backlink .table tbody tr td .text-highlight {
    color: var(--Main-Primary);
}
.backlink-projects-page-cont {
    background-color: var(--color-white);
    border: var(--border-common-new);
    border-top: none;
    border-radius: 0 0 15px 15px;
    padding: 30px 16px 30px 32px;
    min-height: calc(100vh - 176px);
    width: calc(100% - 16px);
}
.organic-vs-paid .chart-container .vue-apexcharts .apexcharts-canvas {
    max-width: 100%;
}
.organic-vs-paid .chart-container .vue-apexcharts .apexcharts-yaxis-texts-g .apexcharts-yaxis-label,
.organic-vs-paid .chart-container .vue-apexcharts .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: #9E9E9E;
    font-family: var(--font-family-poppins) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
.vuejs3-datepicker__calendar {
    right: 0;
}
.domain-check-search .search-fld-cont {
    max-width: 100%;
}
.domain-check-search .search-fld-cont .form-control {
    outline: 1.5px solid var(--Main-Primary);
    border: none;
    border-radius: 15px;
    color: #2E3771;
    font-size: 16px;
    font-weight: 400;
    /* line-height: 20px; */
    line-height: 1.875;
    padding: 15px 20px;
    max-width: 100%;
}
.domain-check-search .search-fld-cont .form-control:hover,
.domain-check-search .search-fld-cont .form-control:focus {
    box-shadow: none;
}
.domain-check-search .search-fld-cont .form-control::placeholder {
    color: #E2E2E2;
}
.domain-check-search .search-fld-cont .form-control.domain {
    background: url(../images/icon-glob.svg) no-repeat left 20px center;
    padding-left: 50px;
    width: 350px;
}
.domain-check-search .search-fld-cont .form-control.keyword {
    width: 60px;
}
.domain-check-search .search-fld-cont .form-control.country {
    background: url(../images/select-arrow-down-light.svg) no-repeat right 20px center;
    padding-right: 41px;
    width: 125px;
}
.domain-check-search .search-fld-cont .form-control.country option {
    background-color: #ffffff;
    color: #2E3771;
}
.domain-check-search .search-fld-cont .form-control.country option:hover {
    background-color: #d9d9d9;
    color: #2E3771;
}
.domain-check-search .search-fld-cont .form-control.location {
    background: url(../images/icon-input-location.svg) no-repeat left 20px center;
    padding-left: 50px;
    width: 300px;
}
.domain-check-search .search-fld-cont .autocomplete-results {
    background-color: #fff;
    border: 1.5px solid var(--color-light-new-two);
    border-radius: 15px;
    padding: 17px 20px;
    list-style: none;
    position: absolute;  
    top: calc(100% + 10px);
    max-height: 265px;
    overflow: auto;
    width: 100%;    
}
.domain-check-search .search-fld-cont .autocomplete-results li {
    cursor: default;
    color: #9E9E9E;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 5px;
    text-align: left;
}
.domain-check-search .search-fld-cont .autocomplete-results li:hover {
    color: #2E3771;
}
.domain-check-search .search-fld-cont .autocomplete-results li:first-child {
    margin-top: 0;
}
.domain-check-search .search-fld-cont.btn-cont .btn-search {
    background: var(--Main-Primary) url(../images/icon-search3.svg) no-repeat left 20px center;
    border: none;
    border-radius: 15px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    padding: 20px 20px 20px 52px;
}
.domain-check-search .search-fld-cont.btn-cont .btn-search:hover {
    background-color: var(--Main-Primary-Dark);
}
.upgrade-message-container {
    background: #FFF5E9 url(../images/bg-upgrade-message.svg) no-repeat center center/cover;
    border: 1.5px solid #FFEED6;
    border-radius: 15px;
    margin: 0 auto 23px auto;
    padding: 20px;
    text-align: center;
    width: 546px;
    max-width: 100%;
}
.upgrade-message-container .upgrade-title {
    color: var(--color-yellow);
    font-size: 30px;
    font-weight: 600;
    /* line-height: 45px; */
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}
.upgrade-message-container .upgrade-text {
    color: var(--color-dark-new);
    font-size: 20px;
    font-weight: 400;
    /* line-height: 25px; */
    line-height: 1.25;
    margin-bottom: 20px;
    text-align: center;
}
.upgrade-message-container .upgrade-btn-cont {
    display: flex;
    align-items: center;
    justify-content: center;
}
.upgrade-message-container .upgrade-link {
    background-color: var(--color-yellow-two);
    border-radius: 15px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    padding: 15px 20px;
    text-decoration: none;
}
.upgrade-message-container .upgrade-link .icon-img {
    margin-right: 10px;
}
.create-serp-search {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.create-serp-search .top-title {
    color: var(--Main-Primary);
    font-size: 40px;
    line-height: 1.26;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
}
.create-serp-search .top-subtitle {
    color: var(--color-light-new);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: center;
}
.create-serp-search .top-subtitle strong {
    color: var(--color-dark-new);
    font-weight: 600;
}
.create-serp-search .serp-search-form-cont {
    margin-bottom: 60px;
    text-align: center;
    width: 100%;
}
.serp-search-box {
    border: 1.5px solid var(--color-light-new-two);
    border-radius: 15px;
    margin: 0 auto;
    padding: 30px;
    width: 850px;
    max-width: 100%;
}
.serp-search-box .search-fld-row {
    margin: 0;
}
.search-fld-cont {
    margin-bottom: 20px;
    max-width: 100%;
}
.search-fld-cont .input-fld-cont {
    text-align: left;
}
.search-fld-cont.your-domain,
.search-fld-cont.your-project-name {
    flex: 1 0 0;
    /* min-width: 274px; */
    /* min-width: 34%; */
    min-width: 226px;
    max-width: 100%;
}
.search-fld-cont.search-enging {
    width: 149px;
}
.search-fld-cont.search-device {
    width: 161px;
}
.search-fld-cont.search-language {
    width: 147px;
}
.search-fld-cont.search-country {
    /* width: 204px; */
    width: 220px;
}
.search-fld-cont.search-state-city {
    flex: 1 0 0;
    min-width: 226px;
    max-width: 100%;
}
.search-fld-cont.search-state-city .input-fld-cont {
    position: relative;
}
.search-fld-cont.search-state-city .input-fld-cont .autocomplete-results {
    position: absolute;
    top: 100%;
    z-index: 1;
}
.search-fld-cont.search-state-city .input-fld-cont .autocomplete-results {
    position: absolute;
    top: 100%;
}
.search-fld-cont .form-control {
    outline: 1.5px solid var(--Main-Primary);
    border: none;
    border-radius: 15px;
    color: #2E3771;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.875;
    padding: 15px 20px;
    max-width: 100%;
}
.search-fld-cont .form-control:hover,
.search-fld-cont .form-control:focus {
    box-shadow: none;
}
.search-fld-cont .form-control::placeholder {
    color: #E2E2E2;
}
.search-fld-cont.your-domain .form-control {
    background-image: url(../images/icon-glob.svg);
    background-repeat: no-repeat;
    background-position: left 20px center;
    padding-left: 50px;
}
.search-fld-cont select.form-control {
    background-image: url(../images/select-arrow-down-light.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 41px!important;
}
.search-fld-cont.search-enging select.form-control {
    background-image: url(../images/icon-search-enging-select.svg), url(../images/select-arrow-down-light.svg);
    background-repeat: no-repeat;
    background-position: left 20px center, right 20px center;
    padding-left: 50px;
}
.search-fld-cont.search-device select.form-control {
    background-image: url(../images/icon-search-device-select.svg), url(../images/select-arrow-down-light.svg);
    background-repeat: no-repeat;
    background-position: left 20px center, right 20px center;
    padding-left: 56px;
}
.search-fld-cont.search-language select.form-control {
    background-image: url(../images/icon-search-language.svg), url(../images/select-arrow-down-light.svg);
    background-repeat: no-repeat;
    background-position: left 20px center, right 20px center;
    padding-left: 50px;
}
.search-fld-cont.search-country select.form-control {
    background-image: url(../images/icon-search-country.svg), url(../images/select-arrow-down-light.svg);
    background-repeat: no-repeat;
    background-position: left 20px center, right 20px center;
    padding-left: 46px;
}
.search-fld-cont.project-run-time select.form-control {
    background-image: url(../images/icon-search-clock.svg), url(../images/select-arrow-down-light.svg);
    background-repeat: no-repeat;
    background-position: left 20px center, right 20px center;
    padding-left: 50px;
}
.search-fld-cont.search-tag-box {
    border: 1.5px solid #68D2F5;
    border-radius: 15px;
    padding: 20px;
    text-align: left;
    flex: 1 0 0;
    /* min-width: calc(50% - 20px); */
    /* min-width: 384px; */
    min-width: 226px;
    max-width: 100%;
}
.search-fld-cont.search-tag-box label {
    color: var(--color-dark-new);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 20px;
}
.search-fld-cont.search-tag-box .input-fld-cont .form-control {
    flex: 1 0 0;
}
.search-fld-cont.search-tag-box .input-fld-cont .fld-add-icon {
    background-color: var(--Main-Primary-Light-Three);
    border-radius: 50%;
    display: inline-block;
    padding: 10px;
    text-align: center;
}
.search-fld-cont.search-tag-box .input-fld-cont .fld-add-icon img {
    display: block;
    height: 20px;
    width: 20px;
}
.search-fld-cont.search-tag-box .input-fld-cont.search-tag-cont {
    margin-top: 20px;
}
.search-fld-cont.search-tag-box .input-fld-cont.search-tag-cont ul {
    list-style: none;
    padding-left: 0;
}
.search-fld-cont.search-tag-box .input-fld-cont.search-tag-cont ul li {
    background-color: var(--color-light-new-two);
    border-radius: 5px;
    color: var(--color-dark-new);
    font-size: 12px;
    line-height: 1.667;
    padding: 5px 10px;
}
.search-fld-cont .form-check {
    padding: 0;
}
.search-fld-cont .form-check.form-check-big .form-check-label {
    color: #3C3C3C;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    text-align: right;
}
.search-fld-cont .form-check .form-check-input {
    margin: 0 0 0 10px;
}
.search-fld-cont input[type="checkbox"] {
    background: url(../images/checkbox-bg-new.svg) no-repeat left top/100% 100%!important;
    /* border: 1px solid #68D2F5; */
    border: none;
    border-radius: 6px;
    height: 20px!important;
    width: 20px!important;
}
.search-fld-cont input[type="checkbox"]:checked {
    background: url(../images/checkbox-bg-checked-new.svg) no-repeat left top/100% 100%!important;
}
.search-fld-cont input[type="checkbox"]:focus {
    box-shadow: none;
    border: none;
}
.search-fld-cont .admin-common-btn {
    background-color: var(--Main-Primary-Light-Three);
    border: none;
    border-radius: 15px;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    padding: 20px 30px;
}
.search-fld-cont .admin-common-btn:hover {
    background-color: var(--Main-Primary-Dark);
}
.search-fld-cont .admin-common-btn img {
    margin-right: 10px;
}
.bottom-title {
    color: var(--color-dark-new);
    font-size: 40px;
    line-height: 1.25;
    font-weight: 600;
    margin: 0 auto 30px auto;
    text-align: center;
    width: 11616px;
    max-width: 100%;
}
.bottom-subtitle {
    color: var(--color-light-new);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 400;
    margin: 0 auto 60px auto;
    text-align: center;
    width: 956px;
    max-width: 100%;
}
.view-serp-page-cont {
    background-color: var(--color-white);
    border: var(--border-common-new);
    border-top: none;
    border-radius: 0 0 15px 15px;
    padding: 30px 16px 30px 32px;
    min-height: calc(100vh - 176px);
    width: calc(100% - 16px);
}
.view-serp-page-cont .view-serp-table-cont {
    border: var(--border-common-new);
    border-radius: 15px;
    padding: 30px;
    height: 100%;
}
.view-serp-page-cont .view-serp-table-cont .view-serp-table-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.table-view-serp.table-responsive table.data-table {
    border-spacing: 0;
    border-collapse: separate;
}
.table-view-serp.table-responsive table.data-table thead tr th {
    background-color: #F6F7F9!important;
    border-top: var(--border-common-new)!important;
    border-bottom: var(--border-common-new)!important;
    color: #9E9E9E!important;
    font-size: 16px!important;
    font-weight: 600!important;
    line-height: 1.5;
    padding: 17px 10px !important;
}
.table-view-serp.table-responsive table.data-table thead tr th:first-child {
    border-left: var(--border-common-new)!important;
    border-radius: 10px 0 0 10px;
    padding-left: 20px!important;
}
.table-view-serp.table-responsive table.data-table thead tr th:last-child {
    border-right: var(--border-common-new)!important;
    border-radius: 0 10px 10px 0;
    padding-right: 20px!important;
}
.table-view-serp.table-responsive table.data-table tbody tr td {
    border-radius: 0!important;
    border-bottom: var(--border-common-new)!important;
    padding: 20px 10px !important;
}
.table-view-serp.table-responsive table.data-table tbody tr.has-child td {
    border: none!important;
    padding-bottom: 0!important;
}
.table-view-serp.table-responsive table.data-table tbody tr td:first-child {
    /* padding-right: 0 !important; */
    padding-left: 20px!important;
    width: 60px;
}
.table-view-serp.table-responsive table.data-table tbody tr td:last-child {
    padding-right: 20px!important;
}
.table-view-serp.table-responsive table.data-table tbody tr td .table-toggle-btn {
    background-color: #FFFFFF;
    aspect-ratio: 1/1;
    border: var(--border-common-new);
    border-radius: 10px;
    padding: 12px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.table-view-serp.table-responsive table.data-table tbody tr td .table-toggle-btn:hover,
.table-view-serp.table-responsive table.data-table tbody tr td .table-toggle-btn.active {
    background-color: #68D2F5;
    border-color: #68D2F5;
}
.table-view-serp.table-responsive table.data-table tbody tr td .table-toggle-btn .icon-arrow {
    display: block;
}
.table-view-serp.table-responsive table.data-table tbody tr td .table-toggle-btn:hover .icon-arrow,
.table-view-serp.table-responsive table.data-table tbody tr td .table-toggle-btn.active .icon-arrow {
    filter: var(--filter-white);
    transform: rotate(-90deg);
}
.table-view-serp.table-responsive table.data-table tbody tr td .refresh-icon-cont {
    background-color: #FFFFFF;
    aspect-ratio: 1/1;
    border: var(--border-common-new);
    border-radius: 10px;
    padding: 9px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.table-view-serp.table-responsive table.data-table tbody tr td .refresh-icon-cont .icon-refresh {
    display: block;
}
.table-view-serp.table-responsive table.data-table tbody tr td .refresh-icon-cont:hover .icon-refresh {
    transform: rotate(45deg);
}
.table-view-serp.table-responsive table.data-table tbody tr td .excel-icon-cont {
    background-color: #B9D6AE;
    aspect-ratio: 1/1;
    border: none;
    border-radius: 10px;
    padding: 5px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.table-view-serp.table-responsive table.data-table tbody tr td .excel-icon-cont .icon-excel {
    display: block;
}
.table-view-serp.table-responsive table.data-table .td-additional-info {}
.table-view-serp.table-responsive table.data-table .additional-info-cont .info-body {
    background-color: #ffffff;
    border: 1.5px solid #ECEDF1;
    border-radius: 15px;
    padding: 30px 30px 10px 30px;
}
.table-view-serp.table-responsive table.data-table .table-additional-info {
    border: none!important;
    border-collapse: separate;
    border-spacing: 0;
    overflow: visible;
}
.table-view-serp.table-responsive table.data-table .table-additional-info > :not(caption) > * > * {
    background-color: #ffffff;
}
.table-view-serp.table-responsive table.data-table .table-additional-info thead tr {
    background-color: #ffffff!important;
}
.table-view-serp.table-responsive table.data-table .table-additional-info thead tr th {
    background-color: #F6F7F9!important;
}
.table-view-serp.table-responsive table.data-table .table-additional-info thead tr th:first-child {
    border-radius: 10px 0 0 10px;
}
.table-view-serp.table-responsive table.data-table .table-additional-info thead tr th:last-child {
    border-radius: 0 10px 10px 0;
}
.table-view-serp.table-responsive table.data-table .table-additional-info tbody tr:last-child td {
    border-bottom: none !important;
}
.table-view-serp.table-responsive table.data-table .table-additional-info .text-primary-new {
    color: var(--Main-Primary-Light-Three) !important;
}
.table-view-serp.table-responsive table.data-table .table-additional-info .keyword-item-url {
    color: #2E3771;
    /* display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
    white-space: nowrap; */
}
.autocomplete-results {
    background-color: #FFFFFF;
    list-style: none;
    outline: 1.5px solid var(--Main-Primary);
    border: none;
    border-radius: 15px;
    color: #2E3771;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.875;
    padding: 15px 20px;
    width: 100%;
    margin-top: 2px;
    max-height: 330px;
    overflow: auto;
}
.autocomplete-results li {
    text-align: left;
}
.multistep-form {
    display: inline-block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
}
.multistep-form .steps {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}
.multistep-form .steps .step-container {
    display: flex;
    align-items: start;
}
.multistep-form .steps .step-container .step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.multistep-form .steps .step-container .step .step-number {
    background-color: #F6F7F9;
    border: 0.86px solid #ECEDF1;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9E9E9E;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    transition: all 0s;
}
.multistep-form .steps .step-container .step.active .step-number, 
.multistep-form .steps .step-container .step.completed .step-number {
    background: #68D2F5 url(../images/icon-tick-white.svg) no-repeat center center;
    border-color: #68D2F5;
    color: #ffffff;
    text-indent: -999999px;
}
.multistep-form .steps .step-container .step .step-title {
    color: #3C3C3C;
    font-size: 12.4px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}
.multistep-form .steps .step-container .line {
    height: 1px;
    flex: 1;
    background: #ECEDF1;
    position: relative;
    width: 100px;
    border: 3.44px solid #ECEDF1;
    margin: 20px 20px 0 20px;
    border-radius: 3px;
}
.multistep-form .steps .step-container .line.active {
    background-color: #68D2F5;
    border-color: #68D2F5;
}
.multistep-form .form-content {
    /* margin-bottom: 20px; */
    /* width: 790px; */
    max-width: 100%;
}
.multistep-form .form-content .form-box {
    margin: 0 auto;
    max-width: 100%;
}
.multistep-form .form-content .form-box.box-one {
    width: 840px;
}
.multistep-form .form-content .form-box.box-two,
.multistep-form .form-content .form-box.box-three {
    width: 790px;
}
.multistep-form .form-content .form-box.box-four {
    width: 552px;
}
.multistep-form .form-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.multistep-form .form-navigation .form-btn {
    background-color: #ffffff;
    border: 1.5px solid #ECEDF1;
    border-radius: 15px;
    color: #3C3C3C;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 20px 40px;
    text-align: center;
    white-space: nowrap;
}
.multistep-form .form-navigation .form-btn:hover {
    background-color: #68D2F5;
    border-color: #68D2F5;
    color: #ffffff;
}
.multistep-form .form-navigation .form-btn:hover .icon-img {
    filter: var(--filter-white);
}
.multistep-form .form-navigation .form-btn.btn-next {
    background-color: #68D2F5;
    border-color: #68D2F5;
    color: #ffffff;
    padding: 20px 22px;
}
.multistep-form .form-navigation .form-btn.btn-next:hover {
    background-color: #ffffff;
    border-color: #ECEDF1;
    color: #3C3C3C;
}
.multistep-form .form-navigation .form-btn.btn-next:hover .icon-img {
    filter: var(--filter-black);
}