/* ==========================================================
   485 Visa Health Insurance — Blog Page Styling
   ========================================================== */

/* Base container spacing */
h1, h2, p {
    margin: 0 0 20px 0;
    line-height: 1.7;
}

/* Headings — consistent sizing hierarchy */
h1, h2, h3 {
    color: #152647;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 2rem;      /* 32px */
    line-height: 1.3;
    margin: 0 0 24px 0;
}

h2.accordion-header {
    margin: 0px;
}
h2 {
    font-size: 1.5rem;    /* 24px */
    line-height: 1.4;
    margin: 32px 0 20px 0;
}



h3 {
    font-size: 1.25rem;   /* 20px */
    line-height: 1.4;
    margin: 28px 0 16px 0;
}

h1 strong, h2 strong, h3 strong {
    color: #152647;
}

/* Paragraph text */
p {
    color: #333333;
    font-size: 1rem;
}

p strong {
    color: #152647;
}

/* Remove the stray empty paragraph spacing (the   one) */
p:empty {
    margin: 0;
}

/* ==========================================================
   Checklist items (the "485 Visa Health Insurance at a Glance" list)
   No classes needed — these are targeted structurally:
   - The first item is the <p> immediately after the <h2>
   - The remaining 5 items are <p> tags carrying data-start attributes
   Note: CSS can add the checkbox icon, but cannot delete the literal
   "?" character since it's plain text. See the JS snippet provided
   separately if you want the "?" fully removed.
   ========================================================== */

.py-5 ul li,.post-content ul li, .blog ul li
 {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 14px 0;
    padding-left: 4px;
    color: #333333;
    font-size: 1rem;
    line-height: 1.6;
}

.py-5 ul li::before, 
.py-5 ul li[data-start]::before {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    border-radius: 4px;
    background-color: #1a8f4c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.blog ul li::before, 
.blog ul li[data-start]::before {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    border-radius: 4px;
    background-color: #1a8f4c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}


.post-content ul li::before{
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    border-radius: 4px;
    background-color: #1a8f4c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}



/* Group the checklist items together with slightly tighter spacing */
.check-item + .check-item {
    margin-top: 0;
}


.policy-details-btn-fw {
    width: 100%;
    margin-bottom: 6px;
}
.mobile-device table td{
    border:1px solid #ccc;
    padding: 4px;
}
td p {
    font-weight: bold;
    font-size: 15px;
    color: #152647;
    margin: 0px;
    padding: 11px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}
.mobile-device section.headings {
    padding-top: 189px;
}
.term-conditions-link.text-center a {
    font-weight: bold;
    text-decoration: underline !important;
    font-size: 12px;
}
.free-weeks-div {
    min-height: 60px;
}
.policy-chart-logos {
    min-height: 81px;
}
.mobile-device .hero-inner p {
    font-size: 12px;
}

.mobile-device section.headings h1 {
    margin-top: 25px;
}
.term-conditions-link {
    margin-top: 3px;
}
.mobile-device .term-conditions-link.text-center a {
    font-weight: bold;
    text-decoration: underline !important;
    position: relative;
    top: 1px;
    font-size: 12px;
}
.mobile-device .collapse td {
    border: .2px solid #ccc !important;
    padding: 5px;
}
div#accordion {
    text-align: left;
}
.mobile-device section.testimonials {
  padding: 1.6rem 0;
}

.mobile-device .policy-price {
    font-size: 23px;
}

.free-weeks-div button {
    font-size: 12px;
    margin-top: 7px;
}

.mobile-device .partners.bg-white.rec-pro.logos img {
    width: 32%;
    margin-bottom: 16px;
}

.mobile-device section.headings h2 {
    font-size: 14px;
    color: #152647;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px;
    margin-bottom: 6px;
}
.panel-title a {
    color: #4a4a4a;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}
.panel-body {
    padding: 15px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
}
button.free-weeks-btn {
    font-size: 11px;
    padding: 4px;
    margin-top: 7px;
}
.mobile-device .headings .text-heading p {
    font-size: 13px;
}

.mobile-device td.list-group-item-info {
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    background: linear-gradient(49deg, #0165f2 0%, #357d15db 100%);
}

.mobile-device .buy_now_btn {
    font-size: 15px;
} 

.mobile-device button.buy_now_btn {
    background: #0e830e;
}