.newsletter-vertical-tabs .vc_tta-tabs-list {
  width: 18px;
}
.newsletter-vertical-tabs .vc_tta-panels {
  width: calc(100% - 18px);
}
.bold-yellow,
.bold-yellow * {
  color: #FDC339 !important;   /* gold/yellow */
  font-weight: 700 !important;
	font-size: 1.3em !important; /* 1.5x normal size */
}

.bold-gray,
.bold-gray * {
  color: #727272 !important;   
  font-weight: 700 !important;
	font-size: 1.1em !important; /* 1.5x normal size */
}

.bold-btn,
.bold-btn * {
  color: #171717 !important;   /* gold/yellow */
  font-weight: 500 !important;
	font-size: 1.2em !important; /* 1.5x normal size */
}

.bold-white,
.bold-white * {
  color: #FFFFFF !important;   /* gold/yellow */
  font-weight: 400 !important;
	font-size: 1.1em !important; /* 1.5x normal size */
}

.gi-pv-btn,
.gi-pv-btn {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
	color: #FDC339;        /* brand yellow text */
  background: #0B3564;   /* deep blue background */
  border: 1px solid #0B3564;

  transition: background 0.2s ease, border-color 0.2s ease;
}

.gi-pv-btn:hover {
  background: #114a8b;   /* lighter blue on hover */
  border-color: #114a8b;
}

.gi-vg-btn,
.gi-vg-btn {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;

  color: #309851;         
  background: #0B0E13;     

  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.gi-vg-btn:hover {
  background: #1a2233;     /* subtle dark slate hover */
  color: #309851;          /* brighter yellow on hover */
}

.gi-featured-integrations {
  --fi-card-h: 160px;   /* total box height */
  --fi-logo-h: 80px;    /* max logo height */
  --fi-pad: 12px;       /* inner padding */
}

/* 1) Remove default WPBakery row/column spacing */
.gi-featured-integrations .vc_row,
.gi-featured-integrations .wpb_row {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.gi-featured-integrations .vc_column_container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.gi-featured-integrations .vc_column_container > .vc_column-inner {
  padding-left: 8px !important;   /* reduce gutters (default 15px) */
  padding-right: 8px !important;
}
.gi-featured-integrations .vc_row {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

/* 2) Lock the flip container + faces to fixed height */
.gi-featured-integrations .vc-hoverbox .vc-hoverbox-inner,
.gi-featured-integrations .vc-hoverbox .vc-hoverbox-front,
.gi-featured-integrations .vc-hoverbox .vc-hoverbox-back {
  height: var(--fi-card-h) !important;
}

.gi-featured-integrations .vc-hoverbox .vc-hoverbox-front .vc-hoverbox-block-inner,
.gi-featured-integrations .vc-hoverbox .vc-hoverbox-back  .vc-hoverbox-block-inner {
  height: 100% !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--fi-pad);
  overflow: hidden;
}

/* 3) IMG logos: scale proportionally inside box */
.gi-featured-integrations .vc-hoverbox .vc-hoverbox-front .vc-hoverbox-block-inner img,
.gi-featured-integrations .vc-hoverbox .vc-hoverbox-back  .vc-hoverbox-block-inner img,
.gi-featured-integrations .wpb_single_image img,
.gi-featured-integrations .vc_single_image-img {
  display: block !important;
  margin: 0 auto 10px !important;
  max-width: 90% !important;
  width: auto !important;
  height: auto !important;
  max-height: var(--fi-logo-h) !important;
  object-fit: contain;
}

/* 4) SVG logos */
.gi-featured-integrations .vc-hoverbox .vc-hoverbox-block-inner svg {
  display: block;
  max-width: 90%;
  max-height: var(--fi-logo-h);
  height: auto;
  width: auto;
  margin: 0 auto 10px;
}

/* 5) Background-image logos */
.gi-featured-integrations .vc-hoverbox .vc-hoverbox-block-inner [style*="background-image"] {
  width: 90%;
  height: var(--fi-logo-h);
  margin: 0 auto 10px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* 6) Text inside boxes */
.gi-featured-integrations .vc-hoverbox .vc-hoverbox-block-inner p,
.gi-featured-integrations .vc-hoverbox .vc-hoverbox-block-inner .wpb_text_column {
  margin: 0;
  line-height: 1.3;
  font-size: .95rem;
  overflow-wrap: anywhere;
}

/* 7) Responsive adjustments */
@media (max-width: 991px) {
  .gi-featured-integrations { --fi-card-h: 140px; --fi-logo-h: 70px; }
}
@media (max-width: 575px) {
  .gi-featured-integrations { --fi-card-h: 120px; --fi-logo-h: 60px; }
}