 .box-download {
     background: #f9f9f9;
 }

 .rounded-10 {
     border-radius: 10px !important;
 }

 .box-download .list-download {
     background: #fdfdfd;
     border-radius: 10px;
     padding: 15px;
 }

 .box-download .list-download .line {
     padding: 10px 0;
 }

 .box-download .list-download .line .btn {}

 p {
     text-align: justify;
 }

 .px-container ul li {
     list-style-type: inherit !important;
 }

 .related-products {
     margin: 30px 0;
 }

 .product {
     display: inline-flex;
     flex-direction: row;
     background: #fff;
     border-radius: 28px;
     overflow: hidden;
     box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(33, 33, 33, 0.07) 0px 2px 5px 2px;
     padding: 12px;
     width: 100%;
     align-items: center;
 }

 .product__img {
     max-width: 120px;
 }

 .product__img img {
     margin: 0 !important;
     border-radius: 10px;
 }

 .product__detail {
     padding-right: 12px;
     display: flex;
     flex-direction: column;
     flex-grow: 1;
 }

 .product__title {
     color: #000 !important;
     font-weight: 600 !important;
 }

 .product__desc {
     line-height: 24px !important;
     font-size: 13px !important;
     color: #727677;
 }

 .related-products .owl-stage {
     display: flex;
 }

 .product__discount {
     background-color: red;
     color: #fff;
     padding: 2px 3px;
     border-radius: 3px;
     font-size: 12px !important;
     margin-left: 5px;
 }

 .product__price {
     margin-top: auto;
     padding-left: 10px;
 }

 .product__off {
     color: rgb(163, 163, 163);
     font-size: 14px;
     font-weight: 300;
     line-height: 24px;
     text-decoration-line: line-through;
 }

 .product__total {
     color: rgb(38, 38, 38);
     font-size: 14px;
     font-weight: 600;
     line-height: 21px;
 }

 .flex-column {
     flex-direction: column;
 }

 .related-wrapper .owl-stage {
     padding: 5px 0;
 }

 .related-wrapper .owl-stage-outer {
     max-width: 100%;
 }

 .related-wrapper .owl-item {
     padding: 2px 3px;
 }

 .related-wrapper .owl-prev {
     display: none;
 }

 .related-wrapper .owl-next {
     display: none;
 }

 .related-wrapper .owl-dots:not(.disabled) {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 16px;
 }

 .related-wrapper .owl-dots:not(.disabled) .owl-dot {
     width: 7px;
     height: 7px;
     background-color: #d5d3d3;
     border: none;
     border-radius: 50%;
     margin: 0 2px;
     padding: 0 !important;
 }

 .related-wrapper .owl-dots:not(.disabled) .owl-dot.active {
     background-color: #ffa800;
     width: 18px;
     border-radius: 5px;
 }

 .related-products {
     padding: 16px 10px;
     border: 1px solid #dee2e6 !important;
     border-radius: 16px;
 }

 .related-products__title {
     color: #ffa800;
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 12px;
 }

 .product:hover {
     box-shadow: rgba(255, 168, 0, 0.1) 0px 0px 0px 0px, rgba(255, 168, 0, 0.1) 0px 0px 0px 0px, rgba(255, 168, 0, 0.1) 0px 2px 5px 2px;
 }

 .blog-text * {
     text-align: justify !important;
 }

 .blog-text p a {
     color: #4CB951;
     font-weight: 600;
     display: inline !important;
     border: none !important;
     margin: 0 !important;
     padding: 0 !important;
     text-decoration: underline !important;
 }

 .owl-dots.disabled {
     display: none
 }

 .blog-text .card-text {
     text-align: center !important;
     color: #727677;
 }

 .blog-text .blockcategory {
     height: auto !important;
 }

 .blog-text p a {
     margin: 5px 0;
     padding: 7px 10px;
 }

 @media only screen and (max-width:576px) {
     .blog-text .container-fluid {
         padding: 0 !important;
     }
 }

 .blog-text ol li {
     list-style: arabic-indic !important;
     /* list-style-position: inside !important; */
 }

 .blog-text a:hover {
     color: #ffa800
 }

 .blog-text ul {
     list-style: disc !important;
 }

 .image-blog {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: auto;
 }

 /*-------------------- headings --------------------*/
 .single-blog-page h1 {
     color: var(--color-text);
     font-weight: bold;
     font-size: 32px;
 }

 .single-blog-page h2 {
     color: var(--color-text);
     font-weight: bold;
     font-size: 28px;
 }

 .single-blog-page h3 {
     color: var(--color-text);
     font-weight: bold;
     font-size: 24px;
 }

 .single-blog-page h4 {
     color: var(--color-text);
     font-weight: bold;
     font-size: 20px;
 }

 .single-blog-page h5 {
     color: var(--color-text);
     font-weight: bold;
     font-size: 20px;
 }

 /*-------------------- paragraphs --------------------*/
 .single-blog-page p {
     font-size: 16px;
     margin-bottom: 30px;
     color: var(--color-text);
     text-align: justify;
 }

 .single-blog-page blockquote,
 .single-blog-page q {
     quotes: none;
 }

 .single-blog-page blockquote:before,
 .single-blog-page blockquote:after,
 .single-blog-page q:before,
 .single-blog-page q:after {
     content: none;
 }

 /*-------------------- lists --------------------*/
 .single-blog-page ul,
 .single-blog-page ol {
     margin: 10px 0;
     padding-right: 16px;
 }

 .single-blog-page ul li {
     list-style-type: disc;
     margin-bottom: 8px;
     color: var(--color-text);
 }

 .single-blog-page ol li {
     list-style-type: decimal;
     margin-bottom: 8px;
     color: var(--color-text);
 }

 .single-blog-page ul li::marker,
 .single-blog-page ol li::marker {
     color: inherit;
 }

 /*-------------------- labels & inputs --------------------*/
 .single-blog-page label {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .single-blog-page .input,
 .single-blog-page input:focus,
 .single-blog-page input:hover {
     outline: none !important;
 }

 .single-blog-page input[type="radio"] {
     opacity: 1;
     visibility: visible;
     display: unset;
 }

 .single-blog-page input[type="checkbox"],
 .single-blog-page input[type="radio"] {
     width: 15px;
     height: 15px;
     accent-color: var(--primary-color);
 }

 .single-blog-page img {
     max-width: 100%;
     border-radius: 8px;
 }

 .single-blog-page a {
     text-decoration: none !important;
     color: var(--primary-color);
 }

 .single-blog-page a:hover {
     text-decoration: none !important;
     color: var(--primary-color);
     cursor: pointer;
 }

 .single-blog-page button {
     border: none;
 }

 .single-blog-page button:focus {
     outline: none !important;
 }

 /*-------------------- table --------------------*/
 .single-blog-page .table-container {
     width: 100%;
     overflow-x: auto;
     margin: 20px 0;
 }

 .single-blog-page .table-container::-webkit-scrollbar {
     width: 4px;
     height: 4px;
 }

 .single-blog-page .table-container::-webkit-scrollbar-thumb {
     background-color: #888;
     border-radius: 10px;
 }

 .single-blog-page .table-container::-webkit-scrollbar-thumb:hover {
     background-color: #555;
 }

 .single-blog-page .table-container::-webkit-scrollbar-track {
     background-color: #f1f1f1;
     border-radius: 10px;
 }

 .table-responsive {
     display: block !important;
     width: max-content !important;
     max-width: 100% !important;
 }

 .single-blog-page table {
     width: 100%;
     border-collapse: collapse;
 }

 .single-blog-page tr {
     vertical-align: middle;
     text-align: center;
 }

 .single-blog-page th,
 .single-blog-page td {
     padding: 12px;
     text-align: center;
     vertical-align: middle;
     border: 1px solid #ddd;
 }

 .single-blog-page th {
     background-color: var(--primary-color);
     color: #fff;
     font-weight: bold;
 }

 .single-blog-page tr:nth-child(even) {
     background-color: #f2f2f2;
 }

 .single-blog-page tr:nth-child(odd) {
     background-color: #ffffff;
 }

 .single-blog-page tr:hover {
     background-color: rgba(0, 0, 0, 0.10);
 }

 .single-blog-page td.empty {
     color: #888;
     font-style: italic;
 }

 @media screen and (max-width: 600px) {
     .single-blog-page table {
         width: 100%;
         font-size: 14px;
     }

     .single-blog-page th,
     .single-blog-page td {
         padding: 10px;
     }
 }