#goog-gt-tt{
    display: hide !important;
}

.faq-bg {
  width: 100%;
  min-height: 90vh; /* Full viewport height */
  background-image: url("../images/bg-faq.png");
  background-size: contain; /* Show entire image without cutoff */
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 28px;
}

.print-content{
    position: fixed;
    right: 0rem;
    top: 269px;;
    transform: translateY(-50%);
}

.print-btn{
    background-color: var(--wb-primary);
    padding: 16px 8px;
    border-radius: 0.5rem 0 0 0.5rem;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}
.print-icon {
    transform: rotate(270deg);
    display: inline-block;
    writing-mode: vertical-rl;
    color: white;
}
.print-text {
    margin-top: 10px;
    transform: rotate(270deg);
    color: white;
}
#condition-block #paymentandbilling,
#condition-block #pricingplans,
#condition-block #cancellation,
#condition-block #deliverypolicy,
#condition-block #customers {
    scroll-margin-top: 90px;
}

#condition-block p:first-child {
  display: none;
}

#condition-block {
    color: var(--wb-primary);
}

#condition-block table {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 24px 0;
    table-layout: fixed;
    border-collapse: collapse;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #e6e6e6;
}

.page-title {
    text-align: center;
    color: var(--brand);
    margin: 100px 0 100px;
}

/* Override global table-display/block rules so this table always renders
     as a table and fits the viewport without horizontal scrolling. */
@media (max-width: 725px) {
    .print-text{
        display: none;
    }


    #condition-block {
        overflow-x: visible;
    }

    #condition-block table {
        display: table !important;
        table-layout: fixed !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    /* Allow the first column to wrap safely rather than forcing nowrap
       which caused overflow. Use word-break/overflow-wrap to break long words. */
    #condition-block table th:first-child,
    #condition-block table td:first-child {
        width: 26%;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Distribute remaining columns evenly; ensure they can shrink */
    #condition-block table th:not(:first-child),
    #condition-block table td:not(:first-child) {
        width: 24%;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Slightly reduce typography so the table fits without scrolling */
    #condition-block table tr th,
    #condition-block table tbody td {
        font-size: 12px;
        padding: 8px;
        line-height: 1.25;
        box-sizing: border-box;
    }
}

#condition-block table caption {
    caption-side: top;
    text-align: left;
    font-weight: 600;
    padding: 10px 12px;
    color: #344621;
}

#condition-block thead th,
#condition-block tbody th {
    background: var(--wb-primary);
    color: #ffffff;
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
}

#condition-block tbody td  {
    background: #ffffff;
    color: #222;
    padding: 12px 14px;
    vertical-align: middle;
    border-top: 1px solid #e6e6e6;
    word-wrap: break-word;
    border-left: 1px solid #e6e6e6;
}

#condition-block tbody td:first-child {
    font-weight: 600;
}

@media (min-width: 800px) {

    #condition-block {
        box-sizing: border-box;
        min-width: 0;
        overflow-x: visible;
    }

    #condition-block table {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        table-layout: fixed;
        word-break: break-word;
    }

    #condition-block table caption {
        font-size: 14px;
        padding: 8px 10px;
    }

    #condition-block table tr th,
    #condition-block table tbody td {
        white-space: normal;
        word-break: break-word;
        overflow-wrap: anywhere;
        font-size: 14px;
        padding: 10px;
    }

    #condition-block table img {
        max-width: 100%;
        height: auto;
        display: block;
    }
}
@media (max-width: 440px) {
        #condition-block {
        box-sizing: border-box;
        min-width: 0;
        overflow-x: visible;
    }

        #condition-block table {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        table-layout: fixed;
        word-break: break-word;
    }

        #condition-block table tr th,
    #condition-block table tbody td {
        white-space: normal;
        text-wrap: unset;
        /* overflow-wrap: anywhere; */
    }

    #condition-block tbody td:first-child{
        font-size: 10px;
    }


#condition-block thead th {
    font-size: 10px;
}
  #condition-block table tbody td {
    font-size: 10px;
  }
}