/* PDF cards and subsidy/package sections. */
.pdf-section {
    display: flex; flex-wrap: wrap; justify-content: space-evenly;
    margin: 0 auto 50px; max-width: 1200px; padding: 0 20px;
}
.pdf-items { flex: 0 1 32%; position: relative; overflow: hidden; margin-bottom: 20px; }
.pdf-image-container { position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,.1); }
.pdf-image-container img { width: 100%; display: block; transition: transform .5s ease; }
.pdf-title-box {
    position: absolute; bottom: 0; background-color: rgb(165 156 83 / 75%);
    color: #fff; width: 100%; text-align: center; padding: 10px 0;
}
.pdf-overlay {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(50,50,50,.8); visibility: hidden; opacity: 0;
    transition: opacity .5s, visibility .5s; display: flex; justify-content: center; align-items: center;
}
.pdf-image-container:hover .pdf-overlay { visibility: visible; opacity: 1; }
.pdf-image-container:hover img { transform: scale(1.1); }
.pdf-read-more-btn {
    padding: 10px 20px; color: #fff; text-decoration: none;
    border: 2px solid white !important; cursor: pointer; transition: background-color .3s;
}
.pdf-read-more-btn::before {
    content: ''; position: absolute; left: 231px; top: 50%; transform: translateY(-100%);
    width: 12px; height: 12px;
    background-image: url("https://visual-alpha.com/wp-content/uploads/2023/08/new-window.png");
    background-size: cover; background-repeat: no-repeat;
}
.pdf-read-more-btn:hover { background-color: #a69c53; }
.Apply-now-button, .Apply-now-button2 {
    height: 100%; margin: 0; display: flex; justify-content: center; align-items: center;
}
.Apply-now-button { margin-bottom: -61px; }
.Apply-now-button2 { margin-bottom: 50px; margin-top: -30px; }
.apply-now-btn {
    padding: 1rem 3rem; background-color: transparent; color: black; border: 1px solid black;
    font-size: 1.5rem; font-weight: bold; cursor: pointer; transition: background-color .3s, color .3s;
    position: relative; display: flex; margin-top: 7rem; justify-content: center; align-items: center;
}
.apply-now-btn:hover { background-color: rgb(165,156,83); color: black; }
.apply-now-btn::before {
    content: ''; position: absolute; left: 12rem; top: 50%; transform: translateY(-50%);
    width: 16px; height: 16px;
    background-image: url("https://static.thenounproject.com/png/299638-200.png");
    background-size: contain; background-repeat: no-repeat;
}
@media (max-width: 1024px) { .pdf-items { flex: 0 1 48%; } }
@media (max-width: 768px) {
    .pdf-items { flex: 0 1 100%; }
    .pdf-section { padding: 0 10px; }
}
.sub-rounded-box, .sub2-rounded-box {
    max-width: 80%; width: 500px; height: 380px; border-radius: 20px;
    margin: 0 auto -85px; padding: 20px;
}
.sub-rounded-box { background-color: #CAF4B9; }
.sub2-rounded-box { background-color: #CFC26F; }
/* The old global .container rules belong only to the subsidy pair. */
.container.robotfund-subsidy-container {
    display: flex; justify-content: space-around; align-items: flex-start; gap: 20px;
    position: relative; max-width: 80%; width: 765px; margin: 100px auto;
}
.s-center { text-align: center; }
.subsidy-icon { font-size: 36px; margin-bottom: 3px; }
.subsidy-icon img { height: 5vw; }
.subsidy-title { font-size: 24px; margin-bottom: 10px; }
.subsidy-digits { font-size: 38px; font-weight: bold; margin-bottom: 10px; }
.subsidy-description { text-align: center; font-size: 21px; margin-bottom: 20px; }
.subsidy-learn-more-btn {
    background-color: #E4FDDA; color: #000; padding: .5rem 1rem; border-radius: 30px; text-decoration: none;
}
div.sub2-rounded-box > div:nth-child(4) > a {
    background-color: #FFF5B7; color: #000; padding: 10px 20px; border-radius: 30px; text-decoration: none;
}
.curly-bracket_container img { width: 49vw !important; margin-left: 12px; }
.centre-plus img { width: 47px; }
.centre-plus { width: 47px; margin-top: 188px; }
.divider-plus { width: 47px; }
.package-columns { display: flex; justify-content: space-between; margin: 0 21vw 80px 320px; }
.package-column { text-align: center; margin-top: 30px; width: 100%; }
.package-circle {
    width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 10px;
    display: flex; justify-content: center; align-items: center;
}
.s-circle-icon img { max-width: 70% !important; max-height: 70%; }
.package-title { font-size: 22px; font-weight: bold; margin-bottom: 10px; }
.package-columns ul { list-style-type: disc; padding: 0; font-size: 18px; text-align: left; }
.package-columns ul li { padding: 5px 0; margin: 0 3vw; }
div.package-columns > div:nth-child(1) > div.package-circle { background-color: #E6DC99; }
div.package-columns > div:nth-child(2) > div.package-circle { background-color: #1E3387; }
div.package-columns > div:nth-child(3) > div.package-circle { background-color: #0BA143; }
.attraction-u-project { position: relative; width: 100%; max-width: 1000px; margin: 0 auto 4rem; overflow: hidden; }
#container > div:nth-child(7) > div.investment-block.-contact { margin-bottom: 3em; }
@media only screen and (max-width: 850px) {
    .package-columns ul li { padding: 5px 0; margin: 0 5vw; }
    .sub-rounded-box, .sub2-rounded-box { max-width: 44%; width: 494px; height: 432px; }
    .container.robotfund-subsidy-container {
        position: relative; max-width: 100%; width: 987px; margin: 120px auto; gap: 2px;
    }
    .subsidy-icon img { height: 19vw; }
    .package-columns { display: flex; justify-content: space-between; margin: 0 0 80px; }
    .package-columns ul { list-style-type: disc; padding: 0; font-size: 16px; text-align: left; }
    .package-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
    .curly-bracket_container img { width: 100vw !important; margin-left: -9px; }
    .subsidy-title { font-size: 17px; margin-bottom: 10px; }
    .subsidy-description { text-align: center; font-size: 16px; margin-bottom: 20px; }
}

/* Links remain reachable with keyboard focus and touch, as well as hover. */
.pdf-overlay { visibility: visible; pointer-events: none; }
.pdf-image-container:hover .pdf-overlay,
.pdf-image-container:focus-within .pdf-overlay {
    opacity: 1; pointer-events: auto;
}
@media (hover: none) {
    .pdf-overlay { opacity: 1; pointer-events: auto; }
}