/*
Theme Name: Visa Desk
Theme URI: https://divanova.xyz/wp/
Description: Custom WordPress theme matching Moldova eVisa Portal layout.
Version: 1.0.2
Author: Raihan Chowdhury
*/

/* ===== RESET & BASE ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font: 12px/1.3 Arial, Helvetica, sans-serif;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.site-wrapper {
    width: 960px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    text-align: left;
}

/* ===== HEADER ===== */
#header-wrapper {
    overflow: hidden;
    background: url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/head-backgr.png') no-repeat scroll 50% 100%;
    height: 166px;
    display: block;
    margin: 0 0 18px;
    position: relative;
}

#header-emblem {
    overflow: hidden;
    width: 640px;
    height: 131px;
    float: left;
}

#header-emblem a {
    height: 95px;
    display: block;
    text-decoration: none;
}

#header-title {
    position: relative;
    display: block;
    overflow: hidden;
    background: transparent url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/national-emblem.gif') no-repeat scroll 30px 28px;
    padding: 42px 0 0 89px;
    height: 53px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 545px;
}

#header-title span {
    padding-top: 10px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    display: block;
    width: 440px;
    height: 53px;
    top: 32px;
    left: 89px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
}

#header-right {
    overflow: hidden;
    width: 300px;
    padding: 14px 0 0 0;
    border-bottom: 1px solid #fff;
    font-family: Verdana, sans-serif;
    font-size: larger;
    font-weight: bolder;
    text-align: left;
    float: right;
}

#header-right span {
    color: #fff;
    float: right;
    font-size: xx-large;
    padding-right: 50px;
}

#header-right img {
    display: block;
    margin-bottom: 5px;
}

.languages {
    margin-top: 5px;
}

.langRO,
.langEN,
.langRO-passive,
.langEN-passive {
    width: 26px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.langRO {
    background-image: url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/MLD.png');
}

.langEN {
    background-image: url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/ENG.png');
}

.langRO-passive {
    background-image: url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/MLD-passive.png');
}

.langEN-passive {
    background-image: url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/ENG-passive.png');
}

/* ===== HORIZONTAL NAVIGATION ===== */
#horizontal-menu {
    overflow: hidden;
    clear: both;
    padding: 0 0 0 6px;
    background: transparent url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/1x1-nav-bg.gif') repeat-x scroll 0 6px;
    width: 960px;
    margin: 0 auto;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

#horizontal-menu li {
    float: left;
    margin: 0 4px;
    padding: 6px 0 0;
}

#horizontal-menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
    padding: 2px 14px 8px 14px;
}

#horizontal-menu li.menu-color1 {
    background: transparent url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/deepred-bar.gif') repeat-x scroll 0 0%;
}

#horizontal-menu li.menu-color2 {
    background: transparent url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/golden-bar.gif') repeat-x scroll 0 0%;
}

#horizontal-menu li.menu-color3 {
    background: transparent url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/violet-bar.gif') repeat-x scroll 0 0%;
}

#horizontal-menu li.menu-color4 {
    background: transparent url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/greenlime-bar.gif') repeat-x scroll 0 0%;
}

#horizontal-menu li.menu-color5 {
    background: transparent url('https://web.archive.org/web/20240513175326im_/https://www.evisa.gov.md/Images/bluecyan-bar.gif') repeat-x scroll 0 0%;
}

#horizontal-menu li a:hover {
    opacity: 0.9;
    text-decoration: underline;
}

/* ===== PAGE CONTENT AREA ===== */
.content-area {
    padding: 20px 20px 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
}

.check-visa-form,
.status-check-container,
.main-content-left {
    width: 680px;
    float: left;
    margin-right: 20px;
}

.check-visa-form h2,
.status-check-container h2,
.main-content-left h2 {
    font-size: 18px;
    color: #005a8c;
    margin-bottom: 15px;
    font-weight: bold;
}

.form-row {
    margin-bottom: 10px;
    overflow: hidden;
}

.form-row label {
    display: inline-block;
    width: 160px;
    font-weight: bold;
    vertical-align: middle;
    font-size: 12px;
}

.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="date"],
.form-row select {
    width: 300px;
    padding: 4px 6px;
    border: 1px solid #a0a0a0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.form-row .small-input {
    width: 100px;
}

.verification-row {
    margin: 15px 0;
    overflow: hidden;
}

.verification-row label {
    display: inline-block;
    width: 160px;
    font-weight: bold;
    vertical-align: middle;
}

.verification-code-box {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.verification-code-box img {
    border: 1px solid #ccc;
    width: 120px;
    height: 30px;
}

.refresh-link {
    color: #005a8c;
    text-decoration: none;
    font-size: 11px;
    margin-left: 5px;
    cursor: pointer;
}

.refresh-link:hover {
    text-decoration: underline;
}

.check-button {
    margin-left: 160px;
    margin-top: 15px;
}

.check-button input[type="submit"],
.check-button input[type="button"] {
    background-color: #005a8c;
    color: #fff;
    border: 1px solid #003d5c;
    padding: 6px 30px;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    text-transform: uppercase;
}

.check-button input[type="submit"]:hover,
.check-button input[type="button"]:hover {
    background-color: #004466;
}

/* Right Info Box */
.info-box {
    width: 240px;
    float: right;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 15px;
    font-size: 12px;
}

.info-box h3 {
    font-size: 14px;
    color: #005a8c;
    margin-bottom: 10px;
    font-weight: bold;
}

.info-box p {
    margin-bottom: 10px;
    line-height: 1.4;
}

.info-box a {
    color: #005a8c;
    text-decoration: underline;
}

/* Seeking Visa / Results */
.seeking-visa-section {
    clear: both;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.seeking-visa-section h3 {
    font-size: 16px;
    color: #005a8c;
    margin-bottom: 15px;
}

.search-results-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.search-results-table th,
.search-results-table td {
    border: 1px solid #ccc;
    padding: 8px 10px;
    text-align: left;
    font-size: 12px;
}

.search-results-table th {
    background-color: #e8e8e8;
    font-weight: bold;
}

.search-results-table td {
    background-color: #fdfdfd;
}

/* Footer */
.footer-info {
    clear: both;
    padding: 15px 20px;
    font-size: 11px;
    color: #666;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    text-align: center;
}

.footer-info a {
    color: #005a8c;
    text-decoration: none;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}


/* ===== HOMEPAGE MATCHING LAYOUT ===== */
.sidebar-box-left {
    width: 210px;
    float: left;
    border: 1px solid #000;
    position: relative;
    padding: 10px 10px 10px 24px;
    box-sizing: border-box;
    background-color: #fff;
    margin-right: 30px;
    min-height: 140px;
}

.sidebar-blue-strip {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    background-color: #1a5ea8;
}

.sidebar-content h3 {
    font-size: 13px;
    font-weight: normal;
    color: #333;
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
}

.sidebar-content .blue-btn {
    display: block;
    background-color: #3b7ab8;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    padding: 8px 10px;
    border-radius: 6px;
    margin-bottom: 8px;
    text-align: center;
    line-height: 1.2;
    border: 1px solid #295d93;
}

.sidebar-content .blue-btn:hover {
    background-color: #2b6299;
}

.main-portal-content {
    width: 680px;
    float: left;
    font-family: Arial, sans-serif;
}

.portal-main-title {
    font-size: 26px;
    font-weight: normal;
    color: #000;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #6b93b8;
}

.portal-link-list {
    list-style: none;
    padding: 0;
    margin: 15px 0 35px 0;
}

.portal-link-list li {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}

.portal-link-list .icon-news {
    display: inline-block;
    width: 22px;
    height: 16px;
    margin-right: 10px;
    background-color: #7b9ebd;
    border: 1px solid #4a6b8a;
    position: relative;
    flex-shrink: 0;
}

/* Simulate document lines inside icon */
.portal-link-list .icon-news::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
}

.portal-link-list .icon-news::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 7px;
    height: 8px;
    box-shadow: 0 2px 0 #fff, 0 5px 0 #fff;
}

.portal-link-list a {
    color: #2b619e;
    text-decoration: none;
    font-size: 13px;
}

.portal-link-list a:hover {
    text-decoration: underline;
}

.portal-alert-section {
    margin-top: 40px;
    font-size: 12px;
    color: #000;
}

.portal-alert-section a {
    color: #2b619e;
    text-decoration: underline;
}


/* ===== VISA APPLICATION FORM STYLING ===== */
.application-form-container {
    width: 680px;
    border: 1px solid #b2c9d8;
    background-color: #dbebe6;
    margin-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.form-header-bar {
    background-color: #e5e5e5;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 13px;
    color: #000;
    border-bottom: 1px solid #c0c0c0;
}

.application-table {
    width: 100%;
    border-collapse: collapse;
}

.application-table td {
    vertical-align: top;
    padding: 10px;
    border-bottom: 1px dashed #b2c9d8;
}

.field-cell {
    width: 55%;
    border-right: 1px dashed #b2c9d8;
}

.help-cell {
    width: 45%;
    background-color: #dbebe6;
    font-size: 11px;
    color: #333;
}

.help-title {
    color: #4b6e8a;
    font-weight: bold;
    display: block;
    margin-bottom: 4px;

    .help-cell p {
        margin: 0;
        line-height: 1.3;
        color: #444;
    }

    .field-cell label {
        display: block;
        font-size: 12px;
        color: #000;
        margin-bottom: 4px;
    }

    .required-star {
        color: #d90000;
    }

    .field-cell input[type="text"],
    .field-cell input[type="email"],
    .field-cell select {
        width: 95%;
        padding: 3px 5px;
        border: 1px solid #7f9db9;
        font-size: 12px;
        background-color: #fff;
        box-sizing: border-box;
    }

    .captcha-section {
        padding-top: 15px;
    }

    .captcha-box img {
        border: 1px solid #aaa;
        height: 45px;
        margin-bottom: 5px;
    }

    .refresh-link-wrap {
        margin-bottom: 8px;
    }

    .refresh-link-wrap a {
        color: #2b619e;
        font-size: 11px;
        text-decoration: underline;
    }

    .form-footnotes {
        margin-top: 15px;
        font-size: 11px;
        color: #333;
    }

    .form-footnotes p {
        margin: 3px 0;
    }

    .submit-button-container {
        padding: 15px 0 5px 0;
        background-color: transparent;
    }

    .complete-file-btn {
        background: linear-gradient(to bottom, #3b7ab8 0%, #295d93 100%);
        background-color: #3b7ab8;
        color: #fff;
        border: 1px solid #1c4570;
        padding: 6px 30px;
        font-size: 13px;
        border-radius: 6px;
        cursor: pointer;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .complete-file-btn:hover {
        background: linear-gradient(to bottom, #295d93 0%, #1c4570 100%);
    }


    /* ===== CHECK FILE STATUS FORM STYLING ===== */
    .status-form-container {
        width: 680px;
        border: 1px solid #b2c9d8;
        background-color: #dbebe6;
        margin-top: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .status-table {
        width: 100%;
        border-collapse: collapse;
    }

    .status-left-cell {
        width: 55%;
        padding: 15px;
        vertical-align: top;
        border-right: 1px dashed #b2c9d8;
    }

    .status-right-cell {
        width: 45%;
        background-color: #dbebe6;
    }

    .status-left-cell label {
        display: block;
        font-size: 12px;
        color: #000;
        margin-bottom: 4px;
    }

    .status-left-cell input[type="text"],
    .status-left-cell input[type="email"] {
        width: 95%;
        padding: 3px 5px;
        border: 1px solid #7f9db9;
        font-size: 12px;
        background-color: #fff;
        box-sizing: border-box;
    }

    .check-status-btn {
        background: linear-gradient(to bottom, #3b7ab8 0%, #295d93 100%);
        background-color: #3b7ab8;
        color: #fff;
        border: 1px solid #1c4570;
        padding: 6px 45px;
        font-size: 13px;
        border-radius: 6px;
        cursor: pointer;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .check-status-btn:hover {
        background: linear-gradient(to bottom, #295d93 0%, #1c4570 100%);
    }


    /* ===== SEEKING VISA & RESULT CARD STYLING ===== */
    .seeking-visa-container {
        width: 680px;
        border: 1px solid #b2c9d8;
        background-color: #dbebe6;
        margin-top: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .seeking-visa-table {
        width: 100%;
        border-collapse: collapse;
    }

    .seeking-left-cell {
        width: 55%;
        padding: 15px;
        vertical-align: top;
        border-right: 1px dashed #b2c9d8;
    }

    .seeking-right-cell {
        width: 45%;
        background-color: #dbebe6;
    }

    .seeking-left-cell label {
        display: block;
        font-size: 12px;
        color: #000;
        margin-bottom: 4px;
    }

    .seeking-left-cell input[type="text"] {
        width: 95%;
        padding: 3px 5px;
        border: 1px solid #7f9db9;
        font-size: 12px;
        background-color: #fff;
        box-sizing: border-box;
    }

    /* VISA RESULT CARD (IMAGE 2) */
    .visa-result-card {
        width: 560px;
        border: 1px solid #b2c9d8;
        background-color: #dbebe6;
        padding: 20px;
        margin-top: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #333;
        box-sizing: border-box;
    }

    .result-top-section {
        display: flex;
        margin-bottom: 15px;
        align-items: flex-start;
    }

    .applicant-photo-box {
        width: 150px;
        height: 180px;
        border: 1px solid #ccc;
        background-color: #fff;
        margin-right: 20px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .applicant-photo {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .applicant-details p {
        margin: 6px 0;
        font-size: 13px;
        color: #333;
    }

    .applicant-details p strong {
        color: #000;
    }

    .result-status-section {
        margin-top: 10px;
        padding-top: 10px;
    }

    .result-status-section p {
        margin: 6px 0;
        font-size: 13px;
    }

    .status-row {
        font-size: 14px;
    }

    .status-label {
        color: #d90000;
    }

    .status-value-red {
        color: #d90000;
        font-weight: bold;
    }

    .another-search-container {
        margin-top: 25px;
        text-align: center;
    }

    .another-search-btn {
        display: inline-block;
        background: linear-gradient(to bottom, #4a8cd4 0%, #306eb8 100%);
        background-color: #3b7ab8;
        color: #fff;
        text-decoration: none;
        border: 1px solid #245796;
        padding: 7px 40px;
        font-size: 13px;
        border-radius: 6px;
        cursor: pointer;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .another-search-btn:hover {
        background: linear-gradient(to bottom, #306eb8 0%, #1e4a82 100%);
        color: #fff;
    }


    /* ===== FIXED PORTAL FORM & RESULT STYLING ===== */

    /* Ensure main portal content wrapper is properly aligned */
    .main-portal-content {
        width: 680px;
        float: left;
        font-family: Arial, sans-serif;
    }

    /* Seeking Visa & Status Form Containers */
    .seeking-visa-container,
    .status-form-container {
        width: 680px;
        border: 1px solid #b2c9d8;
        background-color: #dbebe6;
        margin-top: 15px;
        font-family: Arial, Helvetica, sans-serif;
        box-sizing: border-box;
    }

    .form-header-bar {
        background-color: #e5e5e5;
        padding: 6px 10px;
        font-weight: bold;
        font-size: 13px;
        color: #000;
        border-bottom: 1px solid #c0c0c0;
    }

    .seeking-visa-table,
    .status-table {
        width: 100%;
        border-collapse: collapse;
    }

    .seeking-left-cell,
    .status-left-cell {
        width: 55%;
        padding: 15px;
        vertical-align: top;
        border-right: 1px dashed #b2c9d8;
        box-sizing: border-box;
    }

    .seeking-right-cell,
    .status-right-cell {
        width: 45%;
        background-color: #dbebe6;
    }

    .seeking-left-cell label,
    .status-left-cell label {
        display: block;
        font-size: 12px;
        color: #000;
        margin-bottom: 4px;
        font-weight: normal;
    }

    .seeking-left-cell input[type="text"],
    .status-left-cell input[type="text"],
    .status-left-cell input[type="email"] {
        width: 100%;
        max-width: 300px;
        padding: 4px 6px;
        border: 1px solid #7f9db9;
        font-size: 12px;
        background-color: #fff;
        box-sizing: border-box;
        font-family: Arial, Helvetica, sans-serif;
    }

    .check-status-btn {
        background: #3b7ab8;
        color: #fff;
        border: 1px solid #1c4570;
        padding: 6px 30px;
        font-size: 13px;
        font-weight: bold;
        cursor: pointer;
        text-transform: uppercase;
        border-radius: 0;
    }

    .check-status-btn:hover {
        background: #2b6299;
    }

    /* VISA RESULT CARD STYLING (Matching Screenshot 1) */
    .visa-result-card {
        width: 680px;
        border: 1px solid #b2c9d8;
        background-color: #dbebe6;
        padding: 20px;
        margin-top: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #333;
        box-sizing: border-box;
    }

    .result-top-section {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .applicant-photo-box {
        width: 150px;
        height: 180px;
        border: 1px solid #7f9db9;
        background-color: #fff;
        margin-right: 20px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .applicant-photo {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .applicant-details p {
        margin: 4px 0;
        font-size: 13px;
        color: #333;
    }

    .applicant-details p strong {
        color: #000;
    }

    .result-status-section {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px dashed #b2c9d8;
    }

    .result-status-section p {
        margin: 5px 0;
        font-size: 13px;
    }

    .status-label {
        color: #000;
    }

    .status-value-red {
        color: #d90000;
        font-weight: bold;
    }

    .another-search-container {
        margin-top: 20px;
    }

    .another-search-btn {
        display: inline-block;
        background: #3b7ab8;
        color: #fff;
        text-decoration: none;
        border: 1px solid #1c4570;
        padding: 6px 25px;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
    }

    .another-search-btn:hover {
        background: #2b6299;
        color: #fff;
        text-decoration: none;
    }


    /* === FINAL CHECK VISA / STATUS / APPLICATION STYLE OVERRIDES === */
    .content-area {
        display: flex;
        align-items: flex-start;
        gap: 36px;
        padding: 20px 36px 40px
    }

    .sidebar-box-left {
        flex: 0 0 313px;
        width: 313px;
        margin: 0;
        border: 1px solid #c9c9c9;
        border-left: 10px solid #175b9e;
        padding: 14px 13px;
        min-height: 0;
        box-sizing: border-box
    }

    .sidebar-blue-strip {
        display: none
    }

    .sidebar-content h3 {
        font-size: 14px;
        font-weight: 700;
        color: #111;
        margin: 0 0 13px
    }

    .sidebar-content .blue-btn {
        display: block;
        font-size: 14px;
        line-height: 1.45;
        padding: 12px 14px;
        margin-bottom: 10px;
        border-radius: 5px;
        background: #477fe0;
        border: 1px solid #3268c5;
        color: #fff;
        text-decoration: none
    }

    .sidebar-content .blue-btn:hover,
    .sidebar-content .blue-btn:focus {
        background: #326fcf;
        color: #fff
    }

    .main-portal-content {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        float: none
    }

    .portal-main-title {
        font-size: 20px;
        line-height: 1.35;
        font-weight: 600;
        color: #222;
        margin: 0 0 24px;
        padding: 0 0 12px;
        border-bottom: 1px solid #d6d6d6
    }

    .check-visa-wrapper {
        width: 100%
    }

    .seeking-visa-container,
    .status-form-container,
    .application-form-container {
        width: 100%;
        max-width: 690px;
        margin: 0;
        border: 1px solid #b7d6d0;
        background: #d9eeeb;
        box-sizing: border-box;
        font-family: Arial, Helvetica, sans-serif
    }

    .seeking-visa-container .form-header-bar {
        display: none
    }

    .seeking-visa-table,
    .status-table {
        width: 100%;
        border-collapse: collapse
    }

    .seeking-left-cell,
    .status-left-cell {
        width: 55%;
        padding: 10px 7px;
        border-right: 1px dashed #b7d6d0;
        vertical-align: top
    }

    .seeking-right-cell,
    .status-right-cell {
        width: 45%;
        background: #d9eeeb
    }

    .seeking-left-cell label,
    .status-left-cell label {
        display: block;
        font-size: 13px;
        font-weight: 400;
        color: #111;
        margin: 0 0 7px
    }

    .seeking-left-cell input[type=text],
    .status-left-cell input[type=text],
    .status-left-cell input[type=email] {
        display: block;
        width: 100%;
        max-width: 365px;
        height: 25px;
        padding: 3px 5px;
        margin: 0 0 12px;
        border: 1px solid #888;
        border-radius: 0;
        background: #fff;
        color: #111;
        font: 13px Arial, Helvetica, sans-serif;
        box-sizing: border-box
    }

    .captcha-box {
        margin-top: 16px !important
    }

    .captcha-box img {
        display: block;
        max-width: 100%;
        height: auto;
        border: 1px solid #ccc
    }

    .refresh-link-wrap {
        margin: 4px 0 8px !important
    }

    .refresh-link {
        color: #00e;
        text-decoration: underline;
        font-size: 13px
    }

    .submit-button-container {
        margin: 14px 0 0 !important
    }

    .check-status-btn,
    .complete-file-btn,
    .another-search-btn {
        display: inline-block;
        min-height: 34px;
        padding: 7px 32px;
        background: linear-gradient(180deg, #5796ed 0%, #3478d2 100%);
        border: 1px solid #245caa;
        border-radius: 6px;
        color: #fff !important;
        font: 14px Arial, Helvetica, sans-serif;
        text-transform: none;
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .22);
        transition: background .15s ease, transform .15s ease
    }

    .check-status-btn:hover,
    .complete-file-btn:hover,
    .another-search-btn:hover {
        background: linear-gradient(180deg, #397fd8 0%, #245fae 100%);
        color: #fff !important;
        text-decoration: none
    }

    .visa-result-card {
        width: 100%;
        max-width: 563px;
        padding: 25px;
        margin: 0;
        border: 1px solid #b7d6d0;
        background: #d9eeeb;
        color: #222;
        font: 14px/1.45 Arial, Helvetica, sans-serif;
        box-sizing: border-box
    }

    .result-top-section {
        display: flex;
        gap: 20px;
        align-items: flex-start;
        margin-bottom: 16px
    }

    .applicant-photo-box {
        flex: 0 0 150px;
        width: 150px;
        height: 188px;
        margin: 0;
        border: 1px solid #ccc;
        background: #fff
    }

    .applicant-photo {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block
    }

    .applicant-details {
        padding-top: 24px;
        min-width: 0
    }

    .applicant-details p {
        margin: 0 0 6px;
        font-size: 14px;
        line-height: 1.35;
        overflow-wrap: anywhere
    }

    .result-status-section {
        border: 0;
        margin: 0;
        padding: 0
    }

    .result-status-section p {
        margin: 5px 0;
        font-size: 14px;
        line-height: 1.4
    }

    .status-label,
    .status-value-red {
        color: #e00000
    }

    .another-search-container {
        margin: 25px 0 0;
        text-align: center
    }

    .another-search-btn {
        padding: 9px 36px
    }

    .application-table {
        width: 100%;
        border-collapse: collapse
    }

    .application-table td {
        padding: 10px;
        vertical-align: top
    }

    .application-table .field-cell {
        width: 55%
    }

    .application-table .help-cell {
        background: #d9eeeb;
        border-left: 1px dashed #b7d6d0
    }

    .application-table label {
        display: block;
        margin-bottom: 5px;
        font-weight: 600
    }

    .application-table input[type=text],
    .application-table input[type=email],
    .application-table select {
        width: 100%;
        max-width: 365px;
        min-height: 30px;
        padding: 5px 7px;
        border: 1px solid #999;
        border-radius: 0;
        background: #fff;
        font: 13px Arial, Helvetica, sans-serif
    }

    .application-form-container .submit-button-container {
        padding: 0 10px 15px
    }

    .required-star {
        color: #d00
    }

    @media(max-width:900px) {
        .content-area {
            display: block;
            padding: 18px 20px 30px
        }

        .sidebar-box-left {
            width: 100%;
            margin: 0 0 22px
        }

        .main-portal-content {
            width: 100%
        }

        .seeking-visa-container,
        .status-form-container,
        .application-form-container,
        .visa-result-card {
            max-width: 100%
        }
    }

    @media(max-width:520px) {
        .result-top-section {
            gap: 12px
        }

        .applicant-photo-box {
            flex-basis: 105px;
            width: 105px;
            height: 135px
        }

        .applicant-details {
            padding-top: 0
        }

        .applicant-details p,
        .result-status-section p {
            font-size: 12px
        }

        .visa-result-card {
            padding: 14px
        }
    }