.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.me-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-inline: auto !important
}

.my-auto {
    margin-block: auto !important
}

.p-auto {
    padding: auto !important
}

.pt-auto {
    padding-top: auto !important
}

.pe-auto {
    padding-right: auto !important
}

.pb-auto {
    padding-bottom: auto !important
}

.ps-auto {
    padding-left: auto !important
}

.px-auto {
    padding-inline: auto !important
}

.py-auto {
    padding-block: auto !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.me-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ms-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-inline: 0 !important
}

.my-0 {
    margin-block: 0 !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pe-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.ps-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-inline: 0 !important
}

.py-0 {
    padding-block: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.me-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ms-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-inline: .25rem !important
}

.my-1 {
    margin-block: .25rem !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.ps-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-inline: .25rem !important
}

.py-1 {
    padding-block: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-inline: .5rem !important
}

.my-2 {
    margin-block: .5rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-inline: .5rem !important
}

.py-2 {
    padding-block: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.mx-3 {
    margin-inline: 1rem !important
}

.my-3 {
    margin-block: 1rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.px-3 {
    padding-inline: 1rem !important
}

.py-3 {
    padding-block: 1rem !important
}

.m-4 {
    margin: 2rem !important
}

.mt-4 {
    margin-top: 2rem !important
}

.me-4 {
    margin-right: 2rem !important
}

.mb-4 {
    margin-bottom: 2rem !important
}

.ms-4 {
    margin-left: 2rem !important
}

.mx-4 {
    margin-inline: 2rem !important
}

.my-4 {
    margin-block: 2rem !important
}

.p-4 {
    padding: 2rem !important
}

.pt-4 {
    padding-top: 2rem !important
}

.pe-4 {
    padding-right: 2rem !important
}

.pb-4 {
    padding-bottom: 2rem !important
}

.ps-4 {
    padding-left: 2rem !important
}

.px-4 {
    padding-inline: 2rem !important
}

.py-4 {
    padding-block: 2rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.mx-5 {
    margin-inline: 3rem !important
}

.my-5 {
    margin-block: 3rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.px-5 {
    padding-inline: 3rem !important
}

.py-5 {
    padding-block: 3rem !important
}

.m-6 {
    margin: 25px !important
}

.mt-6 {
    margin-top: 25px !important
}

.me-6 {
    margin-right: 25px !important
}

.mb-6 {
    margin-bottom: 25px !important
}

.ms-6 {
    margin-left: 25px !important
}

.mx-6 {
    margin-inline: 25px !important
}

.my-6 {
    margin-block: 25px !important
}

.p-6 {
    padding: 25px !important
}

.pt-6 {
    padding-top: 25px !important
}

.pe-6 {
    padding-right: 25px !important
}

.pb-6 {
    padding-bottom: 25px !important
}

.ps-6 {
    padding-left: 25px !important
}

.px-6 {
    padding-inline: 25px !important
}

.py-6 {
    padding-block: 25px !important
}

.m-7 {
    margin: 50px !important
}

.mt-7 {
    margin-top: 50px !important
}

.me-7 {
    margin-right: 50px !important
}

.mb-7 {
    margin-bottom: 50px !important
}

.ms-7 {
    margin-left: 50px !important
}

.mx-7 {
    margin-inline: 50px !important
}

.my-7 {
    margin-block: 50px !important
}

.p-7 {
    padding: 50px !important
}

.pt-7 {
    padding-top: 50px !important
}

.pe-7 {
    padding-right: 50px !important
}

.pb-7 {
    padding-bottom: 50px !important
}

.ps-7 {
    padding-left: 50px !important
}

.px-7 {
    padding-inline: 50px !important
}

.py-7 {
    padding-block: 50px !important
}

.m-8 {
    margin: 100px !important
}

.mt-8 {
    margin-top: 100px !important
}

.me-8 {
    margin-right: 100px !important
}

.mb-8 {
    margin-bottom: 100px !important
}

.ms-8 {
    margin-left: 100px !important
}

.mx-8 {
    margin-inline: 100px !important
}

.my-8 {
    margin-block: 100px !important
}

.p-8 {
    padding: 100px !important
}

.pt-8 {
    padding-top: 100px !important
}

.pe-8 {
    padding-right: 100px !important
}

.pb-8 {
    padding-bottom: 100px !important
}

.ps-8 {
    padding-left: 100px !important
}

.px-8 {
    padding-inline: 100px !important
}

.py-8 {
    padding-block: 100px !important
}

.m-9 {
    margin: 150px !important
}

.mt-9 {
    margin-top: 150px !important
}

.me-9 {
    margin-right: 150px !important
}

.mb-9 {
    margin-bottom: 150px !important
}

.ms-9 {
    margin-left: 150px !important
}

.mx-9 {
    margin-inline: 150px !important
}

.my-9 {
    margin-block: 150px !important
}

.p-9 {
    padding: 150px !important
}

.pt-9 {
    padding-top: 150px !important
}

.pe-9 {
    padding-right: 150px !important
}

.pb-9 {
    padding-bottom: 150px !important
}

.ps-9 {
    padding-left: 150px !important
}

.px-9 {
    padding-inline: 150px !important
}

.py-9 {
    padding-block: 150px !important
}

.m-10 {
    margin: 200px !important
}

.mt-10 {
    margin-top: 200px !important
}

.me-10 {
    margin-right: 200px !important
}

.mb-10 {
    margin-bottom: 200px !important
}

.ms-10 {
    margin-left: 200px !important
}

.mx-10 {
    margin-inline: 200px !important
}

.my-10 {
    margin-block: 200px !important
}

.p-10 {
    padding: 200px !important
}

.pt-10 {
    padding-top: 200px !important
}

.pe-10 {
    padding-right: 200px !important
}

.pb-10 {
    padding-bottom: 200px !important
}

.ps-10 {
    padding-left: 200px !important
}

.px-10 {
    padding-inline: 200px !important
}

.py-10 {
    padding-block: 200px !important
}

pre {
  background: #f7f9ff; /* Light background for contrast */
  border: 1px solid #a3c9ff; /* Subtle border */
  padding: 1em; /* Spacing around the code block */
  margin: 1em 0; /* Vertical spacing between code blocks */
  overflow: auto; /* Handles long lines with scrollbars */
  font-family: monospace; /* Ensures code-like font */
  font-size: 0.9em; /* Slightly smaller font size */
  line-height: 1.5; /* Improves readability */
  border-radius: 5px; /* Rounded corners for a softer look */
}
    
pre code {
  display: block; /* Ensures code takes full width of pre */
  padding: 0; /* Remove default padding from code */
  color: inherit; /* Darker text color for contrast */
}

.title_quote { padding: 10px; background: #e5edff; border: 1px solid #a3c9ff; }
.title_quote { border-left: 2px solid #a3c9ff; margin-bottom: 5px; font-weight: bold; border-radius: 10px; }

.post .shortstory img {
    display: block; /* Important: Makes the image a block-level element */
    margin-left: auto;
    margin-right: auto; /* Shorthand: margin: 0 auto; */
    max-width: 100%;
    border-radius: 10px;
}

.paypal {
    background-color: #f7faff;
    padding: 15px 20px;
    border-radius: 10px;
    margin-top: 10px;
    border: 1px solid #dbdfea;
}    

.demo {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    /*text-align: center;*/
    white-space: nowrap;    
    overflow: hidden;              /* "overflow" value must be different from  visible"*/ 
    -o-text-overflow: ellipsis;    /* Opera < 11*/
    text-overflow:    ellipsis;    /* IE, Safari (WebKit), Opera >= 11, FF > 6 */
}