/* ==========================================================================
   START: Text Highlight with Stylish Green Stroke CSS
   This CSS highlights specific text in green (#B6F34A) and adds a custom, 
   slightly rotated double-line stroke underneath it.
   ========================================================================== */

.highlight-green-line {
    color: #B6F34A;
    position: relative;
    display: inline-block;
    padding-bottom: 18px;
}

/* Main long green line */
.highlight-green-line::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 5px;
    background: #B6F34A;
    border-radius: 50%;
    transform: rotate(-1deg);
}

/* Short cross/stroke line */
.highlight-green-line::before {
    content: "";
    position: absolute;
    right: 2%;
    bottom: -1px;
    width: 18%;
    height: 5px;
    background: #B6F34A;
    border-radius: 50%;
    transform: rotate(-7deg);
}

/* ==========================================================================
   END: Text Highlight with Stylish Green Stroke CSS
   ========================================================================== */