.checklist-banner {text-align: center;}
  .checklist-banner p { font-size: clamp(1.125rem, 0.7924rem + 0.6938vw, 1.625rem); max-width: 1009px; margin: 0 auto;}

  @media (max-width:767px){
    .checklist-banner h1{margin-bottom: 30px;}
  }

 /* ================================================================================  */
.checklist-scorecard{margin-bottom: 110px;}
.checklist-scorecard.scorecard5{margin-bottom: 45px;}
.checklist-scorecard h2{font-size: 30px; margin-bottom: 50px; font-weight: 700;}
.checklist-scorecard:nth-child(even) .checklist-container{background-color: #F4F4F4;}
.checklist-container { max-width: 1091px; margin: 0 auto; padding: 30px 50px; border: 1.5px solid #222; border-radius: 16px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.03);}
  
  .checklist-table { width: 100%; border-collapse: collapse; font-size: 16px; margin: 0;}
  .checklist-table th, .checklist-table td { padding: 16px 8px; text-align: left;}
  .checklist-table th { font-weight: 700; text-align: center; padding-top: 0; font-size: 18px;}
  .checklist-table td { text-align: center; vertical-align: middle; border: 0; width: 97px;}
  .checklist-table th:first-child, .checklist-table td:first-child { text-align: left; width: calc(100% - 291px); font-weight: 600; padding-left: 0; font-size: 18px;}
  .checklist-table tr:not(:last-child) td {border-bottom: 1px solid #D0D0D0;}
  .checklist-table tr:last-child td{border-bottom: 0;}
  
.custom-radio { display: inline-block; position: relative; width: 28px; height: 28px; margin: 0 auto; cursor: pointer;}
.custom-radio input[type="radio"] { opacity: 0; width: 0; height: 0; position: absolute;}

.checkmark { position: absolute; top: 50%; left: 50%; height: 26px; width: 26px; background: transparent; border-radius: 50%; border: 1px solid #000; transition: border-color 0.2s; box-sizing: border-box; transform: translate(-50%, -50%);}

.custom-radio input[type="radio"]:checked + .checkmark { background: #111; border-color: #111;}

.checkmark:after { content: ""; position: absolute; display: none;}

.custom-radio input[type="radio"]:checked + .checkmark:after {display: block;}
.custom-radio .checkmark:after { left: 8px; top: 3px; width: 8px; height: 15px; border: solid #fff; border-width: 0 3px 3px 0; border-radius: 0px; transform: rotate(45deg); content: ""; position: absolute;}
 
.checklist-score-block .error-radio{color: red;}
.checklist-score-block .radio-error-msg{text-align: center; margin-bottom: 25px; color: red;}
.checklist-score-block .submit-center{text-align: center;}

@media (max-width:991px){
  .checklist-scorecard {margin-bottom: 60px;}
  .checklist-scorecard h2{font-size: 24px; margin-bottom: 30px;}
  .checklist-container{padding: 25px 30px;}
  .checklist-table td{width: 70px;}
  .checklist-table th{font-size: 14px; padding: 0;}
  .checklist-table th:first-child, .checklist-table td:first-child{width: calc(100% - 210px);}
}

@media (max-width:767px){
  .checklist-scorecard {margin-bottom: 40px;}
  .checklist-scorecard h2{font-size: 20px; margin-bottom: 25px;}
  .checklist-container {padding: 8px;}
  .checklist-table th, .checklist-table td {padding: 8px 2px;}
  .checklist-table th:first-child, .checklist-table td:first-child{font-size: 15px;}
  .checklist-scorecard.scorecard5 {margin-bottom: 30px;}
}

@media (max-width:520px){
  .checklist-scorecard h2{font-size: 19px; margin-bottom: 20px;}
  .checkmark{height: 20px; width: 20px;}
  .checklist-table td {width: 45px;}
  .checklist-table th{font-size: 12px; padding-bottom: 0;}
  .checklist-table th:first-child, .checklist-table td:first-child{width: calc(100% - 135px); font-size: 12px;}
  .custom-radio .checkmark:after{left: 6px; top: 2px; width: 6px; height: 11px; border-width: 0 2px 2px 0;}
}

/* =========================================================================== */
.personalized-email-report .section-title{max-width: 1111px; margin-left: auto; margin-right: auto;}
.personalized-email-report form#personalized-email-report-form{max-width: 650px; margin: 0 auto;}

/* ===================================================================================== */
.optimization-report{padding-top: 0;}
.report-banner{padding-bottom: 0; display: inline-block; width: 100%; margin-bottom: 180px;}
.report-banner .score-chart{width: 294px; height: 294px; margin: 0 auto; border: 31px solid #fff; border-radius: 100%; margin-bottom: -180px; text-align: center; background-color: #fff;}
.report-banner .score-chart figure{display: flex; margin-bottom: 20px; justify-content: center;}
.report-banner .score-chart h4{font-size: 34px; font-weight: 400; line-height: 1.2;}
.report-banner .score-chart h4 .total-scrore-count, .report-banner .score-chart h4 .total-scrore-count span{font-weight: 700;}

.report-score-card{margin-bottom: 110px;}

.report-score-card h2{font-size: 30px; margin-bottom: 20px; font-weight: 700;}
.report-score-card .card-scorde-count{text-align: center; margin-bottom: 43px;}
.report-score-card h5{font-size: 26px; font-weight: 400; display: inline-flex; margin: 0; border-bottom: 6px solid #FFDB2D;}
.report-score-card h5 .total-scrore-count, .report-score-card h5 .total-scrore-count span{font-weight: 700; padding-left: 5px;}

.issue-table-container { max-width: 1091px; margin: 0 auto; padding: 35px 57px 60px 77px; background: #eaf7f0; border: 1.5px solid #222; border-radius: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.03);}
  .background-red .issue-table-container{background: #FFE9EA;}
  
  .issue-table-container > .btn{text-align: center; margin-top: 20px;}
  .issue-table {position: relative; width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Inter', Arial, sans-serif; font-size: 17px; background: transparent; margin: 0; z-index: 2;}
  .issue-table tbody{position: relative; z-index: 1;}
  .issue-table tbody:before{position: absolute; content: ""; height: 100%; width: 330px; background-color: #fff; border-radius: 20px; z-index: -1; left: -43px;}
  .issue-table th, .issue-table td { padding: 18px 16px; text-align: left; border: 0;}
  .issue-table th { background: none; font-weight: 600; font-size: 18px;}
  .issue-table .issue-label { font-weight: 500; width: 287px;}
  .issue-table tr:not(:last-child) td {border-bottom: 1px solid #D0D0D0;}
  .issue-table td:first-child{padding-left: 0;}
  .issue-table td:last-child{position: relative;}
  
  .tooltip-container { display: inline-block; margin-left: 8px; vertical-align: middle;}
  .info-icon { font-size: 22px; cursor: pointer;}
  .tooltip-text { visibility: hidden; opacity: 0; width: 100%; background: #fff; color: #000; border: 1px solid #000; text-align: left; padding: 10px 14px; position: absolute; z-index: 10; top: 75%; right: 0; font-size: 15px; font-weight: 400; /* box-shadow: 0 2px 8px rgba(0,0,0,0.10); */ transition: opacity 0.2s; pointer-events: none;}
  .tooltip-container:hover .tooltip-text, .tooltip-container:focus-within .tooltip-text { visibility: visible; opacity: 1;}

  @media (max-width: 991px) {
    .report-score-card {margin-bottom: 60px;}
    .report-score-card h2{font-size: 24px;}
    .issue-table tbody:before{width: 270px; left: -20px;}
    .issue-table-container{padding: 15px 25px 30px 40px;}
    .issue-table .issue-label{width: 250px;}

  }

  @media (max-width: 767px) {
    .report-banner .score-chart h4{font-size: 30px;}
    .report-score-card {margin-bottom: 40px;}
    .report-score-card h2 { font-size: 20px; margin-bottom: 15px;}
    .report-score-card h5{font-size: 20px; border-bottom-width: 4px;}
    .report-score-card .card-scorde-count{margin-bottom: 25px;}
    .issue-table tbody:before{display: none;}
    .issue-table-container {padding: 12px 12px;}
    .issue-table th, .issue-table td { padding: 10px 4px; font-size: 15px;}
    .issue-table .issue-label { width: 190px;}
    .issue-table td:last-child{position: static;}
    .info-icon{font-size: 16px;}
    .tooltip-container{margin-left: 2px;}
    .tooltip-text{font-size: 12px; top: auto; padding: 10px 10px; margin-top: 20px;}
    .tooltip-text br{display: block;}
  }
  
  @media (max-width: 520px) {
    .report-score-card h2{font-size: 19px;}
    .issue-table .issue-label{width: 50%;}
    .issue-table th, .issue-table td { padding: 8px 4px; font-size: 12px;}
  }