.zht-tip-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EFF8FD;
    padding: 62px 42px;
    margin: 15px 0;
    border-radius: 12px;
}

.zht-tip-box p {
    margin: 0;
    font-size: 16px;
    color: #003049;
    font-variation-settings: "wght" 450 !important;
    line-height: 32.24px;
}

.zht-tip-box::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 17px;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="17" viewBox="0 0 24 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.375C0 2.85281 2.87679 0 6.42857 0H6.85714C7.80536 0 8.57143 0.759687 8.57143 1.7C8.57143 2.64031 7.80536 3.4 6.85714 3.4H6.42857C4.77321 3.4 3.42857 4.73344 3.42857 6.375V6.8H6.85714C8.74821 6.8 10.2857 8.32469 10.2857 10.2V13.6C10.2857 15.4753 8.74821 17 6.85714 17H3.42857C1.5375 17 0 15.4753 0 13.6V6.375ZM13.7143 6.375C13.7143 2.85281 16.5911 0 20.1429 0H20.5714C21.5196 0 22.2857 0.759687 22.2857 1.7C22.2857 2.64031 21.5196 3.4 20.5714 3.4H20.1429C18.4875 3.4 17.1429 4.73344 17.1429 6.375V6.8H20.5714C22.4625 6.8 24 8.32469 24 10.2V13.6C24 15.4753 22.4625 17 20.5714 17H17.1429C15.2518 17 13.7143 15.4753 13.7143 13.6V6.375Z" fill="%23EAE2B7"/></svg>') no-repeat center;
}

.zht-tip-box::after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 24px;
    height: 17px;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="17" viewBox="0 0 24 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.375C0 2.85281 2.87679 0 6.42857 0H6.85714C7.80536 0 8.57143 0.759687 8.57143 1.7C8.57143 2.64031 7.80536 3.4 6.85714 3.4H6.42857C4.77321 3.4 3.42857 4.73344 3.42857 6.375V6.8H6.85714C8.74821 6.8 10.2857 8.32469 10.2857 10.2V13.6C10.2857 15.4753 8.74821 17 6.85714 17H3.42857C1.5375 17 0 15.4753 0 13.6V6.375ZM13.7143 6.375C13.7143 2.85281 16.5911 0 20.1429 0H20.5714C21.5196 0 22.2857 0.759687 22.2857 1.7C22.2857 2.64031 21.5196 3.4 20.5714 3.4H20.1429C18.4875 3.4 17.1429 4.73344 17.1429 6.375V6.8H20.5714C22.4625 6.8 24 8.32469 24 10.2V13.6C24 15.4753 22.4625 17 20.5714 17H17.1429C15.2518 17 13.7143 15.4753 13.7143 13.6V6.375Z" fill="%23EAE2B7"/></svg>') no-repeat center;
}

.zht-question-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EAE2B7;
    padding: 19px 25px 33px 25px;
    margin:30px 0;
    border-radius: 12px;
    flex-direction: column;
}

.zht-question-box p {
    color: #003049;
    font-variation-settings: "wght" 500 !important;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: center !important;
}
button.more-reading-button {
    border-radius: 4px;
    background-color: #003049;
    font-size: 20px;
    font-variation-settings: "wght" 600 !important;
    padding: 11px 0;
    width: 172px;
    margin-top: 33px;
}


.zht-product-box {
    border: 1px solid #EFF8FD;
    padding: 42px 22px;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}
.zht-product-box-right {
    width: 58.672%;
    gap: 17px;
    display: flex;
    flex-direction: column;
}
.zht-product-box-left {
    width: 24.494%;
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.zht-product-box-right h3 {
    color: #F77F00;
    font-size: 22px;
    font-weight: 725;
    line-height: 34.1px;
    font-variation-settings: "wght" 725 !important;
}
.zht-product-box-right p {
    color: #003049;
    font-size: 16px;
    line-height: 32.24px;
    text-align: right;
    font-variation-settings: "wght" 450 !important;
}
button.zht-product-box-button {
    background-color: #F77F00;
    padding: 13.5px 13px;
    border-radius: 4px;
    width: 100%;
    font-size: 20px;
    font-variation-settings: "wght" 600 !important;
}
.zht-product-box-left img {
    border-radius: 7px !important;
}
@media (max-width: 767px) {
    a.zht-product-box {
        flex-wrap: wrap;
    }
    .zht-product-box-right {
        width: 100%;
    }
    .zht-product-box-right h3 {
        text-align: center;
    }
    .zht-product-box-left {
        width: 100%;
    }
}