.web-form-container {
    /* Set the container to take full width of its parent */
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
  
.web-form-content {
    /* Set width to the actual PDF width */
    width: 12.5in; /* Or whatever your actual PDF width is */

    /* This creates the scaling effect */
    transform-origin: top center;
    transform: scale(calc(min(100vw / (8.5in), 1)));

    /* Ensure margin is zero to prevent spacing issues */
    margin: 0;
}

@media print {
    .web-form-content {
        /* Reset transform for printing */
        transform: none;
        width: 100%;
    }
}


.web-header-section,
.web-body-section {
    overflow: auto;
    width: 100%;
    padding-top: 3px;
}

.web-logo-section,
.web-summary-text-holder,
.web-country-name-section,
.web-country-name-section-label,
.web-scores-holder,
.web-scored-values-holder,
.web-metric-holder,
.web-metric-values-holder {
float: left;
}

.web-country-name-section {
width: 31%;
}

.web-scores-holder {
width: 14%;
text-align: center;
}

.web-scored-values-holder {
width: 4%;
height: 6%;
border-right-color: #aed136;
border-right-style: solid;
border-right-width: 1px;
}

.web-metric-holder {
padding-left: 5px;
width: 21%;
}

.web-metric-values-holder {
width: 5%;
}

.web-cpi-text {
padding-bottom: 15px;
color: #1D4C7E;
}

.web-basel-text {
color: #1D4C7E;
}

.web-summary-text-holder {
text-align: center;
width: 25%;
}

.web-summary-text {
    margin-bottom: 0px !important;
}

.web-country-name-section-label {
min-width: 10%;
max-width: 10%;
}

#web-summary-main {
font-size: 35px !important;
line-height: 37px;
float: right;
}

#web-summary-minor {
font-size: 20px !important;
line-height: 20px;
color: #1D4C7E;
}

.web-high-holder {
padding: 5px;
padding-top: 0px;
float: right;
}

.web-moderate-holder {
padding: 5px;
padding-top: 0px;
float: right;
}

.web-low-holder {
padding: 5px;
padding-top: 0px;
float: right;
}

.web-low {
background: #00FF00;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
}

.web-moderate {
background: yellow;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
}

.web-high {
background: #FF7D80;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
}

.web-country-text {
color: #1D4C7E;
width: 100%;
float: left;
padding-bottom: 10px;
}

#web-iso-code {
font-weight: bold;
padding-left: 5px;
padding-bottom: 10px;
}

.web-country-text-minor {
color: #1D4C7E;
font-size: 12px !important;
line-height: 15px;
width: 38%;
float: left;
}

.web-country-section {
display: table;
}

.web-description-text {
text-align: justify;
width: 650px;
padding: 0px;
display: inline-block;
}

.web-description-value {
width: 248px;
text-align: center !important;
}

.web-description-text span {
font-weight: bold;
text-decoration: underline;
}

.web-country-image {
max-width: 100%;
height: 210px;
padding-top: 5px;
}

.web-content-text {
width: 650px;
padding-bottom: 0px;
font-size: 12px !important;
}

#web-explanation-text {
width: auto;
font-weight: bold;
float: left;
padding-right: 10px;
}

.web-table tbody tr td,
.web-table tbody tr th {
padding-top: 2px;
padding-bottom: 4px;
border-color: #B1B1B1;
text-align: justify;
}

.web-table {
margin-bottom: 0px;
}

.web-content-value {
padding-left: 150px !important;
text-align: center !important;
font-size: 12px !important;
}

#web-explanation-value {
width: 50%;
padding-left: 0px;
padding-right: 10px;
float: left;
text-align: justify;
}

.web-bottom-bar {
width: 100%;
margin-top: 10px;
display: grid;
  align-content: end;
  display: flex;
  align-items: flex-end;
  
  /* Required: specify a height */
  height: 200px; /* or 100%, 100vh, etc. */
}

.web-logo-section {
width: 33%;
min-height: 10px;
float: left;
}

.web-logo {
max-width: 250px;
}

.web-copyright-section {
width: 32%;
min-height: 10px;
float: left;
text-align: center;
}

.web-copyright {
padding-top: 80px;
}

.web-key-section {
width: 34%;
min-height: 10px;
float: left;
text-align: center;
padding-left: 100px;
padding-bottom: 25px;
}

.web-special-row {
background-color: #aed136 !important;
}

.web-special-row th, .web-special-row td {
    background-color: #aed136 !important;
    }

.web-key-header-text {
font-weight: bold;
text-decoration: underline;
padding-left: 15px;
}

.web-key-box {
border-color: #aed136;
border-width: 2px;
border-style: solid;
display: inline-block;
padding: 3px;
}

.web-special-text-1 {
color: white;
}

.center-me {
text-align: center;
}

.web-row-adjust td {
border-top: 0px !important;
}

.web-table-adjust {
border-bottom: 1px solid #dddddd;
}

.size-40 {
font-size: 40px !important;
line-height: 35px;
}

.size-35 {
font-size: 35px !important;
line-height: 30px;
}

.web-summary-logo-section {
float: left;
width: 25%;
}

.web-summary-logo {
max-height: 100px;
}

.web-summary-header-text-section {
float: left;
width: 50%;
text-align: center;
}

.web-summary-header-text-section p {
font-size: 22px !important;
color: #1D4C7E;
}

.web-summary-page-section {
float: left;
width: 25%;
}

.web-summary-page-section p {
color: #1D4C7E;
text-align: right;
}

.explanation-row {
width: 100%;
height: 22px;
}

.country-description-adjust {
padding-bottom: 0px !important;
font-size: 14px !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}

.paper-size .table-striped {
text-align: left;
border-top-style: solid;
border-top-width: 1px;
border-color: #e5e8eb;  
}

.paper-size .table-striped td {
padding: 11px;
}

.web-table td {
    border: none !important;
}

.web-table tr {
    padding: 10px !important;
}
  
.web-content-text, .web-content-value {
    border: none !important;
}

.web-logo {
    max-height: 200px;
}

.web-logo-section {
    padding-bottom: 30px;
}

.web-judgement-textarea {
    width: 100%;
    field-sizing: content;
}

.web-judgement-textinput {
    text-align: center;
}