.qa-heading {
    font-size: 1.625rem;
    color: #E35304;
    font-weight: bold;
}

.answer-text {
    width: 100%;
    display: block;
    font-size: 1.125rem;
    font-weight: bold;
    height: 70px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}


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

.responsive-row {
    display: flex; 
    width: 100%; 
    justify-content: space-between; 
    gap: 10px; 
    flex-wrap: nowrap;
}

    .responsive-row a {
        /* min-width: 140px;
    height: auto; */
        background-color: #f5e6d3;
        border-radius: 30px;
        border: none;
        color: #E35304;
        padding: 14px 20px 32px;
        text-align: center;
        position: relative;
        white-space: normal;
        font-weight: bold;
        flex: 1;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.responsive-row a::after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 10px;
    transform: translateY(-50%) rotate(135deg);
    width: 0.5rem;
    height: 0.5rem;
    border-right: 1.5px solid var(--color-orange-dark);
    border-top: 1.5px solid var(--color-orange-dark);
}

@media (max-width: 767.98px) {
  .responsive-row {
    flex-wrap: wrap; 
  }
  .responsive-row a {
    flex: 0 0 31%; 
  }

   .answer-text {
        border-bottom: 1px solid #E35304;
        height: auto;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
} 

@media (min-width: 768px) {
    .answer-text {
        border-right: 1px solid #E35304;
    }
}

@media (min-width: 767.98px) and (max-width:1200px) {
    .answer-text {
        height: 100%;
    }
}

@media (min-width: 767.98px) and (max-width:850px) {
    .responsive-row a {
        padding: 14px 8px 32px !important;
    }
}