/* Custom Css For Success Stories Page  */

:root {
    --bs-text-opacity: 1;
    --custom-aqua: #c3dae2;
    --custom-red: #c32228;
    --custom-pink: #fbcfc6;
    --custom-yellow: #adad70;
    --custom-dark-blue: #0e0f24;
    --custom-blue-1: #a4b8db;
    --custom-blue-2: #1f245c;
    --custom-blue-3: #91a1db;
    --custom-grey-1: #82868f;
    --custom-grey-2: #606060;
    --custom-orange: #281b13;
    --custom-light-blue-1: #9eb6fc;
    --custom-light-blue-2: #839ac7;
    --custom-light-blue-3: #8ad2ef;
    --custom-light-blue-4: #1d9fd9;
}

.custom-red {
    color: var(--custom-red);
    /* background-color: var(--custom-red); */
}
.custom-aqua {
    color: var(--custom-aqua);
    /* background-color: var(--custom-aqua); */
}
.custom-pink {
    color: var(--custom-pink);
    /* background-color: var(--custom-pink); */
}
.custom-yellow {
    color: var(--custom-yellow);
    /* background-color: var(--custom-yellow); */
}

.custom-dark-blue {
    color: var(--custom-dark-blue);
    /* background-color: var(--custom-dark-blue); */
}
.custom-blue-1 {
    color: var(--custom-blue-1);
    /* background-color: var(--custom-blue-1); */
}
.custom-blue-2 {
    color: var(--custom-blue-2);
    /* background-color: var(--custom-blue-2); */
}
.custom-blue-3 {
    color: var(--custom-blue-3);
    /* background-color: var(--custom-blue-3); */
}

.custom-light-blue-1 {
    color: var(--custom-light-blue-1);
    /* background-color: var(--custom-light-blue-1); */
}
.custom-light-blue-2 {
    color: var(--custom-light-blue-2);
    /* background-color: var(--custom-light-blue-2); */
}
.custom-light-blue-3 {
    color: var(--custom-light-blue-3);
    /* background-color: var(--custom-light-blue-3); */
}
.custom-light-blue-4 {
    color: var(--custom-light-blue-4);
    /* background-color: var(--custom-light-blue-4); */
}
.custom-grey-1 {
    color: var(--custom-grey-1);
    /* background-color: var(--custom-grey-1); */
}
.custom-grey-2 {
    color: var(--custom-grey-2);
    /* background-color: var(--custom-grey-2); */
}

.custom-orange {
    color: var(--custom-orange);
    /* background-color: var(--custom-orange); */
}

/* After Adding Class For Underline */

.underline-2.custom-underline-red:after {
    background: var(--custom-red);
}
.underline-2.custom-underline-pink:after {
    background: var(--custom-pink);
}
.underline-2.custom-underline-aqua:after {
    background: var(--custom-aqua);
}
.underline-2.custom-underline-yellow:after {
    background: var(--custom-yellow);
}

.underline-2.custom-underline-dark-blue:after {
    background: var(--custom-dark-blue);
}
.underline-2.custom-underline-blue-1:after {
    background: var(--custom-blue-1);
}
.underline-2.custom-underline-blue-2:after {
    background: var(--custom-blue-2);
}
.underline-2.custom-underline-blue-3:after {
    background: var(--custom-blue-3);
}

.underline-2.custom-underline-light-blue-1:after {
    background: var(--custom-light-blue-1);
}
.underline-2.custom-underline-light-blue-2:after {
    background: var(--custom-light-blue-2);
}
.underline-2.custom-underline-light-blue-3:after {
    background: var(--custom-light-blue-3);
}
.underline-2.custom-underline-light-blue-4:after {
    background: var(--custom-light-blue-4);
}

.underline-2.custom-underline-grey-1:after {
    background: var(--custom-grey-1);
}
.underline-2.custom-underline-grey-2:after {
    background: var(--custom-grey-2);
}

.underline-2.custom-underline-orange:after {
    background: var(--custom-orange);
}

/* 09-04-2024 02:52 
.custom-btn-sm {
    --bs-btn-padding-y: 0.05rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-font-size: 0.5rem;
    --bs-btn-border-radius: 0.2rem;
    cursor: pointer;
} */

/*  09-04-2024 04:17 
.custom-btn-sm {
    font-size: .55rem;
    --bs-btn-padding-y: 0.054rem;
    --bs-btn-padding-x: 0.245rem;
    --bs-btn-font-size: 0.5rem;
    --bs-btn-border-radius: 0.2rem;
    cursor: pointer;
} */

/* 09-04-2024 04:27
.custom-btn-sm {
    font-size: 0.5rem;

    --bs-btn-font-size: 0.55rem;
    --bs-btn-border-radius: 1rem;
    cursor: pointer;
    padding: 0.2rem;
} */

.custom-btn-sm {
    font-size: 0.50rem;
    /* --bs-btn-padding-y: 0.09rem; */
    /* --bs-btn-padding-x: 0.25rem; */
    --bs-btn-font-size: 0.55rem;
    --bs-btn-border-radius: 1rem;
    cursor: pointer;
    padding: 0.199rem;
    /* font-weight: 900; */
}


.custom-btn-sm:hover {
    color: whitesmoke;
}

.custom-badge {
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid transparent; /* Initial transparent border */
    border-color: #333; /* Border color on hover */
    transition: border-color 0.2s ease; /* Smooth transition on hover */
}

.custom-badge:hover {
    background-color: #5586ea;
    color: #0e0f24;
    cursor: pointer;
}

:not(pre)>code[class*=language-], pre, pre[class*=language-]{
    padding: 0px;
}
.article-content .hljs {
    border-radius: .5rem;
}
.article-content pre{
    margin-bottom: 10px;
}
[name="tableOfContents"]{
    margin-left: 0px !important;
}
#hr-toc{
    margin: 20px 0;
}