/**
* 2007-2022 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2022 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/
@import url("https://fonts.googleapis.com/css?family=Outfit:700,600,300,800,500,400|Poppins:700");

.upkeprSettingMain {
    max-width: 1100px;
    background: #d9d9d9;
    border-radius: 20px;
    margin: 50px auto 0;
    padding: 40px;
    width: 100%;
}

.usMainTitle {
    font-size: 24px;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
}

.usMainSection {
    display: flex;
    margin-top: 20px;
}

.usmsLeft {
    width: calc(100% - 320px);
    padding-right: 50px;
}

.usmsRight {
    width: 320px;
}

.usmsLeft img.logoMain {
    text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.usmsLeft h3 {
    text-align: center;
    font-weight: 400;
    font-size: 25px;
    text-transform: uppercase;
    color: #3a3a3a;
}

.usmsInput {
    position: relative;
    text-align: center;
}

.usmsInput input {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    border: none;
    box-shadow: none;
    font-size: 18px;
    padding: 10px 20px;
}

.usmsInput .usmsCopyIcon {
    position: absolute;
    right: 0;
    top: 50%;
}

.usmsInput .usmsCopyIcon {
    position: absolute;
    right: 17px;
    top: 18px;
    cursor: pointer;
}

.usmsInput span.usmsHelpText {
    color: #666;
    margin-top: 10px;
    display: inline-block;
    font-size: 19px;
}

.usButton {
    background: #cf1d05;
    font-size: 16px;
    padding: 20px 40px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    display: inline-block;
    border-radius: 10px;
    border: none;
    margin-top: 50px;
    text-decoration: none;
}

.usButton:hover {
    background: #1c487b;
}

.usmsFooter {
    text-align: right;
}

.usInfoList {
    border-radius: 15px;
    background: #fff;
    padding: 25px;
}

.usibTitle {
    text-transform: uppercase;
    color: #3a3a3a;
    font-size: 18px;
    margin-bottom: 5px;
}

.usibContent {
    font-size: 14px;
    color: #999;
    /* border-bottom: 1px solid #ccc; */
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.usInfoList .usInfoBox:last-child .usibContent {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.usInfoLinks {
    text-align: center;
    margin-top: 25px;
}

.usInfoLinks a {
    font-size: 18px;
    display: block;
    margin-top: 15px;
    text-decoration: none;
    color: #1c487b;
    font-weight: 500;
}

.usInfoLinks a:hover {
    text-decoration: underline;
}

.usInfoLinks a.usilRed {
    text-decoration: underline;
    color: #cf1d05;
    font-size: 16px;
}

.usInfoLinks a.usilRed:hover {
    text-decoration: none;
}

@media (max-width: 768px) {
    .usMainSection {
        flex-direction: column;
    }

    .usmsLeft {
        width: 100%;
        padding-right: 0;
    }

    .usmsRight {
        width: 100%;
        margin-top: 30px;
    }

    .upkeprSettingMain {
        padding: 20px;
        margin: 15px;
    }
}


.overlay {
    position: fixed;
    /* position: sticky; */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all .5s ease-in-out;
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}

.popup .close {
    position: absolute;
    top: 10px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup .close:hover {
    color: #000;
}

.popup .content {
    max-height: 30%;
    overflow: auto;
}

.usButton strong {
    display: block;
    font-size: 28px;
    font-weight: 400;
}

@media screen and (max-width: 700px) {
    .popup {
        width: 70%;
    }
}

.popup {
    background: #d9d9d9;
    text-align: center;
}

.popup a.usButton {
    margin-top: 20px;
}


.usMainTitle {
    padding-bottom: 15px;
}

.usibContent {
    font-size: 13px !important;
}

/* .usButton:hover {
background: #00c6ff !important;
color: #fff !important;
} */

.usInfoLinks a {
    color: #00c6ff !important;
}

.usmsInput span.usmsHelpText {
    font-size: 16px;
}

.usmsLeft img.logoMain {
    margin: 30px auto 60px !important;
}

.usInfoLinks a.usilRed:hover {
    color: #00c6ff !important;
}

.upkeprSettingMain {
    background: #888;
    box-shadow: 0 0 0 10px rgb(0 0 0 / 10%);
}

.usmsLeft h3 {
    color: #fff !important;
}

.usmsInput span.usmsHelpText {
    color: #fff !important;
}

.usMainTitle {
    color: #fff !important;
}

.usButton {
    background: #222;
    color: #fff;
}

.usInfoLinks a.usilRed {
    color: #fff !important;
}

.cstm_messagebox {
    display: none;
    color: #00c6ff;
    font-size: 22px;
    margin-top: 7px;
}

.uprpr-usibTitle {
    text-transform: uppercase;
    color: #3a3a3a;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.upkpr_scannow {
    background: #00c6ff !important;
    color: #fff !important;
}

#upkepr-loader {
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 16px solid #ebe5ff;
    /* Light grey */
    border-top: 16px solid #8468f5;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.connect-popup #upkepr-loader-2 {
    margin: auto;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    transform: translate(-50%, -50%);
    border: 12px solid #ebe5ff;
    border-top: 12px solid #8468f5;
    border-radius: 50%;
}

.upkpr-vulne-counts {
    text-align: center;
    padding-top: 5px;
    font-size: 30px;
    color: #ff0000;
}


/* The Modal (background) */
/* Modal Content */

/* The Close Button */
.upkpr-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.upkpr-close:hover,
.upkpr-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.upkpr-modal {
    display: none;
   /*  position: fixed;
    z-index: 99999;
    left: 0;
    top: 0; */
    width: 100%;
    height: 100%;
   /*  overflow: auto;
    background-color: rgba(0, 0, 0, 0.7); */
}

.upkpr-icon-vulnr {
    height: 24px;
    filter: invert(20%) sepia(100%) saturate(7435%) hue-rotate(358deg) brightness(103%) contrast(104%);
}

.upkpr-accordion-togglere::after,
.upkpr-accordion-toggle::after {
    content: '\002B';
    /* Down-pointing triangle */
    font-size: 24px;
    float: none;
    padding: 5px;
}

.upkpr-accordion-togglere.active::after,
.upkpr-accordion-toggle.active::after {
    content: "\2212";
    /* Up-pointing triangle */
}

.upkpr-accordion-content * {
    margin: 0;
    padding: 0;
}

.upkpr-accordion-content {
    box-sizing: border-box;
    max-width: 600px;
    width: 100%;
    overflow: auto;
}

.upkpr-errors {
    color: #ff0000;
}

.upkepr-sub-nav-tab.nav-tab-active {
    color: #00A5E3 !important;
    border-color: #00A5E3 !important;
    border: 0px;
    border-bottom: 3px solid transparent;
    background: unset;
}

.upkepr-sub-nav-tab {
    border: 0px;
    background: unset;
    color: #212324;
    font-weight: normal;
}

.upkepr-sub-nav-tab:hover {
    background-color: unset;
    color: #00A5E3;
}

.upkepr-subnav-section {
    border-bottom: 0px;
}

.upkepr-div-tabmain-section {
    position: relative;
    padding: 0;
    background-color: #f9f9f6;
    border: 1px solid #dbe6e9;
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .06);
    margin: 0px 20px 0 0px;
}

.upkep-nav-main-section-tab {
    cursor: pointer;
    border: 1px solid #d1caca;
    border-radius: 50rem;
    padding: 5px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 8px 4px 2px;
    background: unset;
}

.upkep-nav-main-section-tab.nav-tab-active {
    border: 1px solid #00cafb;
    color: #00cafb;
    background: #fff;
}

.main-upkepr-ulactiv {
    border-bottom: 0px;
    margin: 20px 0 0px;
}

.upkepr-result-left-section h2 {
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 0 !important;
    margin-top: 0px;
}

.upkepr-deta-scan-date {
    color: #f45454;
    padding-top: 10px;
}

.upkepr-plugin-count-result {
    font-size: 16px;
    min-height: 193px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.upkepr-plgin-maindiv-section {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.left-result-img {
    width: 100%;
    max-width: 27%;
}

.right-result-data {
    width: 68%;
}

.upkepr-counts-vulnerability {
    color: #fff;
    font-size: 65px;
    font-weight: bold;
    height: 186px;
    max-width: 210px;
    text-align: center;
    padding: 40px 0;
    /* margin: auto; */
    background-color: #e95a5b;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upkepr-result_core-vulnerabilities_details {
    display: flex;
}

.upkepr-result_core-vulnerabilities_details>div {
    width: calc(33.33% - 15px) !important;
    background: #f1f1f1;
    display: inline-block;
    margin-right: 15px;
    padding: 10px 15px !important;
    border-radius: 10px;
}

.upkepr-result_core-vulnerabilities_details h2 {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 10px !important;
    margin-top: 10px;
    color: #353a40;
    text-align: center;
    display: block;
    letter-spacing: 1px;
}

.upkepr-result_core-vulnerabilities_details p {
    margin-bottom: 7px;
    color: #353a40;
    font-weight: 600;
    text-align: center;
    margin: 0 0 8px;
}

.upkepr-refreshBtn {
    background: #ffffff !important;
    border: 1px solid #333;
    border-radius: 26px;
    color: #333 !important;
    font-size: 14px;
    margin: 0px 0 0 5px !important;
    padding: 7px;
    text-align: center;
    min-width: 112px;
    font-weight: normal;
    text-transform: unset;
}

.upkepr-critical-error {
    border: 1px solid #E26257 !important;
}

.upkepr-Medium-error {
    border: 1px solid #ffca65 !important;
}

.upkepr-low-error {
    border: 1px solid #72e7b6 !important;
}

.upkepr-cms-version {
    font-size: 16px;
    color: #777 !important;
}

.upkepr-refreshBtn:hover {
    background-color: unset !important;
    color: unset !important;
}

.upkepr-heading-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #c3c4c7;
    padding-bottom: 8px;
    margin-top: 14px;
}

.upkepr-nav-pluginInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.upkepr-HomeUrl a {
    font-size: 16px !important;
    color: #00cafb !important;
}

.upkepr-sub-main-section {
    border-right: 1px solid #E8EBEF;
    padding-right: 10px;
}

.main-div-plugin-Data-upkepr {
    display: flex;
    gap: 10px;
}

.upkepr-first-div-data {
    width: 12%;
    word-break: break-all;
}

.upkepr-second-div-data {
    width: 33%;
    word-break: break-all;
}

.upkepr-second-div-data {
    width: 55%;
    word-break: break-all;
}

.main-Heading-table-data-upkepr h2 {
    margin: 12px 0px;
}

.result-upkepr-data tr:first-child td {
    border-top: none !important;
}

.result-upkepr-data tr td {
    border-top: 1px solid #c3c4c7 !important;
}

.upkeresultDivData tr td {
    border-top: 0px !important;
}

/* ********************new changes *********************/
/* *************************************************** */
.two-section-div-upkepr {
    display: flex;
    justify-content: space-between;
}

.core-upkepr-mainDiv {
    width: 100%;
    max-width: 49%;
}

.upkepr-result_core-vulnerabilities_details {
    display: flex;
    width: 49%;
    align-items: center;
}

.upkepr-sub-main-section {
    border-right: 0px solid #E8EBEF;
    padding-right: 10px;
}

.upkepr-bottom-section-two {
    display: flex;
    justify-content: space-between;

}

.main-upkepr-ulactiv {
    border-bottom: 0px;
    margin: 0px;
    padding: 0;
}

.upkepr-nav-pluginInfo {
    margin-top: 28px;
}

.upkeprSettingMain {
    margin: 50px 10px;
}

.upkepr-core-vulnera {
    line-height: 1.2;
    margin: 0px !important;
}

.upkepr-cms-version {
    margin: 0;
}

.up-kepr-keydiv-main {
    display: flex;
}

.upkepr-instruction-div-section {
    flex: 1;
    padding-left: 30px;
    margin: 20px 10px;
}

.upkepr-instruction-div-section h2 {
    font-size: 30px;
    line-height: 1.2;
}

.upkepr-result-left-section {
    background-color: white;
    padding-left: 7px;
    padding-bottom: 20px;
}

h4.plugin-data-upkepr-head {
    font-size: 14px;
    color: #1c2327;
    margin: 0;
    margin-bottom: 10px;
}

.upkepr-notconnected-plugin {
    display: flex;
    justify-content: space-between;
}

.instruction-notconnecred {
    width: 49%;
    text-align: left;
    padding-left: 20px;
}

.instruction-notconnecred h2 {
    font-size: 26px;
    line-height: 1;
}

.upkpr-wpsd_colors-container {
    border-right: 1px solid #8080804f;
    padding-right: 8px;
    width: 49%;
}

.instruction-notconnecred {
    width: 49%;
    text-align: left;
}

.plugin-upkepr-banner {
    padding: 20px 20px 20px 50px;
    aspect-ratio: 4.6;
    display: flex;
    align-items: center;
    background-size: cover;
    border-radius: 15px;
    margin: 0;
    background-color: #b6e7fa47;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.left-upkepr-plugin h2 {
    margin: 0 0 10px;
    color: #142331;
    font-size: 20px;
}

.left-upkepr-plugin p {
    color: #142331;
    font-size: 14px;
}

.upkpr-wpsd_colors-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-banner-display-upkepr-individual {
    text-align: left;
    color: var(--webgPrimary);
    box-shadow: 2px 2px 25px 0 rgb(0 0 0 / 54%);
    display: flex;
    align-items: center;
    max-width: 657px;
    width: 100%;
    min-height: 300px;
    overflow: hidden;
    justify-content: flex-end;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 24%;
    transform: translate(-50%, -50%);
    background: #3a4b5933;
    z-index: 1;
    border-radius: 7px;
    background-color: #fff;
}

img.upkpr-icon-hideData {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    height: 100%;
    width: 48%;
}

.hide-banner-upkepr {
    width: 52%;
    padding: 20px;
}

.hide-banner-upkepr h3 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 0px;
}

.upgrade-btn-upkep {
    color: #fff;
    background: #00a2f9;
    border: 1px solid #00a2f9;
    padding: 8px 15px;
    border-radius: 100px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: .5s;
}

.left-section-upkepr-free-indiviual-user {
    filter: blur(5px);
}













/* responsive css here  */
@media (min-width: 1919px) and (max-width: 2560px) {
    .left-result-img {
        width: 100%;
        max-width: 20%;
    }

    .right-result-data {
        width: 78%;
    }
}

@media (min-width: 1550px) and (max-width: 1918px) {
    .top-banner-display-upkepr-individual {
        max-width: 600px;
        width: 100%;
        min-height: 200px;
    }

    img.upkpr-icon-hideData {
        width: 48%;
    }

    .hide-banner-upkepr {
        width: 52%;
        padding: 20px;
    }

    .hide-banner-upkepr h3 {
        font-size: 20px;
    }

    .hide-banner-upkepr p {
        font-size: 12px;
    }

}

@media (min-width: 1400px) and (max-width: 1549px) {
    .top-banner-display-upkepr-individual {
        max-width: 500px;
        width: 100%;
        min-height: 200px;
    }

    img.upkpr-icon-hideData {
        width: 48%;
    }

    .hide-banner-upkepr {
        width: 52%;
        padding: 20px;
    }

    .hide-banner-upkepr h3 {
        font-size: 1.3em;
    }

    .hide-banner-upkepr p {
        font-size: 12px;
    }

    .upgrade-btn-upkep {
        padding: 6px 12px;
        font-size: 12px;
    }

    .left-result-img {
        width: 100%;
        max-width: 32%;
    }

    .upkepr-instruction-div-section h2 {
        font-size: 30px;
        line-height: 1.2;
    }

    .usmsInput input {
        padding: 0px 42px 0px 10px;
    }

    .upkeprSettingMain {
        max-width: 850px;
    }

    .plugin-upkepr-banner {
        height: 80%;
        padding: 20px;
    }

    .left-upkepr-plugin {
        text-align: left;
        max-width: 335px;
    }

    .left-upkepr-plugin p {
        font-size: 14px;
    }

    .left-upkepr-plugin h2 {
        font-size: 18px;
    }

    .instruction-notconnecred h2 {
        font-size: 26px;
        line-height: 1.2;
    }

}

@media (min-width: 1199px) and (max-width: 1399px) {
    .top-banner-display-upkepr-individual {
        max-width: 460px;
        width: 100%;
        min-height: 200px;
    }

    img.upkpr-icon-hideData {
        width: 48%;
    }

    .hide-banner-upkepr {
        padding: 20px;
    }

    .hide-banner-upkepr h3 {
        font-size: 1.3em;
        margin: 0;
    }

    .hide-banner-upkepr p {
        font-size: 12px;
        margin: 0;
    }

    .upgrade-btn-upkep {
        padding: 6px 12px;
        font-size: 12px;
        margin-top: 6px;
    }

    .left-result-img {
        width: 100%;
        max-width: 32%;
    }

    .upkepr-counts-vulnerability {
        height: 146px;
    }

    h1.upkepr-core-vulnera {
        font-size: 26px;
    }

    .upkepr-cms-version {
        font-size: 15px;
    }

    .up-kepr-keydiv-main {
        display: block;
    }

    .upkeprSettingMain {
        width: unset;
    }

    .plugin-upkepr-banner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}

@media (min-width: 992px) and (max-width: 1198px) {
    .two-section-div-upkepr {
        display: block;
    }

    .core-upkepr-mainDiv {
        width: 100%;
        max-width: 100%;
    }

    .upkepr-result_core-vulnerabilities_details {
        width: 49%;
    }

    .plugin-upkepr-banner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .instruction-notconnecred h2 {
        font-size: 26px;
        line-height: 1.2;
    }

    .up-kepr-keydiv-main {
        display: block;
    }

    .upkeprSettingMain {
        width: unset;
    }

    .upkepr-instruction-div-section {
        padding-left: unset;
        margin: 0;
    }

    .upkepr-instruction-div-section ul {
        padding-left: 30px;
    }

    .upkepr-bottom-section-two {
        display: block;
    }

    .upkepr-bottom-section-two>div {
        width: 100% !important;
    }

    .upkepr-random-text {
        width: 100% !important;
    }

    .upkepr-random-text ul {
        padding-left: 20px;
    }

    .upkepr-result_core-vulnerabilities_details {
        width: 100%;
    }

    .top-banner-display-upkepr-individual {
        max-width: 592px;
        top: 27%;
        left: 50%;
        min-height: 241px;
    }

    .hide-banner-upkepr {
        width: 58%;
        padding: 10px 20px;
    }

    .hide-banner-upkepr h3 {
        margin: 0px;
        font-size: 22px;
    }

    img.upkpr-icon-hideData {
        width: 44%;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .up-kepr-keydiv-main {
        display: block;
    }

    .upkeprSettingMain {
        width: unset;
    }

    .usmsFooter {
        text-align: center;
    }

    .upkepr-instruction-div-section {
        padding-left: unset;
        margin: 0;
    }

    .upkepr-instruction-div-section ul {
        padding-left: 30px;
    }

    .plugin-upkepr-banner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .instruction-notconnecred h2 {
        font-size: 20px;
        line-height: 1.3;
    }

    .left-upkepr-plugin h2 {
        font-size: 18px;
        line-height: 1.2;
    }

    .two-section-div-upkepr {
        display: block;
    }

    .core-upkepr-mainDiv {
        width: 100%;
        max-width: 100%;
    }

    .upkepr-result_core-vulnerabilities_details {
        width: 100%;
    }

    .upkepr-bottom-section-two {
        display: block;
    }

    .upkepr-bottom-section-two>div {
        width: 100% !important;
    }

    .upkepr-random-text ul {
        padding-left: 20px;
    }

    .upkepr-result_core-vulnerabilities_details {
        width: 100%;
    }

    .top-banner-display-upkepr-individual {
        max-width: 592px;
        top: 27%;
        left: 50%;
        min-height: 241px;
    }

    .hide-banner-upkepr {
        width: 58%;
        padding: 10px 20px;
    }

    .hide-banner-upkepr h3 {
        margin: 0px;
        font-size: 22px;
    }

    img.upkpr-icon-hideData {
        width: 44%;
    }
}

@media (min-width: 544px) and (max-width: 767px) {
    .upkepr-notconnected-plugin {
        display: block;
    }

    .upkpr-wpsd_colors-container {
        width: unset;
    }

    .instruction-notconnecred {
        width: unset;
    }

    .plugin-upkepr-banner {
        display: block;
        padding: 20px;
    }

    .upkpr-wpsd_colors-container {
        border-right: 0px;
    }

    .instruction-notconnecred {
        padding: 0;
    }

    .instruction-notconnecred ul {
        padding-left: 20px;
    }

    .instruction-notconnecred h2 {
        font-size: 26px;
        line-height: 1.2;
    }

    .usMainSection {
        margin: 0 !important;
        margin-top: 20px !important;
    }

    .instruction-notconnecred ul {
        padding-bottom: 20px;
    }

    .upkepr-div-tabmain-section {
        margin: 5px;
    }

    .up-kepr-keydiv-main {
        display: block;
    }

    .upkeprSettingMain {
        width: unset;
    }

    .usmsFooter {
        text-align: center;
    }

    .upkepr-instruction-div-section {
        padding-left: unset;
        margin: 0;
    }

    .upkepr-instruction-div-section ul {
        padding-left: 30px;
    }

    .usmsInput input {
        padding: 10px 45px 10px 10px;
    }

    .two-section-div-upkepr {
        display: block;
    }

    .core-upkepr-mainDiv {
        max-width: 100%;
    }

    .upkepr-result_core-vulnerabilities_details {
        width: 100%;
    }

    .left-result-img {
        max-width: 32%;
    }

    .upkepr-bottom-section-two {
        display: block;
    }

    .left-section-upkepr-free-indiviual-user {
        width: 100% !important;
    }

    .upkepr-random-text {
        width: 100% !important;
    }

    .top-banner-display-upkepr-individual {
        max-width: 502px;
        width: 100%;
        min-height: 206px;
        top: 28%;
        left: 50%;
    }

    img.upkpr-icon-hideData {
        height: 100%;
        width: 48%;
    }

    .hide-banner-upkepr {
        width: 52%;
        padding: 10px 12px;
    }

    .hide-banner-upkepr h3 {
        font-size: 18px;
    }

    .hide-banner-upkepr p {
        font-size: 12px;
    }

    .upkepr-random-text ul {
        padding-left: 20px;
    }

    #upkepr-loader-2,
    #upkepr-loader {
        left: 40%;
    }
}

@media (min-width: 361px) and (max-width: 543px) {
    .upkepr-nav-pluginInfo {
        display: block;
    }

    .main-upkepr-ulactiv {
        padding-bottom: 18px;
    }

    .upkepr-notconnected-plugin {
        display: block;
    }

    .upkpr-wpsd_colors-container {
        width: unset;
    }

    .upkepr-subnav-section {
        display: flex;
        overflow-y: hidden;
    }

    .upkepr-subnav-section a {
        font-size: 13px;
    }

    .plugin-upkepr-banner {
        padding: 20px;
        display: block;
    }

    .instruction-notconnecred {
        width: 100%;
        text-align: left;
        padding-left: 0px;
    }

    .upkepr-subnav-section::-webkit-scrollbar {
        display: none;
    }

    .usButton {
        font-size: 14px;
        padding: 12px 25px;
    }

    .upkpr-wpsd_colors-container {
        border-right: 0px solid #8080804f;
    }

    .up-kepr-keydiv-main {
        display: block;
    }

    .upkeprSettingMain {
        width: unset;
    }

    .usmsFooter {
        text-align: center;
    }

    .upkepr-instruction-div-section {
        padding-left: 0px;
    }

    .upkepr-instruction-div-section h2 {
        font-size: 26px;
        line-height: 1.2;
    }

    .instruction-notconnecred ul {
        padding-left: 20px;
    }

    .usMainSection {
        margin: 0 !important;
        margin-top: 20px !important;
    }

    .instruction-notconnecred h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    .instruction-notconnecred {
        padding-bottom: 20px;
    }

    .upkepr-div-tabmain-section {
        margin: 0px 5px;
    }

    .usmsInput input {
        padding: 10px 40px 10px 10px;
    }

    .upkepr-instruction-div-section ul {
        padding-left: 20px;
    }

    #upkepr-loader-2,
    #upkepr-loader {
        top: 50%;
        left: 30%;
    }

    .upkepr-result-left-section h2 {
        font-size: 20px;
        line-height: 1.2;
    }

    .usButton.upkpr_scannow.upkepr-refreshBtn {
        font-size: 14px;
        padding: 6px 10px;
    }

    .two-section-div-upkepr {
        display: block;
    }

    .core-upkepr-mainDiv {
        max-width: 100%;
    }

    .upkepr-core-vulnera {
        line-height: 1.2;
        font-size: 22px;
    }

    .upkepr-cms-version {
        font-size: 14px;
    }

    .upkepr-result_core-vulnerabilities_details {
        width: 100%;
    }

    .upkepr-result_core-vulnerabilities_details p {
        font-size: 10px;
    }

    .upkepr-result_core-vulnerabilities_details>div {
        padding: 0px 5px !important
    }

    .left-result-img {
        max-width: 40%;
    }

    .right-result-data {
        width: 60%;
    }

    .upkepr-counts-vulnerability {
        height: 140px;
        max-width: 210px;
        text-align: center;
        padding: 30px 0;
    }

    .upkepr-counts-vulnerability {
        color: #fff;
        font-size: 50px;
        font-weight: bold;
        height: 128px;
        max-width: 215px;
        padding: 40px 0;
    }

    .upkepr-plugin-count-result {
        min-height: 130px;
    }

    .upkepr-bottom-section-two {
        display: block;
    }

    .upkepr-bottom-section-two>div {
        width: 100% !important;
    }

    .upkepr-random-text ul {
        padding-left: 20px;
    }

    #wpbody-content {
        padding-bottom: 50px;
    }

    .top-banner-display-upkepr-individual {
        top: 50%;
        left: 50%;
        display: block;
    }

}

/* Steps csss  start */
.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 30px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;

    @media (max-width: 768px) {
        font-size: 12px;
    }
}

.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}

.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 6px;
    color: #222;
    font-weight: 500;
    border: 2px solid #c9c9c9;
}

.stepper-item.active {
    font-weight: 500;
}

.stepper-item.completed .step-counter {
    background-color: #4bb543;
    color: #fff;
    border-color: #4bb543;
}

.stepper-item.completed .step-counter:after {
    content: '\f00c';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4bb543;
    ;
    font-family: "fontawesome";
}

.stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #4bb543;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

.stepper-item.completed .step-name {
    color: green;
}

/* end steps css */

.registerButton.disabled {
    pointer-events: none;
    cursor: default;
}

.hide-rows-more {
    display: none;
}

.mvbsbContentBox {
    display: none;
}

/******************************Enhancement css*********************************/

.upkepr-div-tabmain-section *,
.upkepr-div-tabmain-section h2,
.upkepr-div-tabmain-section p {
    font-family: "Outfit", sans-serif;
    transition: all 0.5s;
}

.health-report-banner-header li {
    margin: 0;
}

.upkepr-div-tabmain-section a {
    text-decoration: none !important;
}

.upkepr-div-tabmain-section .highlight,
.connect-popup .highlight {
    color: #8468f5;
    background: transparent;
}

.upkepr-div-tabmain-section h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    color: #222222;
}

.plugin-heading {
    margin-bottom: 20px;
}

.key-configration-input-copy {
    margin-top: 20px;
}

.upkepr-div-tabmain-section p {
    color: #222222;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

.pulgin-welcome-banner-img table td h2 {
    font-size: 22px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.cstm-card {
    background: #FFF;
    filter: drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.08));
    border: 1px solid #F2F2F2;
    border-radius: 20px;
}

.pulgin-welcome-banner-img {
    width: 50%;
    display: flex;
    padding: 50px 50px 50px 0;
}

.pulgin-welcome-banner-img table td .list {
    display: flex;
    align-items: start;
    gap: 8px;
}

.pulgin-welcome-banner-img table td td {
    padding: 6px 0;
}

.upkepr-div-tabmain-section .click-to-complete {
    background: #F24F47;
}

.upkepr-div-tabmain-section .scan-now {
    background: #4EA07C;
}

section {
    margin: 50px 0;
}

.pulgin-welcome-banner {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    align-items: start;
}

.primary-btn {
    margin-top: 20px;
    padding: 14px 22px;
    border-radius: 8px;
    background: linear-gradient(88deg, #EC74E7 -45.12%, #8468F5 74.37%);
    color: #FFF !important;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none !important;
    display: inline-block;
    line-height: normal;
}

.pulgin-welcome-banner-text {
    padding: 45px;
    flex: 1;
}

.pulgin-welcome-banner-text h2 {
    margin-bottom: 20px;
}

.primary-btn:hover {
    background: linear-gradient(270deg, #EC74E7 -45.12%, #8468F5 74.37%);
    color: #fff;
}

.pulgin-welcome-banner-img img {
    width: 100%;
    object-fit: cover;
    object-position: left;
}

.pulgin-welcome-banner-img {
    width: 50%;
    display: flex;
}

.pulgin-welcome-banner-text img {
    margin-bottom: 20px;
}

/* .wordpress-pulgin-welcome {
margin-top: 0;
} */
.key-configration {
    margin-top: 20px;
}

.how-configure-list {
    padding: 0;
    margin: 0;
}

.how-configure-list li {
    margin-bottom: 15px;
    font-weight: 300;
    position: relative;
    padding-left: 20px;
    list-style: none;
}

.how-configure-list li strong {
    font-weight: 600;
}

.how-configure-list li::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #222;
    position: absolute;
    top: 8px;
    left: 0;
}

.how-configure-inner-list {
    margin-top: 15px;
    padding: 0;
}

.how-configure-inner-list li {
    margin-bottom: 10px;
}

.how-configure-inner-list li::before {
    background: transparent;
    border: 1px solid #222;
}

p.upkpr-success,
.upkpr-errors.errors.error {
    border: 1px dashed #4bb543;
    color: #4bb543 !important;
    font-weight: 500;
    padding: 10px 25px;
    display: inline-flex;
    margin: 10px auto;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.upkpr-errors.errors.error {
    border-color: #ff0000;
    color: #ff0000 !important;
}

.notifictatopn-message {
    text-align: center;
    margin-top: 10px;
}

/*=================Plugin-Intsallation-Start=================*/
.pulgin-intallation-inner {
    padding: 30px;
    position: relative;
}

.pulgin-intallation-inner .list {
    display: flex;
    gap: 10px;
    padding: 12px 0;
}

.pulgin-intallation-inner .list img {
    height: 22px;
    width: 22px;
    margin-top: 3px;
}

.pulgin-intallation-inner h2 {
    margin-bottom: 25px;
    text-transform: capitalize;
}

.pulgin-intallation-inner .list p {
    color: #000;
    font-size: 17px;
}

.pulgin-intallation-inner .list:not(:last-child) {
    border-bottom: 1px solid #EBEBEB;
}

.pulgin-intallation-inner:before {
    border-left: 1px solid #EBEBEB;
    position: absolute;
    content: '';
    height: calc(100% - 60px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*=================Plugin-Intsallation-End=================*/

/*=================Plans=and=conections-Start=================*/
.plan-connetion-inner {
    border-radius: 20px;
    border: 1px solid rgba(132, 104, 245, 0.20);
    /* background: #FDF1F5;
box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08); */
    padding: 35px;
    height: 100%;
}

.b-tns {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.bg-btn {
    background: #222;
    border: 2px solid #222;
    border-radius: 8px;
    padding: 11px 26px;
    color: #FFF !important;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.brdr-btn {
    border: 2px solid #222;
    border-radius: 8px;
    padding: 11px 26px;
    color: #222;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.bg-btn:hover {
    background: transparent;
    color: #222 !important;
}

.brdr-btn:hover {
    background: #222;
    color: #fff;
}

.plan-connetion-inner p {
    font-size: 18px;
}

/* .plan-connetion-inner.Connection-inner {
border: 1px solid rgba(94, 212, 143, 0.30);
background: #EFFBF4;
} */
.plan-connetion-inner .list {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 20px;
    position: relative;
}

.connect-list-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #4EA07C;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    font-size: 13px;
    margin-top: 3px;
}
span.connect-list-icon.info {
    background: #ff9109;
}

.plan-connetion-inner .list:not(:last-child):before {
    content: '';
    position: absolute;
    left: 8px;
    height: 96%;
    border-left: 2px dashed #222;
    top: 90%;
}
span.connect-list-icon.errors {
    background: #F24F47;
}

.plan-connetion-inner .list img {
    width: 20px;
}

.site-connected {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
}

.site-connected img {
    width: 30px;
}

.site-connected-line {
    width: 60px;
    border-top: 2px dashed #ad59f9;
}

.site-connected-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-connected img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.connetion-site-logo {
    width: 35px;
    height: 35px;
    background: #8468f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 5px;
}

.connetion-site-logo img {
    filter: invert(1) brightness(100);
    width: 22px;
    height: 22px;
}
.vulnerabiliti-side-link {
    padding: 0;
}
.vulnerabiliti-side-link .nav-link a {
    text-align: left;
    border-right: 3px solid transparent;
    border-radius: 0;
    padding: 12px 15px;
    border-top: 1px solid #F1F1F1;
    position: relative;
    width: 100%;
    display: block;
}
.vulnerabiliti-side-link a {
    color: #222;
    text-decoration: none !important;
}
.vulnerabiliti-side-link .nav-link.active a:after {
    border-top: 8px solid transparent;
    border-left: 12px solid #8468F5;
    border-bottom: 8px solid transparent;
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.vulnerabiliti-side-link .nav-link.active a {
    border-right-color: #8468f5;
}
.vulnerabiliti-side-link .nav-link a:hover, .vulnerabiliti-side-link .nav-link.active a, .vulnerabiliti-side-link .nav-link.active a:focus {
    color: #8468f5;
}
.vulnerabiliti-side-link .nav-link ul {
    border-top: 1px solid #F1F1F1;
    padding-left: 40px;
}
.vulnerabiliti-side-link .nav-link ul li:first-child a {
    border-top: none;
}
.vulnerabiliti-side-link .nav-link ul li a {
    padding-left: 0;
}
.upker-summry-outer .right-side-summry .container {
    width: 100%;
    max-width: 100%;
}
.upker-summry-outer {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 0px 30px;
    margin-top: 30px;
}
.upker-summry-outer .sticky-links {
    max-width: 300px;
    width: 100%;
    position: sticky;
    top: 150px;
}
.upker-summry-outer section.connection-page-overview {
    margin-top: 0;
}
.upker-summry-outer .scan-summry-main .scan-summry-left {
    display: none;
}
.upkepr-div-tabmain-section header .container {
    max-width: 100%;
    width: 100%;
    padding: 0px 30px;
}

.vulnerabiliti-side-link .nav-link i.fa-solid.fa-angles-right {
    font-size: 12px;
}

.connect-list-icon.check + p {
    color: #4EA07C;
}
.connect-list-icon.errors + p {
    color: #F24F47;
}
.connect-list-icon.info + p {
    color:#ff9109;
}
.steps-descriptions {
    text-align: left;
    margin: 20px 0;
}












/*=================Plans=and=conections=End================*/
footer {
    background: #fff;
    padding: 30px 0;
}

.by-webgarh {
    color: #222 !important;
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
}

footer ul {
    display: flex;
    list-style: none;
    gap: 20px;
    padding: 0;
    margin: 0;
}

footer ul a {
    color: #222 !important;
    text-decoration: none !important;
    font-size: 14px;
}

footer ul a img {
    width: 100px;
    margin-right: 20px;
}

footer ul a:hover,
.by-webgarh:hover {
    color: #8468f5 !important;
}

.upkepr-div-tabmain-section header {
    background: #fff;
    padding: 20px 0;
}

header .by-webgarh {
    color: #8468f5 !important;
    font-size: 16px;
}



/*=================conections=details=Start================*/
.key-configration .primary-btn {
    padding: 12px 30px;
    margin: 0;
}

/* .key-configration-input-copy {
padding: 25px;
} */

.key-configration-input {
    display: inline-block;
    position: relative;
    width: 100%;
    /*  max-width: 50%; */
}

.key-configration-input input {
    background: #f6f7f7;
    padding: 10px 50px 10px 20px !important;
    border-radius: 50px !important;
    border: 1px solid #d1d5d5 !important;
    width: 100% !important;
    min-height: 52px;
}

.key-configration-input i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 18px;
}


.vulnerabiliti-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 15px 30px;
}

.vulnerabiliti-item img {
    width: 45px;
}

.vulnerabiliti-item-score-value {
    color: #935bf0;
    font-size: 40px;
    font-weight: 600;
    width: 100px;
    height: 100px;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 7px solid #935bf0;
    border-radius: 50%;
}

.vulnerabiliti-info .col-md-4:nth-child(2) {
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #F1F1F1;
}

.vulnerabiliti-item-score h5 {
    margin: 0;
    letter-spacing: 1px;
    color: #222;
    font-size: 22px;
    line-height: 140%;
    font-weight: 600;
}

section.connection-page-overview .pulgin-welcome-banner-text h2 {
    margin-bottom: 10px;
}

.cstm-tabs {
    margin-bottom: 30px;
    gap: 30px;
}

.cstm-tabs .nav-link {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    padding: 10px;
    background: transparent !important;
    font-family: var(--font-family-outfit);
    border-bottom: 2px solid transparent;
    border-radius: 0;
}

.cstm-tabs .nav-link.active {
    color: #8468F5;
    border-color: #8468F5;
}

.cstm-tab-content table {
    border: 1px solid #EBEBEB;
    margin: 0;
    width: 100%;
}

.cstm-tab-content tr {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

.cstm-tab-content th,
.cstm-tab-content td {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color) !important;
    --bs-table-bg-type: #F7F6FE !important;
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))) !important;
}

.mvbsbContentBox {
    border-radius: 10px;
    border: 1px dashed rgba(0, 166, 228, 0.40);
    background: rgba(0, 166, 228, 0.07);
    padding: 30px;
    margin-top: 10px;
    width: 100%;
}

.primary-btn.howToFix.active i {
    transform: rotate(180deg);
}

.mvbsbContentBox .mcbBlockText {
    background: #f1f1f1;
    padding: 24px;
    margin-bottom: 21px;
    margin-top: 21px;
    border: 1px dashed #ccc;
    border-left: 4px solid #ccc;
}

.mvbsbContentBox .mcbBlockGreen {
    border-color: #039767;
    background: #0397671a;
}

.mvbsbContentBox .mcbBlockGreen td,
.mvbsbContentBox .mcbBlockGreen th {
    background: transparent !important;
    box-shadow: none !important;
    border-color: #0397673b;
}

body .plugin-data-upkepr-head {
    font-size: 16px;
    color: #222;
    margin-bottom: 5px;
}

body .cstm-tab-content tbody p {
    font-size: 13px;
}

body .cstm-tab-content td {
    box-shadow: none !important;
}

.cstm-tab-content th:not(:first-child) {
    width: 16%;
}

.mvbsbContentBox ul li {
    list-style: disc;
    /* list-style-position: inside; */
}

.mvbsbContentBox ul {
    /* padding: 0; */
    margin-top: 20px;
}

.mvbsbContentBox h2 {
    font-size: 21px;
}

.cstm-tab-content {
    width: 100%;
}

.connection-page-overview .pulgin-welcome-banner-text {
    padding: 25px;
}

.vulnerabiliti-detected-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.vulnerabiliti-detected-list li {
    font-size: 15px;
    margin: 10px 0;
    position: relative;
    padding-left: 20px;
}

.vulnerabiliti-detected-list li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 5px;
}

.risk-detected:before {
    background-color: #F24F47;
}

.good-detected:before {
    background-color: #4EA07C;
}

.warning-detected:before {
    background-color: #FCB903;
}

.risk-detected span {
    color: #F24F47;
}

.good-detected span {
    color: #4EA07C;
}

.warning-detected span {
    color: #FCB903;
}

.scan-now {
    text-align: center;
}

.scan-now .primary-btn {
    margin: 0;
    font-size: 18px;
    letter-spacing: 1px;
}

.scan-now .primary-btn i {
    margin-right: 5px;
}

.vulnerabiliti-info {
    margin-top: 30px;
}

.vulnerabiliti-info.vulnerabiliti-show {
    display: flex;
}

.connection-table-popup table {
    filter: blur(5px);
    min-height: 350px;
}

.connection-vulnerbilities-table {
    position: relative;
}

.cstm-tab-content th h2 {
    font-size: 16px;
    font-weight: 500;
}

/* body .cstm-tab-content td:first-child {
    width: 42px;
} */

.cstm-tab-content .upkpr-accordion-content * {
    border: none;
}

.upkepr-div-tabmain-section a:focus {
    box-shadow: none !important;
}

.cstm-tab-content .upkpr-accordion-content td {
    font-weight: 300;
    font-size: 15px !important;
    padding: 10px 24px !important;
}

.cstm-tab-content .upkpr-accordion-content td strong {
    color: #000;
    font-weight: 500;
}


/*=================conections=details=End================*/

/*=================Signup=popup=Start================*/
.signup-more-details-popup{
/* border-radius: 20px;
border: 1px solid #e2ccf1; */
background: #FFF;
/* box-shadow: 0px 8px 35px 1px rgb(0 0 0 / 19%);
max-width: 600px; */
width: 100%;
text-align: center;
padding: 45px;
/* position: absolute; */
/* top: 50%; */
/* left: 50%; */
/* transform: translate(-50%, -50%); */
/* z-index: 1; */
}

.signup-more-details-popup h2 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #222222;
}

.signup-more-details-popup p {
    margin: 14px 0;
}
.stepper-item.active .step-counter {
    background: #6d7378;
    color: #fff;
    border-color: #6d7378;
    font-weight: 600;
}
.signup-more-details-popup p a {
    color: #8468f5;
    font-weight: 500;
}
.signup-more-details-popup .pop-heading-new {
    font-weight: 500;
    font-size: 18px;
    text-align: left;
    margin-top: 0px;
}
/* .upkpr-modal-content.signup-more-details-popup {
    max-width: 1100px;
} */

.signup-more-details-popup .primary-btn {
    margin-top: 0;
}

.upkpr-close {
    border-radius: 50%;
    background: linear-gradient(88deg, #EC74E7 -45.12%, #8468F5 74.37%);
    color: #FFF;
    font-size: 26px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    line-height: normal;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 15px;
    right: 15px;
}

.upkpr-close:hover {
    background: linear-gradient(274deg, #EC74E7 -45.12%, #8468F5 74.37%);
    color: #fff;
}
.key-configration-input i:hover {
    color: #8468f5;
}
.stepper-item.active .step-name {
    color: #222222;
}
.coonection-with-upkepr-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border-top: 1px solid #d7d7d7;
    margin-top: 40px; */
    padding-top: 30px;
}
.coonection-with-upkepr-right {
    width: 46%;
}
.coonection-with-upkepr-left {
    width: 50%;
}
.coonection-with-upkepr-left .addButton {
    text-align: left;
}
.coonection-with-upkepr-right img {
    width: 100%;
}
.stepper-item.step1.completed {
    opacity: 0.5;
}
.stepper-item .step-name {
    display: none;
}
.coonection-with-upkepr-left h2 {
    text-align: left;
}
.coonection-with-upkepr-right-video {
    padding-bottom: 56.25%;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.coonection-with-upkepr-right-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.stepper-item.step1.completed + .stepper-item.step2:before {
    display: none !important;
}

/*=================Signup=popup=End================*/







/*=================Health=report=Start================*/
.health-report-banner {
    border-radius: 20px;
    border: 1px solid #F2F2F2;
    background: #FFF;
    box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.04);
}

.health-report-banner-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #F1F1F1;
    padding: 20px;
}

.health-report-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

body .how-upkepr-protect-wordpress-websites {
    font-size: 24px;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;
    color: #222;
    margin-bottom: 2px;
}

.health-report-header-left a,
.health-report-header-left p {
    color: #715DE3;
    line-height: normal;
    font-weight: 400;
    font-size: 16px;
}

.health-report-header-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.pulgin-welcome-banner-img table td {
    box-shadow: none;
    padding: 10px 12px;
}

.copy-link {
    color: #222;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 7px;
}

.download-pdf {
    text-transform: uppercase;
    font-weight: 600;
    padding: 11px 20px;
    border-color: #715de3;
    color: #715de3;
}

.download-pdf:hover {
    background-color: #715de3;
}

.brdr-btn:hover img {
    filter: invert(1) brightness(100);
}

.health-report-overall-score {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    gap: 50px;
}

.health-overall-score-right {
    border-radius: 6px;
    background: linear-gradient(112deg, #8163F3 0.45%, #A29AFF 99.2%);
    padding: 30px 60px;
    max-width: 440px;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.health-overall-score-right h2.how-upkepr-protect-wordpress-websites {
    color: #FFF;
    font-size: 32px;
    line-height: normal;
    margin-bottom: 0;
}

.health-overall-score-right p {
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    margin: 10px 0 15px;
}

.health-overall-score-right .bg-btn {
    color: #222 !important;
    background: #fff;
    border-color: #fff;
    padding: 12px 34px;
}

.health-overall-score-right .bg-btn:hover {
    background: transparent;
    color: #fff !important;
}

.overall-score-main {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 35px;
    max-width: 620px;
    padding-right: 0;
}

.overall-score-main img {
    max-width: 180px;
    width: 100%;
}

.overall-score-main h4 {
    color: #222;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
}

.last-date-cms {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 12px;
}

.overall-score-main .last-date {
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #6D6D6D;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #B4EBCB;
    background: #F1FFF7;
    gap: 3px;
}

.overall-score-main .last-date i {
    font-size: 15px;
}

.overall-score-main .last-date span {
    color: #222;
    font-weight: 500;
}

.last-date-cms .cms {
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #CBC2FF;
    background: #F5EFFF;
    color: #222;
    gap: 3px;
    letter-spacing: 0.24px;
}

.last-date-cms img {
    width: 18px;
}

.overall-score-main p {
    color: #222;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
}

.see-full-list {
    color: #715DE3 !important;
    font-size: 16px;
    line-height: normal;
    cursor: pointer;
}

.see-full-list i {
    color: #715DE3;
    font-size: 14px;
    margin-left: 5px;
    font-family: "Font Awesome 6 Free";
}


/*scan summmry Start*/
.scan-summry-left {
    background: #FFF;
    filter: drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.08));
    border: 1px solid #F2F2F2;
    max-width: 300px;
    border-radius: 20px;
}

.scan-summry-header .site-logo {
    width: 40px;
}

.scan-summry-header {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 20px 15px;
}

.scan-summry-header h2 {
    margin: 0 !important;
    font-size: 20px;
}

.scan-summry-inner {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.scan-summry-details {
    background: #FFF;
    filter: drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.08));
    border: 1px solid #F2F2F2;
    border-radius: 20px;
    flex: 1;
    overflow: hidden;
}

body .tab-content {
    border: 0;
    border-top: none;
    padding: 0;
}

.scan-summry-left .nav-pills .nav-link {
    background: transparent;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    border-right: 3px solid transparent;
    border-radius: 0;
    padding: 12px 15px;
    border-top: 1px solid #F1F1F1;
    position: relative;
}

.scan-summry-left .nav-pills .nav-link h3 {
    color: #222;
    font-size: 16px !important;
    line-height: normal !important;
    margin: 0 0 .5rem !important;
    border: none !important;
    background: transparent !important;
}

.scan-summry-left .nav-pills .nav-link p {
    color: #6D6D6D;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 5px;
}

.scan-summry-left .nav-pills .nav-link.active {
    border-right: 3px solid #8468F5;
}

.scan-summry-left .nav-pills .nav-link.active:after {
    border-top: 8px solid transparent;
    border-left: 12px solid #8468F5;
    border-bottom: 8px solid transparent;
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.scan-summry-details .how-upkepr-protect-wordpress-websites {
    font-size: 20px;
    margin-bottom: 0;
}

.scan-summry-details-tabs .nav-pills {
    border-radius: 6px;
    border: 1px solid #E2D6D6;
    background: #F1F1F1;
    overflow: hidden;
}

.scan-summry-details-tabs .nav-pills .nav-link {
    border-radius: 0;
    color: #222;
    font-size: 15px;
    line-height: normal;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 100%;
}

.scan-summry-details-tabs .nav-pills li:nth-child(2) .nav-link {
    border-left: 1px solid #E2D6D6;
    border-right: 1px solid #E2D6D6;
}

.scan-summry-details-tabs .nav-pills .nav-link.active {
    background: #646464;
    color: #fff;
}

.scan-summry-details-tabs .nav-pills .nav-link.active img {
    filter: invert(1);
}

.scan-summry-tab-details {
    padding: 0px 25px;
}

.scan-summry-detail-list {
    padding: 30px 0;
    border-top: 1px solid #ECEBEB;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

.scan-summry-detail-list:first-child {
    border: none;
}

.scan-summry-detail-list-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.scan-detailes-list-icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: #F24F47;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scan-summry-detail-list-header h4 {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.scan-summry-detail-list-header p {
    color: #222;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 10px;
    width: 100%;
}

.scan-summry-left .nav-pills .nav-link .site-logo {
    width: 70px;
}

.health-overall-score-right .bg-btn i {
    margin-right: 5px;
}

.scan-summry-detail-list .primary-btn {
    margin-top: 0;
    font-size: 16px;
    padding: 12px 22px;
    gap: 4px;
    font-weight: 400;
}

.scan-summry-detail-list .primary-btn i {
    font-size: 12px;
}

.web-vitals-outer h2 {
    color: #4A4A4A;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    text-transform: capitalize;
    padding-bottom: 15px;
    border-bottom: 1px solid #ECEBEB;
    margin-bottom: 25px;
}

.web-vitals-container {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.web-vitals-list {
    border-radius: 12px;
    border-top: 6px solid #715DE3;
    background: #FFF;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
    width: calc(33.3% - 15px);
    padding: 20px;
}

.web-vitals-list p {
    color: #6D6D6D;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 10px;
}

.web-vitals-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.web-vitals-header span {
    border-radius: 50px;
    background: #F3EFFF;
    display: flex;
    width: 60px;
    height: 60px;
    padding: 11px;
    justify-content: center;
    align-items: center;
}

.web-vital-right h6 {
    color: #222;
    line-height: 24px;
    font-size: 1rem;
    margin: 0 0 0.5rem;
}

.web-vital-right h4 {
    color: #715DE3;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 .5rem;
}

.web-vitals-outer {
    margin-top: 20px;
    margin-bottom: 30px;
}

.scan-summry-tab-details .tab-pane {
    display: none;
}

.scan-summry-tab-details .tab-pane.active {
    display: block;
}

.cstm-tab-content td a {
    color: #000;
    word-break: break-word;
}

.cstm-tab-content td a i {
    margin-left: 5px;
    color: #8468F5;
}

.scan-summry-detail-list .cstm-tab-content th:not(:first-child) {
    width: auto;
}

.scan-summry-detail-list .cstm-tab-content td {
    font-size: 14px;
    font-weight: 400;
}

.health-report-banner-header .upkepr-heading-text,
.pulgin-welcome-banner .health-report-banner-header {
    margin: 0;
    padding: 0;
    border: none;
}

/*scan summmry End*/




/*--------------------Responsive-----------------------*/
@media (max-width: 1366px) {
    .web-vitals-list {
        padding: 15px;
    }

    .health-overall-score-right h2.how-upkepr-protect-wordpress-websites {
        font-size: 24px;
    }

    .health-overall-score-right {
        padding: 25px;
        max-width: 400px;
    }

    .scan-summry-details-tabs .nav-pills .nav-link {
        font-size: 14px;
        padding: 10px 10px;
        gap: 5px;
    }

    .web-vital-right h6 {
        color: #222;
        line-height: 24px;
        margin: 0 0 .5rem;
        font-weight: 500;
        font-size: 1rem;
    }

    .web-vitals-header span {
        width: 55px;
        height: 55px;
    }

    .analysis-scan-right {
        max-width: 350px;
    }
}


@media (max-width: 1024px) {
    .health-overall-score-right {
        max-width: 340px;
    }

    .health-overall-score-right .bg-btn {
        padding: 10px 20px;
    }

    .health-overall-score-right p {
        font-size: 14px;
    }

    body .how-upkepr-protect-wordpress-websites {
        font-size: 22px;
    }

    .health-report-header-right {
        gap: 20px;
    }

    .download-pdf {
        padding: 10px 15px;
    }

    .scan-summry-left {
        max-width: 260px;
    }

    .scan-summry-inner {
        gap: 20px;
    }

    .scan-summry-left .nav-pills .nav-link {
        gap: 8px;
        padding: 10px 15px;
    }

    .health-report-overall-score {
        gap: 30px;
    }

    .scan-summry-details .how-upkepr-protect-wordpress-websites,
    .scan-summry-header h2 {
        font-size: 18px;
    }

    .scan-summry-detail-list-header p {
        font-size: 14px;
    }

    .scan-summry-details-tabs .nav-pills .nav-link {
        font-size: 13px;
        padding: 10px 7px;
        gap: 3px;
    }

    .health-report-header-left .site-logo,
    .scan-summry-header .site-logo {
        width: 32px;
    }

    .health-report-header-left {
        gap: 5px;
    }

    .health-report-banner-header {
        padding: 15px;
    }

    .scan-summry-detail-list-header h4 {
        font-size: 16px;
    }

    .scan-detailes-list-icon {
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }

    .scan-summry-detail-list .primary-btn {
        font-size: 14px;
        padding: 10px 16px;
    }

    .see-full-list {
        font-size: 14px;
    }

    .scan-summry-detail-list {
        padding: 20px 0;
        gap: 15px;
    }

    .web-vitals {
        flex-wrap: wrap;
        justify-content: center;
    }

    .web-vitals-list {
        width: calc(50% - 10px);
    }

    .analysis-scan-right {
        max-width: 260px;
    }

    .overall-score-main {
        gap: 15px;
        padding: 0;
        max-width: 550px;
    }

    .overall-score-main img {
        max-width: 140px;
    }

    .overall-score-main .last-date {
        padding: 5px 6px;
        gap: 2px;
    }

    .last-date-cms .cms {
        padding: 5px 6px;
        font-size: 12px;
        letter-spacing: 0.14px;
    }

    .last-date-cms img {
        width: 15px;
    }

    .overall-score-main p {
        line-height: 24px;
        font-size: 15px;
    }
}


@media (max-width: 991px) {
    .health-overall-score-right {
        display: none;
    }

    .scan-summry-left {
        max-width: 240px;
    }

    .scan-summry-tab-details {
        padding: 0px 15px;
    }

    .health-report-banner-header {
        flex-wrap: wrap;
    }

    .scan-summry-details-tabs {
        margin-top: 15px;
    }

    .scan-summry-details-tabs .nav-pills .nav-link {
        width: 100%;
        padding: 10px 15px;
    }

    .cstm-tab-content th {
        font-size: 14px;
    }

    body .how-upkepr-protect-wordpress-websites {
        font-size: 20px;
    }

    .analysis-scan-inner {
        padding: 25px;
        gap: 40px;
    }

    .analysis-progress-heading h2,
    .analysis-progress-processing {
        font-size: 18px;
    }

    .analysis-progress-listing li {
        font-size: 16px;
        gap: 5px;
    }

    .analysis-progress .progress {
        height: 15px;
    }

    .scanning-page-banner h1.outfit-bold-white-32px {
        font-size: 32px;
        letter-spacing: 0.6px;
        margin-bottom: 15px;
    }

    .scanning-page-banner {
        padding: 50px 0 200px;
    }
}


@media (max-width:767px) {
    .scan-summry-inner {
        flex-wrap: wrap;
    }

    .scan-summry-left {
        max-width: 100%;
    }

    body .how-upkepr-protect-wordpress-websites {
        font-size: 18px;
        line-height: normal;
        margin: 0;
    }

    .overall-score-main {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .health-report-header-right {
        gap: 10px;
        margin-top: 10px;
        width: 100%;
        justify-content: space-between;
    }

    .health-report-header-right .brdr-btn {
        font-size: 13px;
        padding: 10px 11px;
        gap: 4px;
    }

    .health-report-header-right .brdr-btn img {
        width: 14px;
    }

    .health-report-header-left .site-logo,
    .scan-summry-header .site-logo {
        width: 40px;
    }

    .scan-summry-left .nav-pills .nav-link.active {
        background-color: #F5EFFF;
    }

    .scan-summry-left .nav-pills .nav-link.active:after {
        display: none;
    }

    .web-vitals-list {
        width: 100%;
    }

    .scan-summry-details-tabs .nav-pills li.nav-item {
        width: 100%;
    }

    .scan-summry-details-tabs .nav-pills li:nth-child(2) .nav-link {
        border-left: none;
        border-right: none;
        border-top: 1px solid #E2D6D6;
        border-bottom: 1px solid #E2D6D6;
    }

    .web-vitals-outer h2 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .scanning-page-banner h1.outfit-bold-white-32px {
        font-size: 26px;
        letter-spacing: 0;
        margin-bottom: 15px;
        line-height: normal;
    }

    .analysis-scan-inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .analysis-progress-heading h2,
    .analysis-progress-processing {
        font-size: 16px;
    }

    .analysis-progress {
        margin: 20px 0 25px;
    }

    .overall-score-main img {
        max-width: 120px;
    }

    .overall-score-main h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .last-date-cms {
        margin: 15px 0 12px;
        justify-content: center;
    }

}

/*=================Health=report=End================*/

.upkepr-div-tabmain-section footer .container {
    padding: 0px 30px;
    width: 100%;
    max-width: 100%;
}







/*=================Responsive================*/
@media (min-width: 768px) and (max-width: 991px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 900px;
    }
}

@media (min-width: 768px) {
    .pulgin-intallation-inner .col-md-6 {
        width: 47%;
    }

    .plan-and-connection .col-md-6 {
        width: 49%;
    }

}

@media (max-width: 1366px) {
    .vulnerabiliti-item {
        gap: 15px;
        padding: 15px 20px;
    }
}


@media (max-width: 1024px) {
    h2 {
        font-size: 26px;
    }

    .pulgin-intallation-inner .list p,
    .plan-connetion-inner p,
    p {
        font-size: 15px;
    }

    .bg-btn,
    .brdr-btn {
        padding: 10px 15px;
        font-size: 15px;
    }

    .pulgin-intallation-inner .list img {
        height: 18px;
        width: 18px;
    }

    .pulgin-welcome-banner-text {
        padding: 30px;
    }

    .pulgin-welcome-banner-img {
        width: 40%;
    }

    .vulnerabiliti-item-score h5 {
        letter-spacing: 0px;
        font-size: 18px;
    }

    .vulnerabiliti-item-score-value {
        font-size: 32px;
        width: 80px;
        height: 80px;
        min-width: 80px;
        border: 4px solid #935bf0;
    }

    .vulnerabiliti-item {
        gap: 12px;
        padding: 10px;
    }

    .vulnerabiliti-detected-list li {
        font-size: 14px;
    }

}


@media (max-width: 991px) {

    .pulgin-intallation-inner .list p,
    .plan-connetion-inner p,
    p {
        font-size: 14px;
    }

    h2 {
        font-size: 22px;
    }

    .plan-connetion-inner {
        padding: 20px;
    }

    .bg-btn,
    .brdr-btn {
        font-size: 14px;
    }

    .b-tns {
        gap: 8px;
    }

    header .col-md-6 img {
        width: 100px;
    }

    .vulnerabiliti-item {
        padding: 0;
        gap: 8px;
    }

    .vulnerabiliti-item-score-value {
        font-size: 25px;
        width: 70px;
        height: 70px;
        min-width: 70px;
    }

    .scan-now .primary-btn {
        font-size: 16px;
    }

    .cstm-tab-content td {
        font-size: 13px;
        padding: 10px;
    }

    .cstm-tab-content th,
    .cstm-tab-content td {
        font-size: 13px;
        padding: 10px;
    }

    .scan-summry-detail-list .cstm-tab-content td {
        font-size: 13px;
    }

    .scan-summry-detail-list th:first-child {
        width: 40%;
    }

    .key-configration-input {
        max-width: 100%;
    }

    .signup-more-details-popup {
        max-width: 500px;
        padding: 30px;
    }

    .signup-more-details-popup h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .signup-more-details-popup p {
        font-size: 14px;
        margin: 15px 0;
    }

    .signup-more-details-popup .primary-btn {
        font-size: 15px;
        padding: 12px 20px;
    }

    .connection-table-popup table {
        min-height: 300px;
    }
}


@media (max-width: 767px) {
    .pulgin-welcome-banner-img {
        display: none;
    }

    .pulgin-welcome-banner-text,
    .pulgin-intallation-inner {
        padding: 20px;
    }

    .primary-btn {
        padding: 12px 15px;
        font-size: 14px;
    }

    header .row {
        flex-wrap: nowrap;
    }

    header .col-md-6,
    header .col-md-4 {
        width: auto;
    }

    header .by-webgarh {
        font-size: 15px;
        letter-spacing: 0;
    }

    section {
        margin: 30px 0;
    }

    .pulgin-welcome-banner-text h2 {
        margin-bottom: 15px;
    }

    .pulgin-intallation-inner:before {
        display: none;
    }

    .pulgin-intallation-inner h2 {
        margin-bottom: 15px;
    }

    .pulgin-intallation-inner .col-md-6+.col-md-6 {
        border-top: 1px solid #EBEBEB;
        padding-top: 15px;
        margin-top: 5px;
    }

    .plan-and-connection .col-md-6+.col-md-6 {
        margin-top: 20px;
    }

    .site-connected-line {
        width: 50px;
    }

    footer .col-md-4.text-end {
        text-align: center !important;
        margin-top: 10px;
    }

    .by-webgarh {
        letter-spacing: 0;
        font-size: 12px;
    }

    footer ul li:first-child {
        flex: 1;
    }

    footer {
        padding: 20px 0;
    }

    .key-configration-input-copy {
        padding: 15px;
    }

    .key-configration-input input {
        padding: 10px 40px 10px 12px;
        font-size: 12px;
    }

    .key-configration-input i {
        right: 12px;
        font-size: 16px;
    }

    .key-configration .health-report-header-right {
        justify-content: center;
        margin-top: 15px;
    }

    .vulnerabiliti-info .col-md-4:nth-child(2) {
        border-left: none;
        border-right: none;
        border-top: 1px solid #F1F1F1;
        border-bottom: 1px solid #F1F1F1;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .connection-table-popup table {
        min-height: 300px;
    }

    .signup-more-details-popup {
        max-width: 500px;
        padding: 30px 20px;
    }

    .signup-more-details-popup h2 {
        font-size: 18px;
        margin-bottom: 12px;
    }
}

@media (max-width: 360px) {
    h2 {
        font-size: 20px;
    }

    .plan-connetion-inner,
    .pulgin-welcome-banner-text,
    .pulgin-intallation-inner {
        padding: 15px;
    }

    .bg-btn,
    .brdr-btn {
        padding: 8px 10px;
    }

    header .by-webgarh {
        font-size: 14px;
    }
}

.upkepr-div-tabmain-section .scan-summry-left .nav-pills .nav-link.active {
    background-color: #FFF;
}

.not-found {
    padding: 10px;
    text-align: center;
}

.scan-summry-details .fade.active {
    opacity: 1;
}

.bootstrap .h1,
.bootstrap .h2,
.bootstrap .h3,
.bootstrap h1,
.bootstrap h2,
.bootstrap h3 {
    margin-top: 0;
}

.bootstrap .table>tbody>tr>td,
.bootstrap .table>tbody>tr>th,
.bootstrap .table>tfoot>tr>td,
.bootstrap .table>tfoot>tr>th,
.bootstrap .table>thead>tr>td {
    border-top: none;
}

.bootstrap .h1,
.bootstrap .h2,
.bootstrap .h3,
.bootstrap .h4,
.bootstrap .h5,
.bootstrap .h6,
.bootstrap h1,
.bootstrap h2,
.bootstrap h3,
.bootstrap h4,
.bootstrap h5,
.bootstrap h6 {
    font-family: "Outfit", sans-serif;
}

body .bootstrap .table tbody>tr>td {
    padding: .5rem .5rem;
}
.bootstrap .table {
    margin-bottom: 0;
}
body .tbliIconOrange {
    background: #fcb903 !important;
    color: #fff;
}

body .tbliIconGreen {
    background: #4ea07c !important;
    color: #fff;
}
.scan-summry-detail-list-header .row {
    width: 100%;
}
.scan-summry-detail-list .cstm-tab-content td {
    font-size: 14px !important;
    font-weight: 400;
    color: #000 !important;
}
.scan-summry-detail-list-header hr {
    border-top: var(--bs-border-width) solid !important;
}
nav#header_infos {
    top: 0;
}


@media (max-width: 1440px) {
    .upkepr-div-tabmain-section .container {
        width: 100%;
    }
}

@import url("https://fonts.googleapis.com/css?family=Outfit:700,600,300,800,500,400|Poppins:700");

/* body {
background: #f9f9f6;
} */

.upkepr-div-tabmain-section *,
.upkepr-div-tabmain-section h2,
.upkepr-div-tabmain-section p {
font-family: "Outfit", sans-serif;
transition: all 0.5s;
}
.health-report-banner-header li {
margin: 0;
}
.health-report-banner-header .primary-btn i {
font-family: dashicons;
}

.upkepr-div-tabmain-section a {
text-decoration: none;
}
.upkepr-div-tabmain-section .highlight, .connect-popup .highlight {
color: #8468f5;
background: transparent;
}
.upkepr-div-tabmain-section h2 {
font-size: 32px;
font-weight: 700;
line-height: normal;
color: #222222;
}

.plugin-heading {
margin-bottom: 20px;
}
.key-configration-input-copy {
margin-top: 20px;
}
.upkepr-div-tabmain-section p {
color: #222222;
font-size: 16px;
font-weight: 300;
margin: 0;
}
.pulgin-welcome-banner-img table td h2 {
font-size: 22px;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
}
.cstm-card {
background: #FFF;
filter: drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.08));
border: 1px solid #F2F2F2;
border-radius: 20px;
}
.pulgin-welcome-banner-img {
width: 50%;
display: flex;
padding: 50px 50px 50px 0;
}
.pulgin-welcome-banner-img table td .list {
display: flex;
align-items: start;
gap: 8px;
}
.pulgin-welcome-banner-img table td td {
padding: 6px 0;
}
.upkepr-div-tabmain-section .click-to-complete {
background: #F24F47;
}
.upkepr-div-tabmain-section .scan-now {
background: #4EA07C;
}

section {
margin: 50px 0;
}

.pulgin-welcome-banner {
display: flex;
justify-content: space-between;
overflow: hidden;
align-items: start;
}

.primary-btn {
margin-top: 20px;
padding: 14px 22px;
border-radius: 8px;
background: linear-gradient(88deg, #EC74E7 -45.12%, #8468F5 74.37%);
color: #FFF;
font-size: 16px;
font-weight: 500;
text-decoration: none;
display: inline-block;
line-height: normal;
}

.pulgin-welcome-banner-text {
padding: 45px;
flex: 1;
}

.pulgin-welcome-banner-text h2 {
margin-bottom: 20px;
}

.primary-btn:hover {
background: linear-gradient(270deg, #EC74E7 -45.12%, #8468F5 74.37%);
color: #fff;
}

.pulgin-welcome-banner-img img {
width: 100%;
object-fit: cover;
object-position: left;
}

.pulgin-welcome-banner-img {
width: 50%;
display: flex;
}

.pulgin-welcome-banner-text img {
margin-bottom: 20px;
}
/* .wordpress-pulgin-welcome {
margin-top: 0;
} */
.key-configration {
margin-top: 20px;
}
.how-configure-list {
padding: 0;
margin: 0;
}
.how-configure-list li {
margin-bottom: 15px;
font-weight: 300;
position: relative;
padding-left: 20px;
}
.how-configure-list li strong{
font-weight: 600;
}
.how-configure-list li::before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #222;
position: absolute;
top: 8px;
left: 0;
}
.how-configure-inner-list {
margin-top: 15px;
padding: 0;
}
.how-configure-inner-list li {
margin-bottom: 10px;
}
.how-configure-inner-list li::before {
background: transparent;
border: 1px solid #222;
}
p.upkpr-success, .upkpr-errors.errors.error  {
border: 1px dashed #4bb543;
color: #4bb543 !important;
font-weight: 500;
padding: 10px 25px;
display: inline-flex;
margin: 10px auto;
align-items: center;
justify-content: center;
text-align: center;
}
.upkpr-errors.errors.error {
border-color: #ff0000;
color: #ff0000 !important;
}
.notifictatopn-message {
text-align: center;
margin-top: 10px;
}

/*=================Plugin-Intsallation-Start=================*/
.pulgin-intallation-inner {
padding: 30px;
position: relative;
}

.pulgin-intallation-inner .list {
display: flex;
gap: 10px;
padding: 12px 0;
}

.pulgin-intallation-inner .list img {
height: 22px;
width: 22px;
margin-top: 3px;
}

.pulgin-intallation-inner h2 {
margin-bottom: 25px;
text-transform: capitalize;
}

.pulgin-intallation-inner .list p {
color: #000;
font-size: 17px;
}

.pulgin-intallation-inner .list:not(:last-child) {
border-bottom: 1px solid #EBEBEB;
}

.pulgin-intallation-inner:before {
border-left: 1px solid #EBEBEB;
position: absolute;
content: '';
height: calc(100% - 60px);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/*=================Plugin-Intsallation-End=================*/

/*=================Plans=and=conections-Start=================*/
.plan-connetion-inner {
border-radius: 20px;
border: 1px solid rgba(132, 104, 245, 0.20);
/* background: #FDF1F5;
box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08); */
padding: 35px;
height: 100%;
}

.b-tns {
display: flex;
gap: 15px;
margin-top: 20px;
}

.bg-btn {
background: #222;
border: 2px solid #222;
border-radius: 8px;
padding: 11px 26px;
color: #FFF;
font-weight: 500;
line-height: normal;
text-decoration: none;
}

.brdr-btn {
border: 2px solid #222;
border-radius: 8px;
padding: 11px 26px;
color: #222;
font-weight: 500;
line-height: normal;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
}

.bg-btn:hover {
background: transparent;
color: #222;
}

.brdr-btn:hover {
background: #222;
color: #fff;
}

.plan-connetion-inner p {
font-size: 18px;
}

/* .plan-connetion-inner.Connection-inner {
border: 1px solid rgba(94, 212, 143, 0.30);
background: #EFFBF4;
} */
.plan-connetion-inner .list {
display: flex;
align-items: center;
gap: 8px;
padding-top: 20px;
position: relative;
}
.connect-list-icon {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #4EA07C;
display: flex;
align-items: center;
color: #fff;
justify-content: center;
font-size: 13px;
margin-top: 3px;
}
span.connect-list-icon.info {
background: #ff9109;
}
.plan-connetion-inner .list:not(:last-child):before {
content: '';
position: absolute;
left: 8px;
height: 96%;
border-left: 2px dashed #222;
top: 90%;
}
.plan-connetion-inner .list img {
width: 20px;
}

.site-connected {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 20px;
}

.site-connected img {
width: 30px;
}

.site-connected-line {
width: 60px;
border-top: 2px dashed #ad59f9;
}

.site-connected-heading {
display: flex;
align-items: center;
justify-content: space-between;
}

.site-connected img {
width: 35px;
height: 35px;
object-fit: contain;
}

.connetion-site-logo {
width: 35px;
height: 35px;
background: #8468f5;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
padding: 5px;
}

.connetion-site-logo img {
filter: invert(1) brightness(100);
width: 22px;
height: 22px;
}


/*=================Plans=and=conections=End================*/
footer {
background: #fff;
padding: 30px 0;
}

.by-webgarh {
color: #222;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 14px;
}

footer ul {
display: flex;
list-style: none;
gap: 20px;
padding: 0;
margin: 0;
}

footer ul a {
color: #222;
text-decoration: none;
font-size: 14px;
}

footer ul a img {
width: 100px;
margin-right: 20px;
}

footer ul a:hover,
.by-webgarh:hover {
color: #8468f5;
}

.upkepr-div-tabmain-section header {
background: #fff;
padding: 20px 0;
}

header .by-webgarh {
color: #8468f5;
font-size: 16px;
}



/*=================conections=details=Start================*/
.key-configration .primary-btn {
padding: 12px 30px;
margin: 0;
}

/* .key-configration-input-copy {
padding: 25px;
} */

.key-configration-input {
display: inline-block;
position: relative;
width: 100%;
/*  max-width: 50%; */
}

.key-configration-input input {
background: #f6f7f7;
padding: 10px 50px 10px 20px;
border-radius: 50px;
border: 1px solid #d1d5d5 !important;
width: 100%;
}

.key-configration-input i {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
font-size: 18px;
}


.vulnerabiliti-item {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
padding: 15px 30px;
}

.vulnerabiliti-item img {
width: 45px;
}

.vulnerabiliti-item-score-value {
color: #935bf0;
font-size: 40px;
font-weight: 600;
width: 100px;
height: 100px;
min-width: 100px;
display: flex;
align-items: center;
justify-content: center;
border: 7px solid #935bf0;
border-radius: 50%;
}

.vulnerabiliti-info .col-md-4:nth-child(2) {
border-left: 1px solid #F1F1F1;
border-right: 1px solid #F1F1F1;
}

.vulnerabiliti-item-score h5 {
margin: 0;
letter-spacing: 1px;
color: #222;
font-size: 22px;
line-height: 140%;
font-weight: 600;
}

section.connection-page-overview .pulgin-welcome-banner-text h2 {
margin-bottom: 10px;
}

.cstm-tabs {
margin-bottom: 30px;
gap: 30px;
}

.cstm-tabs .nav-link {
color: #222;
font-size: 20px;
font-weight: 500;
padding: 10px;
background: transparent !important;
font-family: var(--font-family-outfit);
border-bottom: 2px solid transparent;
border-radius: 0;
}

.cstm-tabs .nav-link.active {
color: #8468F5;
border-color: #8468F5;
}

.cstm-tab-content table {
border: 1px solid #EBEBEB;
margin: 0;
width: 100%;
}

.cstm-tab-content tr {
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
}

.cstm-tab-content th,
.cstm-tab-content td {
color: #222;
font-size: 16px;
font-weight: 500;
padding: 10px 20px;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
--bs-table-color-type: var(--bs-table-striped-color) !important;
--bs-table-bg-type: #F7F6FE !important;
box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))) !important;
}
.mvbsbContentBox {
border-radius: 10px;
border: 1px dashed rgba(0, 166, 228, 0.40);
background: rgba(0, 166, 228, 0.07);
padding: 30px;
margin-top: 10px;
width: 100%;
}
.primary-btn.howToFix.active i {
transform: rotate(180deg);
}
.mvbsbContentBox  .mcbBlockText {
background: #f1f1f1;
padding: 24px;
margin-bottom: 21px;
margin-top: 21px;
border: 1px dashed #ccc;
border-left: 4px solid #ccc;
}
.mvbsbContentBox  .mcbBlockGreen {
border-color: #039767;
background: #0397671a;
}
.mvbsbContentBox .mcbBlockGreen td, .mvbsbContentBox .mcbBlockGreen th {
background: transparent !important;
box-shadow: none !important;
border-color: #0397673b;
}
body .plugin-data-upkepr-head {
font-size: 16px;
color: #222;
margin-bottom: 5px;
}
body .cstm-tab-content tbody p {
font-size: 13px;
}
body .cstm-tab-content td{
box-shadow: none !important;
}
.cstm-tab-content th:not(:first-child) {
width: 16%;
}
.mvbsbContentBox ul li {
list-style: disc;
/* list-style-position: inside; */
}
.mvbsbContentBox ul {
/* padding: 0; */
margin-top: 20px;
}
.mvbsbContentBox h2 {
font-size: 21px;
}

.cstm-tab-content {
width: 100%;
}

.connection-page-overview .pulgin-welcome-banner-text {
padding: 25px;
}

.vulnerabiliti-detected-list {
padding: 0;
margin: 0;
list-style: none;
}

.vulnerabiliti-detected-list li {
font-size: 15px;
margin: 10px 0;
position: relative;
padding-left: 20px;
}

.vulnerabiliti-detected-list li:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
left: 0;
top: 5px;
}

.risk-detected:before {
background-color: #F24F47;
}

.good-detected:before {
background-color: #4EA07C;
}

.warning-detected:before {
background-color: #FCB903;
}

.risk-detected span {
color: #F24F47;
}

.good-detected span {
color: #4EA07C;
}

.warning-detected span {
color: #FCB903;
}

.scan-now {
text-align: center;
}

.scan-now .primary-btn {
margin: 0;
font-size: 18px;
letter-spacing: 1px;
}

.scan-now .primary-btn i {
margin-right: 5px;
}

.vulnerabiliti-info {
display: none;
margin-top: 30px;
}

.vulnerabiliti-info.vulnerabiliti-show {
display: flex;
}

.connection-table-popup table {
filter: blur(5px);
min-height: 350px;
}

.connection-vulnerbilities-table {
position: relative;
}
.cstm-tab-content th h2 {
font-size: 16px;
font-weight: 500;
}
/* body .cstm-tab-content td:first-child {
width: 42px;
} */
.cstm-tab-content .upkpr-accordion-content * {
border: none;
}
.upkepr-div-tabmain-section a:focus {
box-shadow: none !important;
}
.cstm-tab-content .upkpr-accordion-content td {
font-weight: 300;
font-size: 15px;
padding: 10px 24px;
}
.cstm-tab-content .upkpr-accordion-content td strong {
color: #000;
font-weight: 500;
}


/*=================conections=details=End================*/

/*=================Signup=popup=Start================*/
.signup-more-details-popup-key {
border-radius: 20px;
border: 1px solid #e2ccf1;
background: #FFF;
box-shadow: 0px 8px 35px 1px rgb(0 0 0 / 19%);
max-width: 600px;
width: 100%;
text-align: center;
padding: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.signup-more-details-popup{
/* border-radius: 20px;
border: 1px solid #e2ccf1; */
background: #FFF;
/* box-shadow: 0px 8px 35px 1px rgb(0 0 0 / 19%);
max-width: 600px; */
width: 100%;
text-align: center;
padding: 45px;
/* position: absolute; */
/* top: 50%; */
/* left: 50%; */
/* transform: translate(-50%, -50%); */
/* z-index: 1; */
}
.signup-more-details-popup h2 {
font-size: 28px;
margin-bottom: 20px;
font-weight: 700;
color: #222222;
}
.signup-more-details-popup p {
font-size: 14px;
margin: 15px 0;
}
/* .upkpr-modal-content.signup-more-details-popup {
max-width: 1100px;
} */
.signup-more-details-popup .primary-btn {
margin-top: 0;
}
.upkpr-close {
border-radius: 50%;
background: linear-gradient(88deg, #EC74E7 -45.12%, #8468F5 74.37%);
color: #FFF;
font-size: 26px;
font-weight: 500;
text-decoration: none;
display: flex;
line-height: normal;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
position: absolute;
top: 15px;
right: 15px;
}
.upkpr-close:hover {
background: linear-gradient(274deg, #EC74E7 -45.12%, #8468F5 74.37%);
color: #fff;
}
/* .key-configration-input.step2-key {
margin: 10px 0 0;
max-width: 90%;
} */
.key-configration-input i:hover {
color: #8468f5;
}
.upkpr-modal-content.signup-more-details-popup.cstm-card {
margin-bottom: 50px;
}

/*=================Signup=popup=End================*/







/*=================Health=report=Start================*/
.health-report-banner {
border-radius: 20px;
border: 1px solid #F2F2F2;
background: #FFF;
box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.04);
}

.health-report-banner-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #F1F1F1;
padding: 20px;
}

.health-report-header-left {
display: flex;
align-items: center;
gap: 10px;
}

body .how-upkepr-protect-wordpress-websites {
font-size: 24px;
font-weight: 600;
line-height: 27px;
text-transform: capitalize;
color: #222;
margin-bottom: 2px;
}

.health-report-header-left a,
.health-report-header-left p {
color: #715DE3;
line-height: normal;
font-weight: 400;
font-size: 16px;
}

.health-report-header-right {
display: flex;
align-items: center;
gap: 20px;
}

.pulgin-welcome-banner-img table td {
box-shadow: none;
padding: 10px 12px;
}
.copy-link {
color: #222;
font-weight: 500;
display: flex;
align-items: center;
gap: 7px;
}

.download-pdf {
text-transform: uppercase;
font-weight: 600;
padding: 11px 20px;
border-color: #715de3;
color: #715de3;
}

.download-pdf:hover {
background-color: #715de3;
}

.brdr-btn:hover img {
filter: invert(1) brightness(100);
}

.health-report-overall-score {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
gap: 50px;
}

.health-overall-score-right {
border-radius: 6px;
background: linear-gradient(112deg, #8163F3 0.45%, #A29AFF 99.2%);
padding: 30px 60px;
max-width: 440px;
text-align: center;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
}

.health-overall-score-right h2.how-upkepr-protect-wordpress-websites {
color: #FFF;
font-size: 32px;
line-height: normal;
margin-bottom: 0;
}

.health-overall-score-right p {
color: #FFF;
font-size: 15px;
font-weight: 500;
line-height: 23px;
margin: 10px 0 15px;
}

.health-overall-score-right .bg-btn {
color: #222;
background: #fff;
border-color: #fff;
padding: 12px 34px;
}

.health-overall-score-right .bg-btn:hover {
background: transparent;
color: #fff;
}

.overall-score-main {
display: flex;
align-items: center;
padding: 20px;
gap: 35px;
max-width: 620px;
padding-right: 0;
}

.overall-score-main img {
max-width: 180px;
width: 100%;
}

.overall-score-main h4 {
color: #222;
font-size: 24px;
line-height: 24px;
font-weight: 500;
}

.last-date-cms {
display: flex;
align-items: center;
gap: 10px;
margin: 20px 0 12px;
}

.overall-score-main .last-date {
padding: 5px 10px;
text-align: center;
font-size: 12px;
font-weight: 400;
color: #6D6D6D;
display: flex;
align-items: center;
border-radius: 4px;
border: 1px solid #B4EBCB;
background: #F1FFF7;
gap: 3px;
}

.overall-score-main .last-date i {
font-size: 15px;
}

.overall-score-main .last-date span {
color: #222;
font-weight: 500;
}

.last-date-cms .cms {
padding: 5px 10px;
text-align: center;
font-size: 12px;
display: flex;
align-items: center;
border-radius: 4px;
border: 1px solid #CBC2FF;
background: #F5EFFF;
color: #222;
gap: 3px;
letter-spacing: 0.24px;
}

.last-date-cms img {
width: 18px;
}

.overall-score-main p {
color: #222;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}

.see-full-list {
color: #715DE3;
font-size: 16px;
line-height: normal;
cursor: pointer;
}

.see-full-list i {
color: #715DE3;
font-size: 14px;
margin-left: 5px;
}


/*scan summmry Start*/
.scan-summry-left {
background: #FFF;
filter: drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.08));
border: 1px solid #F2F2F2;
max-width: 300px;
border-radius: 20px;
}

.scan-summry-header .site-logo {
width: 40px;
}

.scan-summry-header {
display: flex;
align-items: center;
gap: 5px;
padding: 20px 15px;
}

.scan-summry-header h2 {
margin: 0 !important;
font-size: 20px;
}

.scan-summry-inner {
display: flex;
gap: 30px;
align-items: flex-start;
}

.scan-summry-details {
background: #FFF;
filter: drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.08));
border: 1px solid #F2F2F2;
border-radius: 20px;
flex: 1;
}

.scan-summry-left .nav-pills .nav-link {
background: transparent;
display: flex;
align-items: center;
gap: 12px;
text-align: left;
border-right: 3px solid transparent;
border-radius: 0;
padding: 12px 15px;
border-top: 1px solid #F1F1F1;
position: relative;
}

.scan-summry-left .nav-pills .nav-link h3 {
color: #222;
font-size: 16px;
line-height: normal;
}

.scan-summry-left .nav-pills .nav-link p {
color: #6D6D6D;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin-top: 5px;
}

.scan-summry-left .nav-pills .nav-link.active {
border-right: 3px solid #8468F5;
}

.scan-summry-left .nav-pills .nav-link.active:after {
border-top: 8px solid transparent;
border-left: 12px solid #8468F5;
border-bottom: 8px solid transparent;
content: '';
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
}

.scan-summry-details .how-upkepr-protect-wordpress-websites {
font-size: 20px;
margin-bottom: 0;
}

.scan-summry-details-tabs .nav-pills {
border-radius: 6px;
border: 1px solid #E2D6D6;
background: #F1F1F1;
overflow: hidden;
}

.scan-summry-details-tabs .nav-pills .nav-link {
border-radius: 0;
color: #222;
font-size: 15px;
line-height: normal;
padding: 12px 14px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 100%;
}

.scan-summry-details-tabs .nav-pills li:nth-child(2) .nav-link {
border-left: 1px solid #E2D6D6;
border-right: 1px solid #E2D6D6;
}

.scan-summry-details-tabs .nav-pills .nav-link.active {
background: #646464;
color: #fff;
}

.scan-summry-details-tabs .nav-pills .nav-link.active img {
filter: invert(1);
}

.scan-summry-tab-details {
padding: 0px 25px;
}

.scan-summry-detail-list {
padding: 30px 0;
border-top: 1px solid #ECEBEB;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
}

.scan-summry-detail-list:first-child {
border: none;
}
.scan-summry-detail-list-header {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.scan-summry-detail-list-header .row {
width: 100%;
}
body .tbliIconRed {
background: #F24F47 !important;
color: #fff;
}
body .tbliIconOrange {
background: #fcb903 !important;
color: #fff;
}
body .tbliIconGreen {
background: #4ea07c !important;
color: #fff;
}
.scan-detailes-list-icon {
width: 30px;
height: 30px;
margin-right: 10px;
background: #F24F47;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
}

.scan-summry-detail-list-header h4 {
color: #222;
font-size: 18px;
font-weight: 500;
margin: 0;
}

.scan-summry-detail-list-header p {
color: #222;
font-size: 15px;
font-weight: 300;
line-height: 24px;
margin-top: 10px;
width: 100%;
}
.scan-summry-left .nav-pills .nav-link .site-logo {
width: 70px;
}
.health-overall-score-right .bg-btn i {
margin-right: 5px;
}
.scan-summry-detail-list .primary-btn {
margin-top: 0;
font-size: 16px;
padding: 12px 22px;
gap: 4px;
font-weight: 400;
}

.scan-summry-detail-list .primary-btn i {
font-size: 12px;
}

.web-vitals-outer h2 {
color: #4A4A4A;
font-size: 20px;
font-weight: 500;
line-height: 27px;
text-transform: capitalize;
padding-bottom: 15px;
border-bottom: 1px solid #ECEBEB;
margin-bottom: 25px;
}

.web-vitals-container {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.web-vitals-list {
border-radius: 12px;
border-top: 6px solid #715DE3;
background: #FFF;
box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
width: calc(33.3% - 15px);
padding: 20px;
}
.web-vitals-list p {
color: #6D6D6D;
font-size: 14px;
font-weight: 300;
line-height: 24px;
margin-top: 10px;
}

.web-vitals-header {
display: flex;
align-items: center;
gap: 12px;
}

.web-vitals-header span {
border-radius: 50px;
background: #F3EFFF;
display: flex;
width: 60px;
height: 60px;
padding: 11px;
justify-content: center;
align-items: center;
}

.web-vital-right h6 {
color: #222;
line-height: 24px;
}

.web-vital-right h4 {
color: #715DE3;
font-size: 24px;
font-weight: 500;
line-height: normal;
}

.web-vitals-outer {
margin-top: 20px;
margin-bottom: 30px;
}

.scan-summry-tab-details .tab-pane {
display: none;
}

.scan-summry-tab-details .tab-pane.active {
display: block;
}

.cstm-tab-content td a {
color: #000;
word-break: break-word;
}

.cstm-tab-content td a i {
margin-left: 5px;
color: #8468F5;
}

.scan-summry-detail-list .cstm-tab-content th:not(:first-child) {
width: auto;
}

.scan-summry-detail-list .cstm-tab-content td {
font-size: 14px;
font-weight: 400;
}
.health-report-banner-header .upkepr-heading-text, .pulgin-welcome-banner .health-report-banner-header {
margin: 0;
padding: 0;
border: none;
}

/*scan summmry End*/




/*--------------------Responsive-----------------------*/
@media (max-width: 1366px) {
.web-vitals-list {
padding: 15px;
}

.health-overall-score-right h2.how-upkepr-protect-wordpress-websites {
font-size: 24px;
}

.health-overall-score-right {
padding: 25px;
max-width: 400px;
}

.scan-summry-details-tabs .nav-pills .nav-link {
font-size: 14px;
padding: 10px 10px;
gap: 5px;
}

.web-vital-right h6 {
line-height: 20px;
font-size: 15px;
}

.web-vitals-header span {
width: 55px;
height: 55px;
}

.analysis-scan-right {
max-width: 350px;
}
}


@media (max-width: 1024px) {
.health-overall-score-right {
max-width: 340px;
}

.health-overall-score-right .bg-btn {
padding: 10px 20px;
}

.health-overall-score-right p {
font-size: 14px;
}

body .how-upkepr-protect-wordpress-websites {
font-size: 22px;
}

.health-report-header-right {
gap: 20px;
}

.download-pdf {
padding: 10px 15px;
}

.scan-summry-left {
max-width: 260px;
}

.scan-summry-inner {
gap: 20px;
}

.scan-summry-left .nav-pills .nav-link {
gap: 8px;
padding: 10px 15px;
}

.health-report-overall-score {
gap: 30px;
}

.scan-summry-details .how-upkepr-protect-wordpress-websites,
.scan-summry-header h2 {
font-size: 18px;
}

.scan-summry-detail-list-header p {
font-size: 14px;
}

.scan-summry-details-tabs .nav-pills .nav-link {
font-size: 13px;
padding: 10px 7px;
gap: 3px;
}

.health-report-header-left .site-logo,
.scan-summry-header .site-logo {
width: 32px;
}

.health-report-header-left {
gap: 5px;
}

.health-report-banner-header {
padding: 15px;
}

.scan-summry-detail-list-header h4 {
font-size: 16px;
}

.scan-detailes-list-icon {
width: 25px;
height: 25px;
margin-right: 5px;
}

.scan-summry-detail-list .primary-btn {
font-size: 14px;
padding: 10px 16px;
}

.see-full-list {
font-size: 14px;
}

.scan-summry-detail-list {
padding: 20px 0;
gap: 15px;
}

.web-vitals {
flex-wrap: wrap;
justify-content: center;
}

.web-vitals-list {
width: calc(50% - 10px);
}

.analysis-scan-right {
max-width: 260px;
}

.overall-score-main {
gap: 15px;
padding: 0;
max-width: 550px;
}

.overall-score-main img {
max-width: 140px;
}

.overall-score-main .last-date {
padding: 5px 6px;
gap: 2px;
}

.last-date-cms .cms {
padding: 5px 6px;
font-size: 12px;
letter-spacing: 0.14px;
}

.last-date-cms img {
width: 15px;
}

.overall-score-main p {
line-height: 24px;
font-size: 15px;
}
}


@media (max-width: 991px) {
/* .health-overall-score-right {
display: none;
} */

.scan-summry-left {
max-width: 240px;
}

.scan-summry-tab-details {
padding: 0px 15px;
}

.health-report-banner-header {
flex-wrap: wrap;
}

.scan-summry-details-tabs {
margin-top: 15px;
}

.scan-summry-details-tabs .nav-pills .nav-link {
width: 100%;
padding: 10px 15px;
}

.cstm-tab-content th {
font-size: 14px;
}

body .how-upkepr-protect-wordpress-websites {
font-size: 20px;
}

.analysis-scan-inner {
padding: 25px;
gap: 40px;
}

.analysis-progress-heading h2,
.analysis-progress-processing {
font-size: 18px;
}

.analysis-progress-listing li {
font-size: 16px;
gap: 5px;
}

.analysis-progress .progress {
height: 15px;
}

.scanning-page-banner h1.outfit-bold-white-32px {
font-size: 32px;
letter-spacing: 0.6px;
margin-bottom: 15px;
}

.scanning-page-banner {
padding: 50px 0 200px;
}
}


@media (max-width:767px) {
.scan-summry-inner {
flex-wrap: wrap;
}

.scan-summry-left {
max-width: 100%;
}

body .how-upkepr-protect-wordpress-websites {
font-size: 18px;
line-height: normal;
margin: 0;
}

.overall-score-main {
flex-wrap: wrap;
justify-content: center;
text-align: center;
}

.health-report-header-right {
gap: 10px;
margin-top: 10px;
width: 100%;
justify-content: space-between;
}

.health-report-header-right .brdr-btn {
font-size: 13px;
padding: 10px 11px;
gap: 4px;
}

.health-report-header-right .brdr-btn img {
width: 14px;
}

.health-report-header-left .site-logo,
.scan-summry-header .site-logo {
width: 40px;
}

.scan-summry-left .nav-pills .nav-link.active {
background-color: #F5EFFF;
}

.scan-summry-left .nav-pills .nav-link.active:after {
display: none;
}

.web-vitals-list {
width: 100%;
}

.scan-summry-details-tabs .nav-pills li.nav-item {
width: 100%;
}

.scan-summry-details-tabs .nav-pills li:nth-child(2) .nav-link {
border-left: none;
border-right: none;
border-top: 1px solid #E2D6D6;
border-bottom: 1px solid #E2D6D6;
}

.web-vitals-outer h2 {
font-size: 18px;
line-height: 24px;
padding-bottom: 10px;
margin-bottom: 20px;
}

.scanning-page-banner h1.outfit-bold-white-32px {
font-size: 26px;
letter-spacing: 0;
margin-bottom: 15px;
line-height: normal;
}

.analysis-scan-inner {
flex-wrap: wrap;
justify-content: center;
}

.analysis-progress-heading h2,
.analysis-progress-processing {
font-size: 16px;
}

.analysis-progress {
margin: 20px 0 25px;
}

.overall-score-main img {
max-width: 120px;
}

.overall-score-main h4 {
font-size: 20px;
line-height: 20px;
}

.last-date-cms {
margin: 15px 0 12px;
justify-content: center;
}

}

/*=================Health=report=End================*/









/*=================Responsive================*/
@media (min-width: 768px) and (max-width: 991px) {

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 900px;
}
}

@media (min-width: 768px) {
.pulgin-intallation-inner .col-md-6 {
width: 47%;
}

.plan-and-connection .col-md-6 {
width: 49%;
}

}

@media (max-width: 1366px) {
.vulnerabiliti-item {
gap: 15px;
padding: 15px 20px;
}
}


@media (max-width: 1024px) {
h2 {
font-size: 26px;
}
}
@media (max-width: 1440px) {
.upkepr-div-tabmain-section .container {
width: 100%;
}
.pulgin-welcome-banner-text, .plan-connetion-inner, .signup-more-details-popup {
padding: 25px;
}
.signup-more-details-popup h2, .upkepr-div-tabmain-section h2 {
font-size: 22px;
}
.scan-summry-header h2 {
font-size: 20px;
}
.signup-more-details-popup .header h2 {
font-size: 28px;
}

.pulgin-intallation-inner .list p,
.plan-connetion-inner p,
p {
font-size: 15px;
}

.bg-btn,
.brdr-btn {
padding: 10px 15px;
font-size: 15px;
}

.pulgin-intallation-inner .list img {
height: 18px;
width: 18px;
}

.pulgin-welcome-banner-text {
padding: 30px;
}

.pulgin-welcome-banner-img {
width: 40%;
}

.vulnerabiliti-item-score h5 {
letter-spacing: 0px;
font-size: 18px;
}

.vulnerabiliti-item-score-value {
font-size: 32px;
width: 80px;
height: 80px;
min-width: 80px;
border: 4px solid #935bf0;
}

.vulnerabiliti-item {
gap: 12px;
padding: 10px;
}

.vulnerabiliti-detected-list li {
font-size: 14px;
}
.health-overall-score-right {
    padding: 30px 30px;
    max-width: 360px;
}
.health-report-overall-score {
    gap: 20px;
}
.overall-score-main p {
    font-size: 16px;
    line-height: 22px;
}
.health-overall-score-right h2.how-upkepr-protect-wordpress-websites {
    font-size: 26px;
}
.overall-score-main {
    gap: 20px;
}
.upkepr-heading-text a.primary-btn.scan-now-btn {
    white-space: nowrap;
    padding: 9px 12px;
    font-size: 15px;
}
.row.vulnerabiliti-info {
    margin: 0;
}
}


@media (max-width: 991px) {

.pulgin-intallation-inner .list p,
.plan-connetion-inner p,
p {
font-size: 14px;
}

h2 {
font-size: 22px;
}

.plan-connetion-inner {
padding: 20px;
}

.bg-btn,
.brdr-btn {
font-size: 14px;
}

.b-tns {
gap: 8px;
}

header .col-md-6 img {
width: 100px;
}

.vulnerabiliti-item {
padding: 0;
gap: 8px;
}

.vulnerabiliti-item-score-value {
font-size: 25px;
width: 70px;
height: 70px;
min-width: 70px;
}

.scan-now .primary-btn {
font-size: 16px;
}

.cstm-tab-content td {
font-size: 13px;
padding: 10px;
}

.cstm-tab-content th,
.cstm-tab-content td {
font-size: 13px;
padding: 10px;
}

.scan-summry-detail-list .cstm-tab-content td {
font-size: 13px;
}

.scan-summry-detail-list th:first-child {
width: 40%;
}

.key-configration-input {
max-width: 100%;
}

.signup-more-details-popup {
max-width: 500px;
padding: 30px;
}

.signup-more-details-popup h2 {
font-size: 22px;
margin-bottom: 15px;
}

.signup-more-details-popup p {
font-size: 14px;
margin: 15px 0;
}

.signup-more-details-popup .primary-btn {
font-size: 15px;
padding: 12px 20px;
}

.connection-table-popup table {
min-height: 300px;
}
}


@media (max-width: 1280px) {
body .upker-summry-outer .sticky-links{
max-width: 250px;
}
.primary-btn {
font-size: 14px;
}
.upkepr-div-tabmain-section p, body .how-configure-list li {
font-size: 14px;
}
body .signup-more-details-popup .pop-heading-new {
font-size: 15px;
}
.health-overall-score-right {
    max-width: 300px;
}
.vulnerabiliti-item-score h5 {
    font-size: 16px;
}

}

@media (max-width: 1024px) {
.health-report-overall-score {
    flex-wrap: wrap;
}
.health-overall-score-right {
    max-width: 100%;
}
}

@media (max-width: 991px) {
body .upker-summry-outer {
padding: 0px 20px;
}
body .signup-more-details-popup, body .pulgin-welcome-banner-text {
padding: 20px;
}
}

@media (max-width: 767px) {
.pulgin-welcome-banner-img {
display: none;
}

.pulgin-welcome-banner-text,
.pulgin-intallation-inner {
padding: 20px;
}

.primary-btn {
padding: 12px 15px;
font-size: 14px;
}

header .row {
flex-wrap: nowrap;
}

header .col-md-6,
header .col-md-4 {
width: auto;
}

header .by-webgarh {
font-size: 15px;
letter-spacing: 0;
}

section {
margin: 30px 0;
}

.pulgin-welcome-banner-text h2 {
margin-bottom: 15px;
}

.pulgin-intallation-inner:before {
display: none;
}

.pulgin-intallation-inner h2 {
margin-bottom: 15px;
}

.pulgin-intallation-inner .col-md-6+.col-md-6 {
border-top: 1px solid #EBEBEB;
padding-top: 15px;
margin-top: 5px;
}

.plan-and-connection .col-md-6+.col-md-6 {
margin-top: 20px;
}

.site-connected-line {
width: 50px;
}

footer .col-md-4.text-end {
text-align: center !important;
margin-top: 10px;
}

.by-webgarh {
letter-spacing: 0;
font-size: 12px;
}

footer ul li:first-child {
flex: 1;
}

footer {
padding: 20px 0;
}

/* .key-configration-input-copy {
padding: 15px;
} */

.key-configration-input input {
padding: 10px 40px 10px 12px;
font-size: 12px;
}

.key-configration-input i {
right: 12px;
font-size: 16px;
}

.key-configration .health-report-header-right {
justify-content: center;
margin-top: 15px;
}

.vulnerabiliti-info .col-md-4:nth-child(2) {
border-left: none;
border-right: none;
border-top: 1px solid #F1F1F1;
border-bottom: 1px solid #F1F1F1;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
margin-top: 15px;
}

.connection-table-popup table {
min-height: 300px;
}

.signup-more-details-popup {
max-width: 500px;
padding: 30px 20px;
}

.signup-more-details-popup h2 {
font-size: 18px;
margin-bottom: 12px;
}
.upker-summry-outer, .pulgin-welcome-banner, .coonection-with-upkepr-outer {
flex-wrap: wrap;
}
body .upker-summry-outer .sticky-links {
max-width: 100%;
position: unset;
}
.pulgin-welcome-banner-text {
flex: unset;
width: 100%;
}
.upker-summry-outer .right-side-summry .container {
    padding: 0;
}
body .coonection-with-upkepr-left, body .coonection-with-upkepr-right {
    width: 100%;
}
body .upker-summry-outer {
    margin-top: 10px;
}
.signup-more-details-popup .header h2 {
    font-size: 22px;
}
.coonection-with-upkepr-outer {
    padding-top: 0;
}
body .coonection-with-upkepr-right {
    margin-top: 25px;
}
footer ul a {
    font-size: 12px;
}
.upkpr-modal-content.signup-more-details-popup.cstm-card {
    margin-bottom: 30px;
}
.health-report-banner-header {
    gap: 5px;
}
}

@media (max-width: 360px) {
h2 {
font-size: 20px;
}

.plan-connetion-inner,
.pulgin-welcome-banner-text,
.pulgin-intallation-inner {
padding: 15px;
}

.bg-btn,
.brdr-btn {
padding: 8px 10px;
}

header .by-webgarh {
font-size: 14px;
}
}
.upkepr-div-tabmain-section .scan-summry-left .nav-pills .nav-link.active {
background-color: #FFF;
}
.not-found {
padding: 10px;
text-align: center;
}

.stepper-item.active .step-name {
color: green;
}
.coonection-with-upkepr-outer {
display: flex;
align-items: center;
justify-content: space-between;
/* border-top: 1px solid #d7d7d7;
margin-top: 40px; */
padding-top: 30px;
}
.coonection-with-upkepr-right {
width: 46%;
}
.coonection-with-upkepr-left {
width: 50%;
}
.coonection-with-upkepr-left .addButton {
text-align: left;
}
.coonection-with-upkepr-right img {
width: 100%;
}
.stepper-item.step1.completed {
opacity: 0.5;
}
.stepper-item .step-name {
display: none;
}
.coonection-with-upkepr-left h2 {
text-align: left;
}

.vulnerabiliti-side-link {
padding: 0;
}
.vulnerabiliti-side-link .nav-link a {
text-align: left;
border-right: 3px solid transparent;
border-radius: 0;
padding: 12px 15px;
border-top: 1px solid #F1F1F1;
position: relative;
width: 100%;
display: block;
}
.vulnerabiliti-side-link a {
color: #222;
text-decoration: none !important;
}
.vulnerabiliti-side-link .nav-link.active a:after {
border-top: 8px solid transparent;
border-left: 12px solid #8468F5;
border-bottom: 8px solid transparent;
content: '';
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
}
.vulnerabiliti-side-link .nav-link.active a {
border-right-color: #8468f5;
}
.vulnerabiliti-side-link .nav-link a:hover, .vulnerabiliti-side-link .nav-link.active a, .vulnerabiliti-side-link .nav-link.active a:focus {
color: #8468f5;
}
.vulnerabiliti-side-link .nav-link ul {
border-top: 1px solid #F1F1F1;
padding-left: 40px;
}
.vulnerabiliti-side-link .nav-link ul li:first-child a {
border-top: none;
}
.vulnerabiliti-side-link .nav-link ul li a {
padding-left: 0;
}
.upker-summry-outer .right-side-summry .container {
width: 100%;
max-width: 100%;
}
.upker-summry-outer {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 0px 30px;
margin-top: 30px;
}
.upker-summry-outer .sticky-links {
max-width: 300px;
width: 100%;
position: sticky;
top: 60px;
}
.upker-summry-outer section.connection-page-overview {
margin-top: 0;
}
.upker-summry-outer .scan-summry-main .scan-summry-left {
display: none;
}
.upkepr-div-tabmain-section header .container {
max-width: 100%;
width: 100%;
padding: 0px 30px;
}

.vulnerabiliti-side-link .nav-link i.fa-solid.fa-angles-right {
font-size: 12px;
}

.connect-list-icon.check + p {
color: #4EA07C;
}
.connect-list-icon.errors + p {
color: #F24F47;
}
.connect-list-icon.info + p {
color:#ff9109;
}
/* .steps-descriptions {
padding: 20px;
margin: 20px 0;
background: #f5f3fb;
border-radius: 10px;
box-shadow: 0 8px 31px 0 rgb(0 0 0 / 5%);
border: 1px dashed #a081ff;
text-align: left;
}    */
.steps-descriptions {
text-align: left;
margin: 20px 0;
}

span.connect-list-icon.errors {
background: #F24F47;
}
.stepper-item.active .step-counter {
background: #6d7378;
color: #fff;
border-color: #6d7378;
font-weight: 600;
}
.signup-more-details-popup p a {
color: #8468f5;
font-weight: 500;
}
.signup-more-details-popup .pop-heading-new {
font-weight: 500;
font-size: 18px;
text-align: left;
margin-top: 0px;
}
.coonection-with-upkepr-right-video {
padding-bottom: 56.25%;
position: relative;
border-radius: 15px;
overflow: hidden;
}
.coonection-with-upkepr-right-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.stepper-item.step1.completed + .stepper-item.step2:before {
display: none !important;
}

.upkepr-div-tabmain-section footer .container {
padding: 0px 30px;
width: 100%;
max-width: 100%;
}
.right-side-summry {
    flex: 1;
}