/* Make each card hold two items with a divider */
.faq_card .faq_item + .faq_item{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(0,0,0,.08);
}

.botomText_Title {
    margin-top: 25px;
}

.botomText_Title p {
    color: #323c72;
    margin-bottom: 0;
}

.botomText_Title p a {
    text-decoration: underline;
    color: #323c72;
}

body .image-box-sec.represent-sec .image-box-row .flexTitleCol {
    width: 46% !important;
}

body .image-box-sec.represent-sec .image-box-row .image-col {
    width: 100% !important;
    padding-bottom: 84.3% !important;
}

body .image-box-sec.represent-sec .image-box-row .flexTitleCol .botomText_Title {
    margin-top: 30px;
    max-width: 89%;
    margin-left: 25px;
}

/* ===== Home FAQ Section ===== */
.faq_sec{
  background:#868ebb;      /* strip bg like your screenshot */
  padding:48px 0;
}
.faq_sec .h4{
  color:#fff;
  margin:0 0 22px;
}
.faq_grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}
@media (max-width:900px){
  .faq_grid{ grid-template-columns:1fr; }
}
.faq_card{
  background:#fff;
  border-radius:20px;
  padding:22px 22px 18px;
  box-shadow:0 1px 0 rgba(0,0,0,.06);
}
.faq_q{
  font-weight:800;
  font-size:22px;          /* aligns with your card titles */
  margin:0 0 10px;
  color:#111;
}
.faq_a{ 
	color:#4b4b4b;
	line-height:1.6;
}
.faq_excerpt{
	margin:0 0 14px; 
}
.faq_more{ 
	text-decoration:underline;
	color:inherit;
	font-family: "Glacial Indifference" !important;
}
.faq_footer{
  color:#fff;
  margin:18px 6px 0;
  font-size:15px;
}

.faq_footer a{ color:#fff; text-decoration:underline; font-weight:700; }

/* Reuse your button look via .primary_btn (already exists in your theme) */
/* If you want an alternate button, you can also add:
.primary_btn{ border-radius:10px; padding:11px 18px; font-weight:700; } */



@media only screen and (max-width: 1220px) {
    .image-box-sec.represent-sec .image-box-row .flexTitleCol {
        width: 44%;
    }

    .image-box-sec.represent-sec .image-box-row {
        gap: 40px;
    }

}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .image-box-sec.represent-sec .image-box-row .flexTitleCol {
        width: 44%;
    }

    .image-box-sec.assistance_sec .image-box-row .content-col {
        width: 44% !important;
    }
}


@media only screen and (max-width: 991px) {
    .image-box-sec.represent-sec .image-box-row .flexTitleCol {
        width: 100%;
    }

    .image-box-sec.represent-sec .image-box-row .image-col {
        padding-bottom: 70.3% !important;
    }
}

/*Test 123 456*/