.NewStyleHeader {
    padding: 150px 0 80px;
    background: linear-gradient(135deg, #2d0036 0%, #5e004e 50%, #b44a7a 100%);
    position: relative;
}
.NewStyleHeaderKeyword {
    position: absolute;
    left: 50%;
    top: 110px;
    transform: translateX(-50%);
    font-size: 60px;
    z-index: 9;
    white-space: nowrap;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffff47;
    mix-blend-mode: overlay;
    -webkit-text-stroke: 1px #ffffff42;
    text-stroke: 1px black;
    opacity: 0.6;
    width: 97%;
    white-space: break-spaces;
    text-align: center;
    line-height: 1.1;
}
.NewStyleHeaderKeyword2 {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    font-size: 20px;
    z-index: 9;
    white-space: nowrap;
    font-weight: 4 00;
    text-transform: uppercase;
    color: #ffffff47;
    mix-blend-mode: overlay;
    -webkit-text-stroke: 1px #ffffff42;
    text-stroke: 1px black;
    width: 97%;
    white-space: break-spaces;
    text-align: center;
    line-height: 1.1;
}
.NewHeaderTitle {
    font-family: 'Poppins';
    font-size: 30px;
    letter-spacing: 0;
    font-weight: 700;
    color: #fff;
    display: inline;
    text-transform: capitalize;
}
.NewStyleHeader .CommanBreadcrumb a {
    color: #fff;
}
.NewStyleHeader .CommanBreadcrumb{
    margin-top:25px;
    padding-left:0;
}
    .ArticleHeader {

    background: var(--red);

    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;

    width: 98%;

    margin: 0 auto;

    border-radius: 0 0 10px 10px;

    padding: 150px 0 50px;

}

.article-image{
    max-width: 1000px;
    width: 100%;
}
.ArticleHeaderInside {
    height: auto;
    padding: 150px 0 40px;
}
@media (max-width: 600px) {
    .ArticleHeaderInside-list {
        height: auto;
        padding: 80px 0 50px;
    }
}

.ArticleHeaderInside-list {
    height: auto;
    padding: 180px 0 40px;
}

.articleSection {

    padding: 50px 0;

}

.articleBreadcrumb65753 {
    display: flex;
    justify-content: center;
    padding: 20px;
    font-size: 14px;
}

.articleBreadcrumb65753 li a {
    color: #fff;
}

.articleBreadcrumb65753 li:last-child a {
    color: #fda610;
}

.articleBreadcrumb65753 li:not(:last-child)::after {
    content: " / ";
    padding: 0 5px;
    color: #fff;
    /* Change color if needed */
}



.article-list {
    display: flex;
    flex-direction: column;
    gap: 20px;

    box-shadow: 10px 10px 50px black;
    border-radius: 25px;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;

    padding: 40px;

}

.ArticleCard {

    display: flex;

    gap: 20px;

    align-items: center;

    justify-content: flex-start;

    border-bottom: 1px solid #0000003d;

    padding-bottom: 20px;

    margin-bottom: 10px;

}

@media (max-width: 600px) {
    .ArticleCard {
        flex-direction: column;
    }
}

.ArticleListImg {

    width: 250px;

    aspect-ratio: 1 / 1;

}

.comment-text {

    flex: 1;

}



.ArticleListImg {
    width: 150px;
    height: 150px;
    border-radius: 500px;
    object-fit: cover;

}



.StarRating645 {
    display: flex;
    gap: 2px;
    color: #0abb0a;
    padding: 0px 0px 5px 0px;
}



.headerTitle {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: #fff;
}


@media (max-width: 600px) {
    .headerTitle {
        font-size: 24px;
        font-weight: 500;
    }
}

.headerSubTitle {

    font-size: 20px;

    text-align: center;

    background: white;

    /* width: max-content; */

    margin: 0 auto;

    padding: 5px 11px;

    font-weight: 500;

}

.headerPara {

    text-align: center;

    margin-top: 10px;

    color: #fff;

    max-width: 850px;

    margin: 10px auto 10px;

}

.headerPara a {

    color: var(--red);
    background: #fff;
    padding: 0px 5px;
}

.breadcrumbAr {

    display: flex;

    margin-bottom: 15px;

    gap: 5px;

}

.breadcrumbAr li a {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 5px;

    font-size: 14px;

}

.breadcrumbAr li a svg {

    transform: rotate(-30deg);

}



.ArticleBody {
    /*padding: 50px;*/
    border-radius: 20px;
    /*box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;*/

}

@media (max-width: 600px) {

    .ArticleBody,
    .ArticleBody p,
    .ArticleBody ul {
        padding: 10px;
        font-size: 14px;
    }
}



.ArticleBody p,
.ArticleBody ul {

    font-size: 16px;

}

.ArticleBody h2 {
    font-size: 30px;
    color: var(--dark);
    margin-bottom: 15px;
    font-weight: 400;
}

.ArticleBody h3 {
    font-size: 25px;
    color: var(--dark);
    margin-bottom: 15px;
    font-weight: 400;
}

.ArticleBody h4 {
    font-size: 20px;
    color: var(--dark);
    margin-bottom: 15px;
    font-weight: 400;
}

.ListClass {

    list-style: circle;

    margin-left: 20px;

}

.ListClass li {

    margin-bottom: 5px;

}



.BGArticle {

    background: #ebebeb;

    padding: 25px;

    margin-bottom: 10px;

}

.BGArticle h3 {

    margin: 0 0 15px;

}



.OlList li {

    margin-bottom: 5px;

}

.OlList {

    padding-left: 15px;

}

.SideBar {
    width: 100%;
    border: 1px solid #dddddd;
}

.SideBarHeading {
    font-size: 20px;
    font-weight: 600;
    color: #33364a;
}

.articleContainer {

    padding-top: 50px;

}

.TheBestTitle {

    font-size: 25px;

    font-weight: 800;

    text-transform: uppercase;

    text-align: center;

    margin-top: -20px;

}

.TheBestTitle span {

    -webkit-text-fill-color: transparent;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: var(--red);

}

.MoreArticle {

    padding: 20px 20px;

}

.SidebarList li a {

    font-size: 16px;
    display: flex;
    align-items: start;
    justify-content: flex-start;
    gap: 5px;
    color: #7d7f85;
    text-transform: capitalize;
    padding: 8px;
}

.pagination7636763 {
    display: flex;
    justify-content: center;
    padding-top: 15px;
}

.pagination7636763 a {
    margin: 5px;
    background: var(--red);
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 5px 15px;
}

.pagination7636763 a.active {
    font-weight: 500;
    border: 1px solid var(--red);
    background: #fff;
    color: var(--red);
}

/* satyam style start*/
.article-main-title {
    font-weight: 600;
    font-size: 22px;
    color: var(--dark);

}

.article-keyword {
    font-size: 16px;
    font-weight: 500;
}

.article-btn55 {
    background: red;
    padding: 8px;
    color: #fff;
    border-radius: 0px;
}

.article-btn55:hover {
    background: var(--blue);
    padding: 8px;
    color: #fff;
    animation: border-radius-cycle 1s linear infinite;
}

@keyframes border-radius-cycle {
    0% {
        border-radius: 0px 15px 10px 15px;
    }

    25% {
        border-radius: 15px 0px 12px 15px;
    }

    50% {
        border-radius: 11px 14px 0px 12px;
    }

    75% {
        border-radius: 11px 13px 20px 0px;
    }

    100% {
        border-radius: 0px 12px 15px 11px;
    }
}

.comment-text p {
    line-height: normal;
    font-size: 14px;

}

/* satyam style end*/
.faqdetails {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #ffffff;
    border-left: 5px solid var(--red);
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out;
}

.faqdetails:hover {
    background-color: #e9f5ff;
}

/* Summary styling */
.faqsummary {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--red);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faqsummary::-webkit-details-marker {
    display: none;
    /* Remove default marker */
}

.faqdetails[open] .faqsummary {
    color: #0056b3;
}

.faqdetails[open] .faqsummary::after {
    content: '\2193';
    /* Downward arrow */
}

/* Arrow Indicator */
.faqsummary::after {
    content: '\27A4';
    /* Rightward arrow */
    font-size: 1.2em;
    transition: transform 0.3s ease-in-out, content 0.3s ease-in-out;
}

.faqdetails[open] .faqsummary::after {
    transform: rotate(90deg);
    /* Rotate the arrow when open */
    content: '\27A4';
    /* Change arrow to downward when open */
    transition: transform 0.3s ease-in-out, content 0.3s ease-in-out;
}

.faqbkgrnd {
    background-color: #f1f0f0;
    width: calc(100% + 100px);
    transform: translateX(-50px);
    padding: 10px 50px;
}

/* article sidebar style here start */
.SidebarListpost li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.SidebarListpost li .post-content {
    display: flex;
    align-items: center;
}

.text-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 10px;
    padding: 0 30px 0 0;
    flex: 1;
}

.sidebar-image {
    width: 100px;
    height: 65px;
    margin-left: 10px;
}

.sidebar-image-2 {
    margin-left: 10px;
    width: 60px;
    height: 60px;
    object-fit: contain;
    box-shadow: 0 15.96px 53.83px 0 rgba(184, 185, 228, .4), 1px 1px 0 0 #fff;
    padding: 5px;
    border-radius: 25px;
}

.post-date {
    font-size: 12px;
    color: #666;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.calendar-icon {
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

.SidebarListpost li a {
    font-size: 12px;
    font-weight: bold;
    color: #646568;
    text-decoration: none;
}

.SidebarListservice li a {
    font-size: 15px !important;
    color: #646568;
    text-decoration: none;

}

/* article sidebar style here end */


.PopupClose {
    right: 15px;
}

@media only screen and (min-width: 1200px) {
    .PopupcontainerBootStarpClass {
        width: 1000px !important;
    }
}

.card-2025-02-19 {
    width: 100%;
    max-width: 350px;
    margin: auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    background: white;
}

.card-2025-02-19 img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 0 0 8px 8px;
}

.card-category-2025-02-19 {
    background: #fff;
    color: var(--red);
    padding: 3px 25px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
}

/* .card-2025-02-19:hover .card-category-2025-02-19 {
       background: var(--red);
       transition: background 0.3s ease, color 0.3s ease, padding 0.3s ease;
       color: white;
       padding: 3px 25px;
       border-radius: 50px;
       font-size: 16px;
       font-weight: 600;
       margin: 0 0 10px;
   } */

/* new */
.CardCategory {
    width: max-content;
    /* background: var(--red); */
    padding: 3px 15px;
    overflow: hidden;
    position: relative;
}

.CardCategory span {
    position: relative;
    z-index: 4;
}

.CardCategory::before {
    content: "";
    position: absolute;
    top: 0;
    right: calc(100% - 2px);
    width: 100%;
    height: 100%;
    background: var(--red);
    transition: all 0.4s ease;
    border-radius: 0;
    z-index: 0;
}

.card-2025-02-19:hover .CardCategory::before {
    right: 0;
    border-radius: 50px;
}

.card-2025-02-19:hover .CardCategory span {
    color: #fff;
}


.card-2025-02-19 {
    position: relative;
    overflow: hidden;
}

.card-2025-02-19 .card-category-2025-02-19 {
    position: relative;
    z-index: 1;
    color: var(--text-color);
    /* Original text color */
    padding: 3px 25px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    transition: color 0.3s ease;
}

.card-2025-02-19 .card-category-2025-02-19::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /* Start off the screen to the left */
    width: 2px;
    height: 100%;
    background: var(--red);
    transition: left 0.4s ease;
    border-radius: 50px;
    z-index: -1;
}

.card-2025-02-19:hover .card-category-2025-02-19::before {
    left: 0;
    width: 100%
        /* Fill from left to right */
}

.card-2025-02-19:hover .card-category-2025-02-19 {
    color: white;
}

/* new */

.card-content-2025-02-19 {
    padding: 20px;
    min-height: 370px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.card-title-2025-02-19 {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-text-2025-02-19 {
    font-size: 16px;
    color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.read-more-2025-02-19 {
    display: block;
    margin-top: 20px;
    font-weight: 600;
    color: var(--dark);
    text-decoration: none;
    text-transform: uppercase;
}

.read-more-2025-02-19:hover {
    text-decoration: none;
    color: var(--red);
}

.card-title-date {
    font-size: 16px;
    color: #777;
    font-weight: 400;
}

.card-title-date:hover {
    color: var(--red);
}

.cardonmbl {
    padding-top: 30px;
}

@media (max-width: 768px) {
    .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-2025-02-19 {
        width: 100%;
        max-width: 100%;
        /* Ensuring it remains full width on smaller screens */
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .card-2025-02-19 {
        width: 450px;
        max-width: 100%;
        /* Prevents overflow */
    }
}

@media (min-width: 1025px) {
    .card-2025-02-19 {
        width: 600px;
        max-width: 100%;
        min-height: 610px;
    }
}


@media (min-width: 800px) and (max-width: 991px) {
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.cardTitleBox2585 {
    min-height: 90px;
}

@media (min-width: 800px) and (min-width: 1420px) {
    .container {
        width: 1420px;
    }
}

.ArticleTag {
    display: flex;
    gap: 5px;
    overflow-x: scroll;
    padding-bottom: 10px;
    width: 400px;
}

.ArticleTag a {
    font-size: 12px;
    background: #f1f1f1;
    display: flex;
    padding: 4px 10px;
    color: var(--dark);
    flex: none;
}


.ArticleTag::-webkit-scrollbar {
    width: 5px;
    /* Set the width of the vertical scrollbar */
    height: 10px;
    /* Set the height of the horizontal scrollbar */
}

/* Track */
.ArticleTag::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Background color of the track */
}

/* Handle */
.ArticleTag::-webkit-scrollbar-thumb {
    background: #7cb0ff;
    /* Color of the scrollbar thumb */
    border-radius: 50px;
}

/* Handle on hover */
.ArticleTag::-webkit-scrollbar-thumb:hover {
    background: #7cb0ff;
    /* Color of the thumb when hovered */
}


.ImageContBox {
    position: relative;
    overflow: hidden;
}

.ImageContBox::before {
    position: absolute;
    content: "";
    width: 200px;
    height: 200px;
    background: #cd211dd6;
    right: -90px;
    bottom: -70px;
    border-radius: 50%;
    z-index: 8;
    transform: scale(0);
    transition: 0.3s ease-in;
}

.ImageContBox::after {
    position: absolute;
    content: "";
    width: 220px;
    height: 200px;
    background: var(--dark);
    right: -40px;
    bottom: -100px;
    border-radius: 50%;
    transform: scale(0);
    transition: 0.3s ease-in;
}

.cardonmbl:hover .ImageContBox::before,
.cardonmbl:hover .ImageContBox::after {
    transform: scale(1);
}

.card-title-dateContaine0805 {
    width: 100%;
}

.belowstyle74 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 768px) {

    .card-2025-02-19 img {
        height: auto;
    }

    .card-title-2025-02-19 {
        margin: 0;
    }

    .card-content-2025-02-19 {
        min-height: 0;
    }

    .card-title-2025-02-19 {
        font-size: 18px;
        -webkit-line-clamp: 3;
    }

    .cardTitleBox2585 {
        min-height: 0;
    }
}


.ArticleBody ul li {
    list-style-type: none;
    position: relative;
    padding-left: 30px;
}
.ArticleBody ol li {
    list-style-type: none;
    position: relative;
    padding-left: 30px;
}
.ArticleBody ol {
    padding-left: 0px;
}

.ArticleBody a {
    font-weight: 600 !important;
}

.ArticleBody strong {
    font-weight: 500 !important;
}

.title-fontstyle467 {
    font-size: 20px !important;
    color: rgb(34, 34, 34) !important;
}

.ArticleBody ul li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300ff6e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"%3E%3Cpath d="M20 6 9 17l-5-5"/%3E%3C/svg%3E') no-repeat center center;
    background-size: contain;
}
.ArticleBody ol li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300ff6e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"%3E%3Cpath d="M20 6 9 17l-5-5"/%3E%3C/svg%3E') no-repeat center center;
    background-size: contain;
}

.ArticleBody h4 {
    font-size: 20px !important;
    font-weight: 500;
}

.other5634 {
    font-size: 22px !important;
    color: var(--red);
}

.faqdetails {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f9f9f9;
    border-left: 5px solid var(--red);
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out;
}

.faqdetails:hover {
    background-color: #e9f5ff;
}

/* Summary styling */
.faqsummary {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--red);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faqsummary::-webkit-details-marker {
    display: none;
    /* Remove default marker */
}

.faqdetails[open] .faqsummary {
    color: #0056b3;
}

.faqdetails[open] .faqsummary::after {
    content: '\2193';
    /* Downward arrow */
}

/* Arrow Indicator */
.faqsummary::after {
    content: '\27A4';
    /* Rightward arrow */
    font-size: 1.2em;
    transition: transform 0.3s ease-in-out, content 0.3s ease-in-out;
}

.faqdetails[open] .faqsummary::after {
    transform: rotate(90deg);
    /* Rotate the arrow when open */
    content: '\27A4';
    /* Change arrow to downward when open */
    transition: transform 0.3s ease-in-out, content 0.3s ease-in-out;
}

.faqbkgrnd {
    background-color: #f5f5f5;
    width: calc(100% + 100px);
    transform: translateX(-50px);
    padding: 10px 50px;
}

.ArticleBody h6 {
    font-size: 18px !important;
}

.bookbtnhjbsa {
    display: flex;
    align-items: center;
    color: white;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #cd211d;
    text-decoration: none;
    transition: background-color 0.3s ease;
    justify-content: center;
    margin: 0 65px 0px 65px;
}

.bookbtnhjbsa:hover {
    color: white;

}

.tbalepera {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

.tbalepera p {
    font-size: 12px !important;
}

.tbalepera th,
.tbalepera td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
}

.tbalepera th {
    background-color: #4CAF50;
    /* Green for header */
    color: white;
    font-weight: bold;
}

.tbalepera tr:nth-child(even) {
    background-color: #f2f2f2;
    /* Light gray for even rows */
}

.tbalepera tr:hover {
    background-color: #ddd;
    /* Light gray on hover */
}

.tbalepera td {
    color: #333;
    /* Dark gray text for general content */
}

.tbalepera th,
.tbalepera td {
    font-size: 16px;
}

.tbalepera td p,
.tbalepera th p {
    margin: 0;
    padding: 0;
}

/* Adding additional styling for borders and shadow effects */
.tbalepera {
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Optional: Add striped rows with a different color scheme */
.tbalepera tr:nth-child(odd) {
    background-color: #f9f9f9;
    /* Lighter gray for odd rows */
}

.tablehgt {
    height: 500px;
    overflow: auto;
    /* This will allow scrolling when content overflows */
}

.tipskeyttl894 {
    background: #ffefef;
    border: 1px solid #ff5b57;
    padding: 2px 10px;
    color: var(--red);
    font-size: 13px;
    width: 49%;
    text-align: center;
}

.kjbjasfsfads {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.ArticleBody h4,
.ArticleBody h5,
.ArticleBody h6 {
    font-size: 18px !important;
    font-weight: 600;
}

.category-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: flex-start;
}

.category-card {
    width: 22.5%;
    background: #ffffff;
    border-radius: 10px;
}

.category-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.category-description {
    font-size: 13px;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.category-img {
    width: 100%;
    border-radius: 10px;
}

.cardTopHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    padding: 5px 0 5px;
    margin-bottom: 5px;
}

.StarTextonCard {
    margin: 0;
    color: #15ab15;
    font-weight: 500;
}

.card-text {
    padding: 11px;
}

.containerSection {
    background: #fff8f8;
}

.category-atag {
    font-size: 14px;
    left: 0;
    color: #323232;
    background: #f0f0ff;
    display: flex;
    padding: 6px;
    border-radius: 6px;
    justify-content: center;
    color: #323232;
}

@media (max-width: 500px) {
    .category-card {
        width: 100%;
    }
}
#header .navigation {
    position: fixed;
    width: 100%;
    background: white;
    z-index: 9;
}
.categories-title {
    padding-left: 3%;
}

.categories-pera {
    padding-left: 3%;
}

.categories-box {
    background: #efefef;
    padding: 25px;
    position: relative;
    border-left: 5px solid #9a0b0b;
    margin: 40px;
    display: flex;
    gap: 20px;
}

.categories-button {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories-button-a {
    color: #fff;
    padding: 10px 20px;
    background-color: #9b0a0b;
    border-color: #880202;
    border-radius: 10px;
}

.categories-button-a:hover {
    color: #9b0a0b;
    background-color: #efefef;
    border-color: #880202;
    border: 1px solid;
    border-radius: 10px;
}

.categories-box-in {
    flex: 1;
}
.ArBrd1306 {
    display: flex
;
    gap: 10px;
    padding: 0;
}
.ArBrd1306 li{
    list-style: none;
}
.ArBrd1306 li a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #000;
    font-size: 14px;
}

.EventHeader {
    position: relative;
    padding: 100px 0 50px;
}
.EventHeader::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000000b8;
    backdrop-filter: blur(6px);
}
.z10{
    position: relative;
    z-index: 5;
}
@media only screen and (max-width: 768px) {
    .EventHeader {
        padding:150px 0 40px;
        background-size: contain;
    }}
    
    .HeadingDesc,
.HeadingDesc * {
    color: #d9d9d9;
}

.EventHeroTitle {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.EventHeroTitle2L {
    font-size: 21px;
    font-weight: 400;
    color: white;
    line-height: 1.4;
}

.NewBRDStyle .CommanBreadcrumb a {
    color: #d9d9d9;
}
.NewBRDStyle .CommanBreadcrumb a:hover {
    color: #d9d9d9;
}
.NewBRDStyle .CommanBreadcrumb {
    padding: 0;
}


 .custom-faq {
        /*max-width: 900px;*/
        /*padding: 30px;*/
        /*background: #f9f9f9;*/
        /*border-radius: 12px;*/
        /*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);*/
        /*font-family: Arial, sans-serif;*/
    }

    .faq-title {
        text-align: center;
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 30px;
        color: #333;
        border-bottom: 2px solid #ddd;
        padding-bottom: 10px;
    }

.faq-item {
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}

    .faq-question {
        font-weight: bold;
        font-size: 18px;
        margin: 0 0 10px;
        color: #007bff;
    }
.faq-answer {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin: 0;
    margin-left: 0px;
}
    .ArticleBody a{
        color: #2368be;
    }