/* Prevent any fixed heights from stretching the image */
.slider_section .item,
.slider_section .owl-stage-outer,
.slider_section .owl-stage,
.slider_section .owl-item { height: auto !important; }

/* Make the image scale proportionally */
.slide-mainimg,
.slider_section .owl-item img {
  display: block;
  width: 100%;
  height: auto !important;   /* <-- key to stop distortion */
  max-width: 100%;
  object-fit: contain;       /* optional: ensures full image is visible */
}

/* Set a responsive banner height */
.slider_section .item { 
  height: 60vh;              /* adjust: 50–80vh */
  min-height: 420px;         /* fallback for short screens */
}

/* Make image fill the box without distortion (will crop) */
.slide-mainimg,
.slider_section .owl-item img {
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover;         /* cover = no squish, but crops edges */
  object-position: center;
}

/* Ensure Owl doesn't force a conflicting height */
.slider_section .owl-stage-outer,
.slider_section .owl-stage,
.slider_section .owl-item { height: 100% !important; }


/* Hide post date */
.entry-meta .posted-on,
.post-meta .date,
.meta-date,
.time,
.published {
    display: none !important;
}


/* Single post + blog/archives featured image */
.post-thumbnail img,
.entry-thumbnail img,
.single-post .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* prevents stretching */
  aspect-ratio: 16 / 9;  /* keep a clean ratio */
}



/* <style CBM Start> */
.vcbm-section {
  width: 100%;
  padding: 50px 16px;
  background: #f4f8f7;
}

.vcbm-card {
  max-width: 900px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08);
  font-family: Arial, sans-serif;
}

.vcbm-header h2 {
  margin: 0 0 10px;
  font-size: 32px;
  color: #0f3d3e;
}

.vcbm-header p {
  margin: 0 0 28px;
  color: #555555;
  font-size: 16px;
  line-height: 1.6;
}

.vcbm-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.vcbm-field label {
  display: block;
  margin-bottom: 8px;
  color: #222222;
  font-weight: 600;
  font-size: 15px;
}

.vcbm-field input,
.vcbm-field select {
  width: 100%;
  height: 52px;
  padding: 0 14px;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  background: #ffffff;
  font-size: 16px;
  box-sizing: border-box;
}

.vcbm-field input:focus,
.vcbm-field select:focus {
  outline: none;
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.vcbm-button {
  width: 100%;
  margin-top: 24px;
  padding: 17px;
  border: none;
  border-radius: 14px;
  background: #0f766e;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
}

.vcbm-button:hover {
  background: #115e59;
}

.vcbm-result {
  margin-top: 24px;
  padding: 22px;
  border-radius: 16px;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  color: #064e3b;
  font-size: 16px;
  line-height: 1.7;
}

.vcbm-error {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #9a3412;
}

@media (max-width: 700px) {
  .vcbm-card {
    padding: 26px 18px;
  }

  .vcbm-form {
    grid-template-columns: 1fr;
  }

  .vcbm-header h2 {
    font-size: 26px;
  }
}

/* <style Vhero> */
.vhero-section {
  width: 100%;
  padding: 90px 16px;
  background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 58%, #f8fafc 100%);
  font-family: Arial, sans-serif;
}

.vhero-container {
  max-width: 1150px;
  margin: 0 auto;
}

.vhero-badge {
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #d1fae5;
  color: #065f46;
  font-size: 14px;
  font-weight: 700;
}

.vhero-title {
  max-width: 850px;
  margin: 0 0 20px;
  color: #0f172a;
  font-size: 52px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -1px;
}

.vhero-subtitle {
  max-width: 820px;
  margin: 0 0 18px;
  color: #334155;
  font-size: 20px;
  line-height: 1.65;
}

.vhero-note {
  max-width: 780px;
  margin: 0 0 32px;
  color: #475569;
  font-size: 17px;
  line-height: 1.7;
}

.vhero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 22px;
}

.vhero-primary-btn,
.vhero-secondary-btn {
  display: inline-block;
  padding: 16px 24px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: 0.25s ease;
}

.vhero-primary-btn {
  background: #0f766e;
   color: #f8fafc !important;
}

.vhero-primary-btn:hover {
  background: #115e59;
    color: #ffffff !important;
}

.vhero-secondary-btn {
  background: #ffffff;
  color: #0f766e;
  border: 1px solid #0f766e;
}

.vhero-secondary-btn:hover {
  background: #ecfdf5;
  color: #115e59;
}

.vhero-trust {
  max-width: 850px;
  margin: 0;
  color: #475569;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 600;
}

@media (max-width: 768px) {
  .vhero-section {
    padding: 65px 16px;
  }

  .vhero-title {
    font-size: 36px;
  }

  .vhero-subtitle {
    font-size: 18px;
  }

  .vhero-note {
    font-size: 16px;
  }

  .vhero-primary-btn,
  .vhero-secondary-btn {
    width: 100%;
    text-align: center;
  }
}

.vcbm-review-btn {
  display: inline-block;
  margin-top: 12px;
  text-decoration: none !important;
}

/* <style Vform> */
.vform-section {
  width: 100%;
  padding: 50px 16px;
  background: #f8fafc;
  font-family: Arial, sans-serif;
}

.vform-card {
  max-width: 950px;
  margin: 0 auto;
  padding: 38px;
  background: #ffffff;
  border-radius: 22px;
  box-shadow: 0 15px 45px rgba(0,0,0,0.08);
}

.vform-header h2 {
  margin: 0 0 10px;
  color: #0f172a;
  font-size: 32px;
}

.vform-header p {
  margin: 0 0 28px;
  color: #475569;
  line-height: 1.7;
  font-size: 16px;
}

.vform-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.vform-field label {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #222222;
}

.vform-field input,
.vform-field select,
.vform-field textarea {
  width: 100%;
  padding: 14px;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  font-size: 16px;
  box-sizing: border-box;
}

.vform-field textarea {
  resize: vertical;
}

.vform-field input:focus,
.vform-field select:focus,
.vform-field textarea:focus {
  outline: none;
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15,118,110,0.12);
}

.vform-full {
  grid-column: 1 / -1;
}

.vform-button {
  grid-column: 1 / -1;
  width: 100%;
  padding: 17px;
  border: none;
  border-radius: 14px;
  background: #0f766e;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
}

.vform-button:hover {
  background: #115e59;
}

.vform-status {
  display: none;
  grid-column: 1 / -1;
  padding: 15px;
  border-radius: 12px;
}

.vform-status.show {
  display: block;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  color: #065f46;
}

@media (max-width: 700px) {

  .vform-card {
    padding: 25px 18px;
  }

  .vform-form {
    grid-template-columns: 1fr;
  }

  .vform-header h2 {
    font-size: 26px;
  }
}

.vform-field select {
  width: 100%;
  height: 56px !important;
  padding: 0 16px !important;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  font-size: 16px;
  line-height: normal !important;
  box-sizing: border-box;
  background: #ffffff;
}


/* <stlye Exchange Rate> */
.ver-hero-section {
  width: 100%;
  padding: 90px 20px;
  background:
    radial-gradient(circle at top right, rgba(15, 118, 110, 0.18), transparent 35%),
    linear-gradient(135deg, #f8fffd 0%, #eefaf7 45%, #ffffff 100%);
  overflow: hidden;
}

.ver-hero-container {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 45px;
  align-items: center;
}

.ver-hero-content {
  max-width: 720px;
}

.ver-hero-label {
  display: inline-block;
  margin-bottom: 16px;
  padding: 8px 15px;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.ver-hero-content h1 {
  margin: 0 0 18px;
  color: #0f172a;
  font-size: clamp(36px, 5vw, 62px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -1.5px;
}

.ver-hero-subtitle {
  margin: 0;
  color: #475569;
  font-size: 19px;
  line-height: 1.7;
  max-width: 650px;
}

.ver-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
}

.ver-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 24px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.ver-btn-primary {
  background: #0f766e;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(15, 118, 110, 0.25);
}

.ver-btn-primary:hover {
  background: #115e59;
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(15, 118, 110, 0.32);
}

.ver-btn-secondary {
  background: #ffffff;
  color: #0f766e !important;
  border: 1px solid rgba(15, 118, 110, 0.25);
}

.ver-btn-secondary:hover {
  background: #ecfdf5;
  transform: translateY(-2px);
}

.ver-hero-small-text {
  margin-top: 22px;
  color: #64748b;
  font-size: 14.5px;
  line-height: 1.7;
  max-width: 600px;
}

.ver-hero-card {
  position: relative;
  padding: 28px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(15, 118, 110, 0.12);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
  backdrop-filter: blur(12px);
}

.ver-rate-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 22px;
}

.ver-rate-card-header span {
  color: #0f172a;
  font-size: 20px;
  font-weight: 800;
}

.ver-rate-card-header small {
  color: #0f766e;
  font-size: 13px;
  font-weight: 700;
  background: rgba(15, 118, 110, 0.09);
  padding: 6px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.ver-currency-list {
  display: grid;
  gap: 12px;
}

.ver-currency-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.ver-currency-item span {
  width: 54px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #0f766e;
  color: #ffffff;
  font-weight: 800;
  font-size: 14px;
}

.ver-currency-item strong {
  color: #334155;
  font-size: 15px;
  font-weight: 700;
}

.ver-card-note {
  margin: 22px 0 0;
  padding-top: 18px;
  border-top: 1px solid #e2e8f0;
  color: #64748b;
  font-size: 14.5px;
  line-height: 1.7;
}

/* Mobile */
@media (max-width: 900px) {
  .ver-hero-section {
    padding: 65px 18px;
  }

  .ver-hero-container {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .ver-hero-content h1 {
    letter-spacing: -0.8px;
  }

  .ver-hero-subtitle {
    font-size: 17px;
  }

  .ver-hero-actions {
    flex-direction: column;
  }

  .ver-btn {
    width: 100%;
  }

  .ver-hero-card {
    padding: 22px;
    border-radius: 22px;
  }
}

@media (max-width: 480px) {
  .ver-hero-section {
    padding: 55px 16px;
  }

  .ver-hero-label {
    font-size: 13px;
  }

  .ver-rate-card-header {
    flex-direction: column;
  }

  .ver-currency-item {
    padding: 13px;
  }
}

/* <style Exchage rate board> */
.vex-rate-section {
  width: 100%;
  padding: 80px 20px;
  background: linear-gradient(135deg, #f8fffd 0%, #eefaf7 45%, #ffffff 100%);
  box-sizing: border-box;
}

.vex-rate-section * {
  box-sizing: border-box;
}

.vex-rate-container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.vex-rate-heading {
  max-width: 760px;
  margin-bottom: 34px;
}

.vex-rate-label {
  display: inline-block;
  margin-bottom: 14px;
  padding: 8px 15px;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
  font-size: 14px;
  font-weight: 800;
}

.vex-rate-heading h2 {
  margin: 0 0 14px;
  color: #0f172a;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.15;
  font-weight: 850;
  letter-spacing: -1px;
}

.vex-rate-heading p {
  margin: 0;
  color: #475569;
  font-size: 17px;
  line-height: 1.7;
}

.vex-board {
  width: 100%;
  background: #0f172a;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.vex-board-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 26px;
  background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
}

.vex-board-top h3 {
  margin: 0 0 6px;
  color: #ffffff !important;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 850;
}

.vex-board-top p {
  margin: 0;
  color: rgba(31, 41, 55, 0.78) !important;
  font-size: 14.5px;
  line-height: 1.6;
}

.vex-refresh-btn {
  border: 0;
  outline: 0;
  cursor: pointer;
  padding: 12px 18px;
  border-radius: 12px;
  background: #ffffff;
  color: #0f766e;
  font-size: 14px;
  font-weight: 800;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.vex-refresh-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.2);
}

.vex-refresh-btn:disabled {
  cursor: not-allowed;
  opacity: 0.7;
  transform: none;
  box-shadow: none;
}

.vex-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 26px;
  background: #111827;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
  font-size: 13.5px;
  line-height: 1.5;
}

.vex-table-wrap {
  width: 100%;
  overflow: visible;
}

.vex-rate-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.vex-rate-table thead {
  background: #020617;
}

.vex-rate-table th {
  padding: 17px 16px;
  color: #94a3b8;
  text-align: left;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  word-break: break-word;
}

.vex-rate-table td {
  padding: 18px 16px;
  color: #e2e8f0;
  font-size: 14px;
  vertical-align: top;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  word-break: break-word;
}

.vex-rate-table th:nth-child(1),
.vex-rate-table td:nth-child(1) {
  width: 25%;
}

.vex-rate-table th:nth-child(2),
.vex-rate-table td:nth-child(2),
.vex-rate-table th:nth-child(3),
.vex-rate-table td:nth-child(3),
.vex-rate-table th:nth-child(4),
.vex-rate-table td:nth-child(4) {
  width: 17%;
}

.vex-rate-table th:nth-child(5),
.vex-rate-table td:nth-child(5) {
  width: 24%;
}

.vex-rate-table tbody tr {
  transition: background 0.25s ease;
}

.vex-rate-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04);
}

.vex-currency-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vex-currency-code {
  min-width: 50px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #0f766e;
  color: #ffffff;
  font-size: 13px;
  font-weight: 850;
}

.vex-currency-name {
  display: block;
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 3px;
  line-height: 1.3;
}

.vex-currency-country {
  display: block;
  color: #94a3b8;
  font-size: 12.5px;
  line-height: 1.35;
}

.vex-rate-value {
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.4;
}

.vex-buy {
  color: #bbf7d0;
}

.vex-sell {
  color: #fed7aa;
}

.vex-mid {
  color: #bfdbfe;
}

.vex-use-case {
  display: inline-block;
  color: #cbd5e1;
  line-height: 1.55;
}

.vex-loading-cell {
  text-align: center;
  color: #cbd5e1 !important;
  padding: 36px 20px !important;
}

.vex-board-footer {
  padding: 22px 26px 26px;
  background: #020617;
}

.vex-board-footer p {
  margin: 0 0 10px;
  color: #cbd5e1;
  font-size: 14px;
  line-height: 1.7;
}

.vex-board-footer small {
  display: block;
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.6;
}

/* Tablet */
@media (max-width: 900px) {
  .vex-rate-section {
    padding: 65px 18px;
  }

  .vex-board {
    border-radius: 22px;
  }

  .vex-rate-table th {
    padding: 15px 12px;
    font-size: 11px;
  }

  .vex-rate-table td {
    padding: 16px 12px;
    font-size: 13.5px;
  }

  .vex-rate-value {
    font-size: 14px;
  }

  .vex-currency-code {
    min-width: 44px;
    height: 38px;
    font-size: 12px;
  }
}

/* Mobile: no horizontal scroll */
@media (max-width: 760px) {
  .vex-rate-section {
    padding: 58px 16px;
  }

  .vex-rate-heading {
    margin-bottom: 26px;
  }

  .vex-rate-heading h2 {
    font-size: 30px;
    letter-spacing: -0.5px;
  }

  .vex-rate-heading p {
    font-size: 16px;
  }

  .vex-board-top {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
  }

  .vex-board-top h3 {
    font-size: 22px;
  }

  .vex-refresh-btn {
    width: 100%;
  }

  .vex-status-row {
    flex-direction: column;
    align-items: flex-start;
    padding: 14px 22px;
    gap: 6px;
  }

  .vex-table-wrap {
    overflow: visible;
  }

  .vex-rate-table {
    display: block;
    width: 100%;
  }

  .vex-rate-table thead {
    display: none;
  }

  .vex-rate-table tbody {
    display: grid;
    gap: 14px;
    width: 100%;
    padding: 16px;
  }

  .vex-rate-table tr {
    display: grid;
    width: 100%;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    overflow: hidden;
  }

  .vex-rate-table td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    width: 100% !important;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 14px;
  }

  .vex-rate-table td:last-child {
    border-bottom: 0;
  }

  .vex-rate-table td::before {
    content: attr(data-label);
    flex: 0 0 40%;
    max-width: 40%;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.4px;
  }

  .vex-rate-table td > * {
    flex: 1;
    max-width: 60%;
    text-align: right;
  }

  .vex-currency-box {
    justify-content: flex-end;
  }

  .vex-currency-box > div {
    min-width: 0;
  }

  .vex-rate-value {
    font-size: 15px;
  }

  .vex-use-case {
    text-align: right;
  }

  .vex-board-footer {
    padding: 20px 22px 24px;
  }
}

/* Small mobile */
@media (max-width: 420px) {
  .vex-rate-section {
    padding-left: 14px;
    padding-right: 14px;
  }

  .vex-rate-heading h2 {
    font-size: 28px;
  }

  .vex-rate-table tbody {
    padding: 12px;
  }

  .vex-rate-table td {
    padding: 13px 14px;
    gap: 10px;
  }

  .vex-rate-table td::before {
    flex-basis: 38%;
    max-width: 38%;
    font-size: 11.5px;
  }

  .vex-rate-table td > * {
    max-width: 62%;
  }

  .vex-currency-code {
    min-width: 42px;
    height: 36px;
  }
}

/* <style Quot Compare> */
.vcompare-section {
  width: 100%;
  padding: 70px 18px;
  background: #f8fafc;
  font-family: Arial, sans-serif;
  color: #1f2937;
}

.vcompare-container {
  max-width: 1180px;
  margin: 0 auto;
}

.vcompare-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 34px;
}

.vcompare-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.vcompare-header h2 {
  margin: 0 0 14px;
  color: #111827;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.15;
  font-weight: 800;
}

.vcompare-header p {
  margin: 0;
  color: #4b5563;
  font-size: 16px;
  line-height: 1.75;
}

.vcompare-toggle-wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 26px;
  flex-wrap: wrap;
}

.vcompare-toggle {
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #374151;
  padding: 11px 20px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.25s ease;
}

.vcompare-toggle:hover,
.vcompare-toggle.active {
  background: #0f766e;
  color: #ffffff;
  border-color: #0f766e;
}

.vcompare-table-wrap {
  background: #ffffff;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 20px 55px rgba(15, 23, 42, 0.08);
  border: 1px solid #e5e7eb;
}

.vcompare-row {
  display: grid;
  grid-template-columns: 1fr 1.4fr 1.4fr;
  border-bottom: 1px solid #e5e7eb;
}

.vcompare-row:last-child {
  border-bottom: none;
}

.vcompare-cell {
  padding: 24px;
  font-size: 15px;
  line-height: 1.7;
  color: #374151;
  border-right: 1px solid #e5e7eb;
}

.vcompare-cell:last-child {
  border-right: none;
}

.vcompare-feature {
  background: #f9fafb;
  color: #111827;
  font-weight: 800;
}

.vcompare-head {
  background: #111827;
}

.vcompare-head .vcompare-cell {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.14);
}

.vcompare-head .vcompare-feature {
  background: #0f766e;
  color: #ffffff;
}

.vcompare-head h3 {
  margin: 0 0 7px;
  font-size: 21px;
  line-height: 1.25;
  color: #ffffff !important;
}

.vcompare-head p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
}

.vcompare-highlight {
  background: rgba(15, 118, 110, 0.07);
}

.vcompare-cell ul {
  margin: 0;
  padding-left: 18px;
}

.vcompare-cell li {
  margin-bottom: 8px;
}

.vcompare-btn {
  width: 100%;
  max-width: 300px;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  transition: 0.25s ease;
  text-align: center;
  cursor: pointer;
}

.vcompare-btn-light {
  background: rgba(15, 118, 110, 0.12);
  color: #0f766e;
}

.vcompare-btn-light:hover {
  background: #0f766e;
  color: #ffffff;
}

.vcompare-btn-dark {
  background: #0f766e;
  color: #ffffff;
}

.vcompare-btn-dark:hover {
  background: #115e59;
  color: #ffffff;
}

.vcompare-row.vcompare-hidden {
  display: none;
}

/* FORM PANEL */

.vquote-panel {
  display: none;
  margin-top: 30px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 28px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
  overflow: hidden;
}

.vquote-panel.vquote-open {
  display: block;
  animation: vquoteFade 0.35s ease;
}

@keyframes vquoteFade {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.vquote-panel-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 24px;
  background: #111827;
  color: #ffffff;
}

.vquote-panel-top span {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.vquote-close {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: transparent;
  color: #ffffff;
  padding: 8px 14px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}

.vquote-close:hover {
  background: rgba(255, 255, 255, 0.12);
}

.vquote-form {
  display: none;
  padding: 30px;
}

.vquote-form.vquote-active {
  display: block;
}

.vquote-form-head {
  margin-bottom: 26px;
}

.vquote-form-head h3 {
  margin: 0 0 10px;
  color: #111827;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.2;
  font-weight: 800;
}

.vquote-form-head p {
  margin: 0;
  color: #4b5563;
  font-size: 15px;
  line-height: 1.7;
  max-width: 780px;
}

.vquote-section-title {
  margin: 28px 0 16px;
  padding: 12px 16px;
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 800;
}

.vquote-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.vquote-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.vquote-full {
  grid-column: 1 / -1;
}

.vquote-field label {
  color: #111827;
  font-size: 14px;
  font-weight: 800;
}

.vquote-field label span {
  color: #6b7280;
  font-weight: 600;
}

.vquote-field input,
.vquote-field select,
.vquote-field textarea {
  width: 100%;
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #111827;
  border-radius: 14px;
  padding: 13px 14px;
  font-size: 14px;
  outline: none;
  transition: 0.25s ease;
}

.vquote-field textarea {
  min-height: 120px;
  resize: vertical;
}

.vquote-field input:focus,
.vquote-field select:focus,
.vquote-field textarea:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.12);
}

.vquote-radio-group,
.vquote-checkbox-grid {
  display: grid;
  gap: 12px;
  padding: 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
}

.vquote-radio-group {
  grid-template-columns: repeat(3, 1fr);
}

.vquote-checkbox-grid {
  grid-template-columns: repeat(2, 1fr);
}

.vquote-radio-group label,
.vquote-checkbox-grid label {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
  font-weight: 700;
}

.vquote-radio-group input,
.vquote-checkbox-grid input {
  width: auto;
  margin-top: 3px;
  accent-color: #0f766e;
}

.vquote-notice {
  margin-top: 24px;
  padding: 16px 18px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #78350f;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 600;
}

.vquote-submit {
  margin-top: 22px;
  border: none;
  background: #0f766e;
  color: #ffffff;
  min-height: 52px;
  padding: 14px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  transition: 0.25s ease;
}

.vquote-submit:hover {
  background: #115e59;
}

/* MOBILE */

@media (max-width: 900px) {
  .vcompare-section {
    padding: 54px 14px;
  }

  .vcompare-table-wrap {
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
  }

  .vcompare-row {
    display: block;
    margin-bottom: 18px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.07);
  }

  .vcompare-head {
    display: none;
  }

  .vcompare-cell {
    display: block;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
    padding: 18px;
  }

  .vcompare-cell:last-child {
    border-bottom: none;
  }

  .vcompare-feature {
    background: #0f766e;
    color: #ffffff;
    font-size: 15px;
  }

  .vcompare-row .vcompare-cell:nth-child(2)::before {
    content: "Free Quote Review";
    display: block;
    margin-bottom: 8px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .vcompare-row .vcompare-cell:nth-child(3)::before {
    content: "Advanced Import Analysis";
    display: block;
    margin-bottom: 8px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .vcompare-btn {
    max-width: none;
  }

  .vquote-form {
    padding: 22px;
  }

  .vquote-grid {
    grid-template-columns: 1fr;
  }

  .vquote-radio-group,
  .vquote-checkbox-grid {
    grid-template-columns: 1fr;
  }

  .vquote-panel-top {
    padding: 16px 18px;
  }
}

@media (max-width: 480px) {
  .vcompare-section {
    padding: 44px 12px;
  }

  .vcompare-header h2 {
    font-size: 28px;
  }

  .vcompare-toggle {
    width: 100%;
  }

  .vcompare-cell {
    padding: 16px;
    font-size: 14px;
  }

  .vquote-form {
    padding: 18px;
  }

  .vquote-form-head h3 {
    font-size: 24px;
  }

  .vquote-submit {
    width: 100%;
  }
}



.site-info,
footer .site-info,
#colophon .site-info {
  display: none !important;
}


footer:has(a[href*="wordpress.org"]) {
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Remove footer credits */
#infinite-footer {
    display: none !important;
}

/* Centre single-post content on large screens */
/* The right sidebar on single posts is empty, so it reserved a third of the
   page and pushed the article left. Reclaim that column and centre the article.
   Scoped to >=992px, so phones and tablets (already full width) are untouched. */
@media (min-width: 992px) {
  .single-post #content-box .row > .col-lg-4,
  .single-post #content-box .row > .col-md-5 {
    display: none;
  }
  .single-post #content-box .row > .col-lg-8,
  .single-post #content-box .row > .col-md-7 {
    float: none;
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* === Page title banner background (added by Claude) === */
/* Applies to blog posts and product posts only. Pages keep the plain gradient. */
body.single-post header.page-main-header {
  background-color: #0a0607 !important;
  background-image:
    linear-gradient(to bottom, rgba(6,4,5,0.78) 0%, rgba(6,4,5,0.48) 45%, rgba(6,4,5,0.74) 100%),
    url("https://i0.wp.com/venocipal.com/wp-content/uploads/2026/09/file_000000000e848243ac60f4e99f27c8cb.png?fit=2048%2C683&ssl=1") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center center, center center !important;
  background-size: cover, cover !important;
}
body.single-post header.page-main-header .ht-main-title {
  text-shadow: 0 2px 10px rgba(0,0,0,0.55);
}
/* Desktop: hold the title to the same 900px centred column as the post body,
   so long titles wrap to two lines instead of stretching the full width. */
@media (min-width: 992px) {
  body.single-post header.page-main-header .ht-main-title {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-wrap: balance;
  }
}


/* === Post hero image (featured image shown at top of post content) - responsive crop (added by Claude) === */
.vpt-hero-image {
  margin: 0 0 24px;
}
.vpt-hero-image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .vpt-hero-image img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
  }
}


/* === Blog list featured images - uniform landscape on desktop, natural on mobile (added by Claude) ===
   The theme sets .ht-blog-thumbnail img { height:280px } (300px under 992px) with no
   object-fit, so it defaults to fill and portrait images are SQUASHED, not cropped. */
@media (min-width: 768px) {
  body main#innerpage-box .ht-blog-thumbnail img,
  body .ht-blog-thumbnail img,
  body .rt-img-holder img.rt-img-responsive {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: center;
  }
  body .ht-blog-thumbnail,
  body .rt-img-holder {
    height: auto;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  body main#innerpage-box .ht-blog-thumbnail img,
  body .ht-blog-thumbnail img,
  body .rt-img-holder img.rt-img-responsive {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }
  body .ht-blog-thumbnail,
  body .rt-img-holder {
    height: auto;
  }
}

/* ---- Venocipal client pages ---- */

/* The white strip below the footer is the page
   canvas showing through on short pages. Colour
   it to match the footer bar and it reads as
   footer, at any screen size, on every page. */
html {
	background-color: #2b3442;
}

body {
	background-color: #ffffff;
}

/* Give short pages some breathing room without
   stretching the bordered cards themselves. */
.vcp-feed {
	min-height: 45vh;
}

.vcp-login {
	margin-bottom: 12vh;
}
/* ---- Venocipal ---- */

/* Sticky footer: make the page fill the screen so
   the footer is pushed to the bottom on short
   pages. The :has() rule targets whichever
   wrapper actually holds the footer, so it works
   without naming the theme's own class. */
html {
	min-height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

body > footer,
body > .footer,
body > [class*="footer"],
body > :has(> footer),
body > :has(> .footer) {
	margin-top: auto;
}

.footer-area ul.sub-menu{
  position: static !important;
  left: auto !important;
  margin: 6px 0 16px 0 !important;
  padding-left: 13px !important;
  border-left: 1px solid rgba(255,255,255,.16);
}
.footer-area ul.sub-menu li{
  margin-bottom: 7px !important;
  font-size: 13px !important;
}