@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;
}