.breadcrumb, .breadcrumb ul.Inner-brc {
    padding: var(--spacing-none) !important;
    margin: var(--spacing-none) !important
}

#InnerBreadcrump, .SANG-bodyDiv .InnerContent {
    padding: var(--spacing-5xl) var(--spacing-none)
}

.Event-list-item .info > *, .breadcrumb, .breadcrumb ul.Inner-brc, .bsection-item .info > *, .side-Nav #sideNavBox .ms-core-sideNavBox-removeLeftMargin {
    margin: var(--spacing-none) !important
}

#InnerBreadcrump .pageTitle, .InnerContent h1, .InnerContent h1 span, .InnerContent h2, .InnerContent h3, .ceo-title h4, .ms-rteFontSize-4 {
    font-family: var(--IBMPlexSansAR-B)
}

.Impbox-link-item a:focus:after, .InnerContent a:focus, .News-btn:focus, .SANGcard .card-Primarylink:focus, .SANGcard .card-Secondarylink:focus, .box-link-item a:focus:after, .breadcrumb ul.Inner-brc li a:focus, .ceo-btn:focus, .utility a:focus {
    outline: 2px solid var(--colors-gray-950) !important
}

#InnerBreadcrump {
    background-color: var(--colors-brand-25)
}

    #InnerBreadcrump .SANGcontainer, .BCphysic-det, .BCphysic-header, .EPF-satisfactionDesCol, .EPF-satisfactionNumCol, .LScard .card-body, .News-List .News-Item .News-Content .flex-fill, .SANG-Section, .card-icone .card-detail, .form-group {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-md)
    }

.EServices-BTNs, .SANGcard .card-links, .breadcrumb-bottom {
    display: flex;
    gap: var(--spacing-xl)
}

#InnerBreadcrump .pageTitle {
    font-size: var(--Display-smF);
    color: var(--colors-title-Default); /*--colors-brand-600 BY UI*/
    line-height: var(--Display-smL)
}

.breadcrumb ul.Inner-brc {
    display: flex;
    list-style: none
}

.Inner-brc .brc-item {
    display: flex;
    align-items: center
}

.breadcrumb ul.Inner-brc li a {
    display: flex;
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    color: var(--colors-gray-700);
    text-decoration: none;
    align-items: center;
    gap: var(--spacing-xs)
}

    .breadcrumb span a:hover, .breadcrumb ul.Inner-brc li a:hover {
        color: var(--colors-gray-500);
        text-decoration: underline
    }

    .breadcrumb ul.Inner-brc li a:active {
        color: var(--colors-gray-400);
        text-decoration: underline
    }

.breadcrumb li:not(:first-child) {
    margin-right: var(--spacing-xxs) !important
}

#SANGlistCard.isHidden, #search-results.isHidden, .breadcrumb-item {
    display: none !important
}

.breadcrumb ul.Inner-brc li span.active {
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    color: var(--colors-gray-400) !important;
    cursor: default
}

.SANG-bodyDiv .breadcrumb a.bc-node:after, .SANG-bodyDiv .breadcrumb a.breadcrumb-item:after {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%23161616"/></svg>');
    fill: var(--colors-gray-950);
    rotate: 90deg
}

.Pagination .Pagination_Link.Prev_Link a:after, html[lang=en] .Pagination .Pagination_Link.Next_Link a:after, html[lang=en] .Pagination_Link.Next_Link:after, html[lang=en] .SANG-bodyDiv .breadcrumb a.bc-node:after, html[lang=en] .SANG-bodyDiv .breadcrumb a.breadcrumb-item:after, nav:not(.Pagination) .Pagination_Link.Prev_Link:after {
    rotate: 270deg
}

#InnerBreadcrump.InnerContent {
    padding: var(--spacing-5xl) var(--spacing-none) var(--spacing-md) var(--spacing-none)
}

    #InnerBreadcrump.InnerContent .pageTitle {
        width: 68%;
        min-height: 76px
    }

.utility {
    display: flex;
    align-items: center;
    gap: var(--spacing-md)
}

.InnerContent .SANGcontainer, .SANGcontainerCol {
    display: flex;
    gap: var(--spacing-4xl)
}

.utility a {
    height: 40px;
    width: 40px;
    background: 0 0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none
}

    .SANG-FAQ .btn-link:hover, .SANGform_select .SANGdropdown-item a:hover, .ceo-btn:hover, .formDD-item button:hover, .formDD-item input:hover, .ms-itmHoverEnabled:hover > *, .utility a:hover {
        background-color: var(--colors-gray-100)
    }

    .Impbox-link-item a:hover:after, .SANG-FAQ .btn-link:active, .SANGform_select .SANGdropdown-item a:active, .box-link-item a:hover:after, .formDD-item button:active, .formDD-item input:active, .utility a:active {
        background-color: var(--colors-gray-200)
    }

.utility i {
    font-size: var(--Text-xlF);
    line-height: var(--Text-xlL);
    color: var(--colors-gray-950)
}

.SANGcontainerCol {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column
}

.InnerContent .SANGcontainer .readerContent {
    flex: 3
}

.InnerContent h1, .InnerContent h1 span, .ms-rteFontSize-4 {
    font-size: var(--Display-xsF) !important;
    line-height: var(--Display-xsL);
    color: var(--colors-brand-600)
}

.InnerContent h2 {
    font-size: var(--Text-xlF) !important;
    line-height: var(--Text-xlL);
    color: var(--colors-success-900);
    margin: var(--spacing-none)
}

.InnerContent h3, .SANGcard .card-title {
    line-height: var(--Text-lgL)
}

.InnerContent h3 {
    font-size: var(--Text-lgF) !important;
    color: var(--colors-brand-700)
}

.InnerContent h1 {
    margin-bottom: var(--spacing-md)
}

.InnerContent p {
    color: var(--colors-title-Default);
    font-family: var(--IBMPlexSansAR-R);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    margin: var(--spacing-none)
}

.InnerContent a {
    text-decoration: none;
    color: var(--colors-brand-700)
}

.FCSubmit-btn a, .ceo-title h4 {
    color: var(--colors-brand-600)
}

.InnerContent a:hover {
    text-decoration: underline;
    color: var(--colors-brand-400)
}

.InnerContent a:active {
    text-decoration: underline;
    color: var(--colors-brand-300)
}

.InnerContent a:visited {
    text-decoration: underline;
    color: var(--colors-brand-800)
}

.LScard .card-body h5, .leadership .card h5 {
    color: var(--colors-gray-800);
    font-family: var(--IBMPlexSansAR-M)
}

ul, ul.parent-list {
    list-style-type: '- '
}

    ul.parent-list li ul {
        padding: var(--spacing-md) var(--spacing-3xl) var(--spacing-md) var(--spacing-none);
        list-style: inside
    }

.SANGFilterDiv, .side-Nav {
    flex: 1
}

    .side-Nav #sideNavBox {
        display: block;
        width: 100%;
        margin: var(--spacing-none);
        border: 1px solid var(--colors-gray-300);
        border-radius: 8px;
        background-color: var(--colors-white);
        box-shadow: var(--shadow-sm);
        padding: var(--spacing-md)
    }

    #SANGnav-MDL, .News-List span, .Pagination .Pagination_Link.hidden, .faqDiv-item .btn-link:not(.collapsed) i.hgi-stroke.hgi-arrow-down-01, .faqDiv-item .collapsed i.hgi-stroke.hgi-arrow-up-01, .radio_faces, .side-Nav .ms-core-listMenu-item.ms-core-listMenu-heading {
        display: none
    }

#sideNavBox ul {
    padding: var(--spacing-none)
}

#sideNavBox span.static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode {
    padding: var(--spacing-md) var(--spacing-xl) var(--spacing-lg) var(--spacing-md) !important;
    color: var(--colors-gray-800) !important;
    font-family: var(--IBMPlexSansAR-B);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

#sideNavBox a.static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode {
    padding: var(--spacing-md) !important;
    color: var(--colors-title-Default) !important; /*BY UI*/
    font-family: var(--IBMPlexSansAR-R) !important;
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    border-radius: 4px;
    position: relative;
    text-decoration: none
}

    #sideNavBox a.static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode:hover {
        background-color: var(--colors-gray-100) !important
    }

    #sideNavBox a.static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode:active, .ceo-btn:active {
        background-color: var(--colors-gray-200) !important
    }

#sideNavBox a.static.selected.menu-item.ms-core-listMenu-item.ms-displayInline.ms-core-listMenu-selected.ms-navedit-linkNode {
    font-weight: 400;
    background-color: var(--colors-brand-50);
    color: var(--colors-brand-600)
}

#sideNavBox a.static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode:focus {
    outline: 2px solid var(--colors-gray-950) !important;
    z-index: 9
}

.EServices-form, .ceo-message, .leadershipDiv {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl)
}

.ceo-img img {
    height: 352px
}

.ceo-title {
    margin-top: var(--spacing-3xl)
}

    .ceo-title h4 {
        font-size: var(--Display-mdF);
        line-height: var(--Display-mdL)
    }

    .SANGcard .card-title, .ceo-title p {
        font-family: var(--IBMPlexSansAR-B);
        font-size: var(--Text-lgF)
    }

    .ceo-title p {
        line-height: var(--Text-lgF)
    }

.leadership {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.grid-listFour, .grid-listThree, .grid-listTwo {
    padding: var(--spacing-none);
    display: grid;
    gap: var(--spacing-3xl);
    list-style: none;
    grid-auto-rows: 1fr
}

.leadership .LScard, .leadership .card {
    border: 1px solid var(--colors-gray-300);
    background-color: var(--colors-white);
    padding: var(--spacing-xl);
    border-radius: 16px;
    display: flex;
    gap: var(--spacing-3xl);
    flex-direction: column;
    width: 350px
}

.LScard .card-img {
    overflow: hidden;
    height: 364px;
    border-radius: 4px
}

    .LScard .card-img img {
        height: 100%;
        width: 100%
    }

.LScard .card-body .card-title {
    color: var(--colors-brand-700);
    font-family: var(--IBMPlexSansAR-B);
    font-size: var(--Display-xsF);
    line-height: var(--Display-xsL);
    margin: var(--spacing-none);
    text-align: center
}

#history .history-background i, .LScard .card-body h5, .leadership .card .card-title {
    font-size: var(--Text-xlF);
    line-height: var(--Text-xlL)
}

.LScard .card-body h5 {
    margin: var(--spacing-none);
    text-align: center
}

.leadership .card {
    width: 330px !important;
    margin-bottom: var(--spacing-3xl)
}

.leadership .l-img-c {
    overflow: hidden;
    height: 300px;
    border-radius: 4px;
    position: relative
}

    .leadership .l-img-c img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        margin: 0;
        position: absolute;
        top: 0;
        right: 50%;
        transform: translate(50%,0)
    }

#Comments hr, .SANGcard .card-detail p, .SANGcard .card-title, .grid-listFour, .grid-listThree, .grid-listTwo, .leadership .card .card-body, .leadership .card h5 {
    margin: var(--spacing-none)
}

.leadership .card .card-body {
    padding: var(--spacing-none);
    display: flex;
    gap: var(--spacing-md);
    flex-direction: column
}

    .SANG-Sectioncontent, .leadership .card .card-body .card-des {
        text-align: justify
    }

.leadership .card .card-title {
    color: var(--colors-brand-700);
    font-family: var(--IBMPlexSansAR-B);
    margin: var(--spacing-none);
    text-align: center
}

html[lang=en] .leadership .card .card-title {
    font-family: var(--IBMPlexSans-B)
}

.leadership .card h5 {
    font-size: var(--Text-mdF) !important;
    line-height: var(--Text-mdL);
    text-align: center
}

html[lang=en] .leadership .card h5 {
    font-family: var(--IBMPlexSans-M)
}

.grid-listTwo {
    grid-template-columns: repeat(2,1fr)
}

.grid-listThree {
    grid-template-columns: repeat(3,1fr)
}

.grid-listFour {
    grid-template-columns: repeat(4,1fr)
}

.SANGcard {
    border: 1px solid var(--colors-gray-300);
    background-color: var(--colors-white);
    padding: var(--spacing-xl);
    border-radius: 16px;
    display: flex;
    gap: var(--spacing-3xl);
    flex-direction: column;
    justify-content: space-between
}

    .News-btn, .SANGcard .card-Primarylink {
        background-color: var(--colors-brand-700)
    }

    .SANGcard img {
        width: 100%;
        height: 316px;
        border-radius: 8px;
        object-fit: cover
    }

    .SANGcard .card-body {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-md);
        flex: none
    }

    .SANGcard .card-detail, .SANGcard .card-title {
        display: -webkit-box;
        color: var(--colors-gray-800);
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: justify;
        text-overflow: ellipsis
    }

        .SANGcard .card-title.oneLine {
            -webkit-line-clamp: 1
        }

        .SANGcard .card-title.TwoLine {
            -webkit-line-clamp: 2
        }

        .SANGcard .card-title.ThreeLine {
            -webkit-line-clamp: 3
        }

        .SANGcard .card-title.FourLine {
            -webkit-line-clamp: 4
        }

    .SANGcard .card-detail {
        -webkit-line-clamp: 3;
        font-family: var(--IBMPlexSansAR-R);
        font-size: var(--Text-mdF);
        line-height: var(--Text-mdL);
        /* min-height: 72pxBY UI */
    }

    .SANGcard .card-tags, .card-tags {
        list-style: none;
        display: flex;
        gap: var(--spacing-md);
        padding: var(--spacing-none);
        margin: var(--spacing-none)
    }

    .SANGcard .card-Primarylink, .SANGcard .card-Secondarylink {
        padding: var(--spacing-md) var(--spacing-xl);
        width: fit-content;
        font-size: var(--Text-mdF);
        line-height: var(--Text-mdL);
        text-decoration: none !important;
        margin: var(--spacing-none);
        font-family: var(--IBMPlexSansAR-M)
    }

    .SANGcard .card-tags li, .SANGcard .card-tags span, .card-tags li {
        width: fit-content;
        position: relative;
        padding: var(--spacing-xxs) var(--spacing-md);
        font-size: var(--Text-xsF);
        margin: var(--spacing-none);
        border-radius: 4px;
        font-family: var(--IBMPlexSansAR-M);
        line-height: var(--Text-xsL)
    }

        .SANGcard .card-tags li.tag-Neutral, .SANGcard .card-tags span.tag-Neutral, .card-tags li.tag-Neutral {
            border: 1px solid var(--colors-gray-200);
            color: var(--colors-gray-800);
            background-color: var(--colors-gray-50)
        }

        .SANGcard .card-tags li.tag-Success, .SANGcard .card-tags span.tag-Success, .card-tags li.tag-Success {
            border: 1px solid var(--colors-success-200);
            color: var(--colors-success-800);
            background-color: var(--colors-success-50)
        }

        .SANGcard .card-tags li.tag-withIcone, .SANGcard .card-tags span.tag-withIcone, .card-tags li.tag-withIcone, .detail-icone {
            display: flex;
            align-items: center;
            gap: var(--spacing-xs)
        }

    .SANGcard .card-Secondarylink {
        border: 1px solid var(--colors-gray-300);
        color: var(--colors-gray-950);
        border-radius: 4px
    }

        .SANGcard .card-Secondarylink:hover {
            color: var(--colors-gray-950);
            border: 1px solid var(--colors-gray-200);
            background-color: var(--colors-gray-50)
        }

        .SANGcard .card-Secondarylink:active {
            color: var(--colors-gray-950);
            border: 1px solid var(--colors-gray-300);
            background-color: var(--colors-gray-200)
        }

        .SANGcard .card-Secondarylink:visited {
            color: var(--colors-gray-950)
        }

        .News-btn:focus, .SANGcard .card-Secondarylink:focus {
            border: 1px solid var(--colors-white)
        }

    .SANGcard .card-Primarylink {
        color: var(--colors-white);
        border-radius: 4px
    }

        .SANGcard .card-Primarylink:hover {
            color: var(--colors-white);
            background-color: var(--colors-brand-600)
        }

        .SANGcard .card-Primarylink:active {
            color: var(--colors-white);
            background-color: var(--colors-brand-800)
        }

        .Impbox-link-item a:visited:after, .SANGcard .card-Primarylink:visited, .box-link-item a:visited:after {
            color: var(--colors-white)
        }

        .SANGcard .card-Primarylink:focus {
            background-color: var(--colors-brand-600);
            border: 1px solid var(--colors-white)
        }

    .SANGcard.imgCard, .SANGcard.linkCard img {
        margin: 0 auto;
        border-radius: 8px;
        object-fit: contain
    }

    .SANGcard.linkCard {
        text-decoration: none !important
    }

        .SANGcard.linkCard img {
            width: fit-content;
            height: 100px
        }

        .SANGcard.linkCard .card-title {
            font-size: var(--Text-smF);
            line-height: var(--Text-smL)
        }

    .SANGcard.imgCard {
        width: 100%;
        height: 150px
    }

.SANGtopFilter {
    display: flex;
    gap: var(--spacing-3xl);
    margin-bottom: var(--spacing-3xl)
}

.SANGFilterDiv .form-control {
    height: 100%;
    background-color: transparent !important;
    border: 1px solid var(--colors-gray-400);
    padding: var(--spacing-none) var(--spacing-xl) var(--spacing-none) var(--spacing-md);
    border-radius: 4px;
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

    .SANGFilterDiv .form-control:hover {
        border: 1px solid var(--colors-gray-700)
    }

    .SANGFilterDiv .form-control:focus, .SANGFilterDiv .form-control:focus-visible {
        box-shadow: none;
        border: 1px solid var(--colors-gray-400);
        outline: 0;
        border-bottom: 2px solid var(--colors-gray-950) !important
    }

.SANGnavDiv {
    flex: 2;
    position: relative
}

    .SANGnavDiv:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--colors-gray-300);
        height: 3px;
        border-radius: 20px
    }

#SANGnav-MDL .nav-link, .SANGnav-item .nav-link {
    outline: transparent solid 2px;
    font-family: var(--IBMPlexSansAR-M);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    color: var(--colors-gray-700);
    position: relative;
    z-index: 9;
    padding: var(--spacing-lg) var(--spacing-xl);
    border-radius: 4px;
    text-decoration: none !important
}

    #SANGnav-MDL .nav-link:hover, .SANGnav-item .nav-link:hover {
        color: var(--colors-gray-950);
        background-color: var(--colors-gray-100)
    }

    #SANGnav-MDL .nav-link:active, .SANGnav-item .nav-link:active {
        color: var(--colors-gray-950);
        background-color: var(--colors-gray-200)
    }

        #SANGnav-MDL .nav-link:active:after, #SANGnav-MDL .nav-link:hover:after, .SANGnav-item .nav-link:active:after, .SANGnav-item .nav-link:hover:after {
            content: "";
            display: block;
            width: calc(100%); /*By UI*/
            height: 3px;
            border-radius: 9999px;
            position: absolute;
            bottom: 0;
            left: 0; /*By UI*/
            /* transform: translate(-50%, -50%);  By UI*/
            background: var(--colors-gray-950);
        }




    , #SANGnav-MDL.show > .nav-link:not(.collapsed), .SANGnav-item .nav-link.active {
        font-family: var(--IBMPlexSansAR-B)
    }

        #SANGnav-MDL.show > .nav-link:not(.collapsed):after, .SANGnav-item .nav-link.active:after {
            content: "";
            display: block;
            width: calc(100%); /*By UI*/
            height: 3px;
            border-radius: 9999px;
            position: absolute;
            bottom: 0;
            left: 0; /*By UI*/
            /*transform: translate(-50%); By UI*/
            background: var(--colors-brand-700)
        }

    .SANGnav-item .nav-link:focus {
        color: var(--colors-gray-700)
    }

#SANGnav-MDL.show, .faqDiv-item .btn-link:not(.collapsed) i.hgi-stroke.hgi-arrow-up-01, .faqDiv-item .collapsed i.hgi-stroke.hgi-arrow-down-01, .with-sidebar .sidebar li {
    display: block
}

#BCPhysicians #search-results, #Locations #search-results, .physician .no-data {
    grid-column: 1/4;
    grid-row: 1/1
}

.StarRatingSection {
    padding: var(--spacing-5xl) 0 0 0 !important
}

#face_Survey, .FCSubmit-btn, .FC_output, .News-List {
    padding-top: var(--spacing-3xl)
}

.StarRatingSection hr, .home-FaceSurvey hr {
    margin: var(--spacing-none);
    height: 2px !important;
    background-color: var(--colors-brand-600);
    opacity: 1
}

.StarRatingSection .last-modified {
    color: var(--colors-gray-800);
    font-family: var(--IBMPlexSansAR-R);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    padding: var(--spacing-xl) var(--spacing-none)
}

.rate-btn-container {
    justify-content: end;
    display: flex
}

.FC_output {
    display: flex;
    justify-content: end
}

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

    .FCSubmit-btn a {
        display: inline-flex;
        padding: var(--spacing-none);
        align-items: center;
        gap: 8px;
        border-radius: var(--radius-xs);
        cursor: pointer;
        text-decoration: none
    }

        .FCSubmit-btn a:focus, .fileUploadBTN:focus, .img-zoomIn:focus {
            border: 1px solid var(--colors-white) !important;
            text-decoration: none;
            outline: 2px solid var(--colors-gray-950) !important
        }

#face_Survey {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl)
}

    #face_Survey .faces_div {
        display: flex;
        gap: var(--spacing-xs);
        direction: ltr;
        justify-content: flex-end
    }

html[lang=en] #face_Survey .faces_div {
    direction: rtl
}

.faces_div label.faces_label {
    height: 40px;
    width: 40px;
    background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0919 0.968665C13.4494 0.193793 14.5506 0.193793 14.9081 0.968665L18.2797 8.27846C18.4254 8.59426 18.7247 8.81171 19.0701 8.85266L27.064 9.80047C27.9114 9.90094 28.2517 10.9483 27.6252 11.5277L21.7151 16.9932C21.4597 17.2293 21.3454 17.5812 21.4132 17.9223L22.982 25.8178C23.1483 26.6548 22.2574 27.3021 21.5128 26.8853L14.4884 22.9534C14.185 22.7835 13.815 22.7835 13.5116 22.9534L6.48722 26.8853C5.74261 27.3021 4.85165 26.6548 5.01795 25.8178L6.5868 17.9223C6.65458 17.5812 6.54026 17.2293 6.28492 16.9932L0.374802 11.5277C-0.251698 10.9483 0.0886183 9.90094 0.936012 9.80047L8.92995 8.85266C9.27531 8.81171 9.57459 8.59426 9.72026 8.27846L13.0919 0.968665Z" fill="%23E5E7EB"/></svg>');
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    background-position: center
}

input:not(:checked) ~ .faces_label:hover, input:not(:checked) ~ .faces_label:hover ~ .faces_label {
    background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0919 0.968665C13.4494 0.193793 14.5506 0.193793 14.9081 0.968665L18.2797 8.27846C18.4254 8.59426 18.7247 8.81171 19.0701 8.85266L27.064 9.80047C27.9114 9.90094 28.2517 10.9483 27.6252 11.5277L21.7151 16.9932C21.4597 17.2293 21.3454 17.5812 21.4132 17.9223L22.982 25.8178C23.1483 26.6548 22.2574 27.3021 21.5128 26.8853L14.4884 22.9534C14.185 22.7835 13.815 22.7835 13.5116 22.9534L6.48722 26.8853C5.74261 27.3021 4.85165 26.6548 5.01795 25.8178L6.5868 17.9223C6.65458 17.5812 6.54026 17.2293 6.28492 16.9932L0.374802 11.5277C-0.251698 10.9483 0.0886183 9.90094 0.936012 9.80047L8.92995 8.85266C9.27531 8.81171 9.57459 8.59426 9.72026 8.27846L13.0919 0.968665Z" fill="%23DBA102"/></svg>')
}

input:checked ~ .faces_label {
    background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0919 0.968665C13.4494 0.193793 14.5506 0.193793 14.9081 0.968665L18.2797 8.27846C18.4254 8.59426 18.7247 8.81171 19.0701 8.85266L27.064 9.80047C27.9114 9.90094 28.2517 10.9483 27.6252 11.5277L21.7151 16.9932C21.4597 17.2293 21.3454 17.5812 21.4132 17.9223L22.982 25.8178C23.1483 26.6548 22.2574 27.3021 21.5128 26.8853L14.4884 22.9534C14.185 22.7835 13.815 22.7835 13.5116 22.9534L6.48722 26.8853C5.74261 27.3021 4.85165 26.6548 5.01795 25.8178L6.5868 17.9223C6.65458 17.5812 6.54026 17.2293 6.28492 16.9932L0.374802 11.5277C-0.251698 10.9483 0.0886183 9.90094 0.936012 9.80047L8.92995 8.85266C9.27531 8.81171 9.57459 8.59426 9.72026 8.27846L13.0919 0.968665Z" fill="%23DBA102"/></svg>') !important
}

    input:checked ~ .faces_label:active, input:not(:checked) ~ .faces_label:active {
        background-color: var(--colors-gray-100);
        border-radius: 999px
    }

.home-FaceSurvey .SANGcontainer {
    display: flex;
    align-items: center;
    height: 88px;
    gap: var(--spacing-3xl)
}

    .home-FaceSurvey .SANGcontainer span.title {
        width: 100px
    }

html[lang=en] .home-FaceSurvey .SANGcontainer span.title {
    width: 150px
}

.NameEmailDiv div, .Pagination_MoreLink > ul .Pagination_Link, .Pagination_MoreLinkPrev > ul .Pagination_Link, .home-FaceSurvey .SANGcontainer #resultoutput, .home-FaceSurvey .SANGcontainer .captchaSubmited, .home-FaceSurvey .SANGcontainer .faces-section {
    width: 100%
}

.home-FaceSurvey .SANGcontainer #face_Survey {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

    .BCphysic-row, .EPF-SChartH, .home-FaceSurvey .SANGcontainer #face_Survey > div {
        display: flex
    }

        .home-FaceSurvey .SANGcontainer #face_Survey > div:last-child {
            width: 100%;
            gap: var(--spacing-3xl);
            justify-content: space-between
        }

    .home-FaceSurvey .SANGcontainer #face_Survey .faces_div {
        align-items: center
    }

.home-FaceSurvey .SANGcontainer .captchaDiv {
    width: 100% !important;
    display: flex;
    flex-direction: row;
    padding: var(--spacing-none)
}

@media only screen and (max-width:991px) {
    .home-FaceSurvey .SANGcontainer #face_Survey {
        flex-direction: column;
        gap: var(--spacing-none)
    }

    .home-FaceSurvey .SANGcontainer {
        height: auto;
        align-items: flex-start;
        gap: var(--spacing-md);
        flex-direction: column;
        margin: var(--spacing-md) auto
    }

        .home-FaceSurvey .SANGcontainer #face_Survey > div:not(.faces_div) {
            display: block
        }
}

.Rtable tr:not(:last-child), .RtableHead, .SANG-FAQ .faqDiv-item, .SANG-bodyDiv .ms-listviewtable tr:not(:last-child), .ms-listviewtable tr:not(:last-child) td {
    border-bottom: 1px solid var(--colors-gray-300)
}

.faqDiv-item .btn-link {
    padding: var(--spacing-xl);
    margin: 0;
    width: 100%;
    text-align: justify;
    display: flex;
    gap: var(--spacing-xl);
    justify-content: space-between;
    text-decoration: none;
    font-family: var(--IBMPlexSansAR-SB);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    color: var(--colors-title-Default);
    border-radius: 0
}

    .faqDiv-item .btn-link i {
        font-size: var(--Display-xsF);
        line-height: var(--Display-xsF)
    }

.SANG-FAQ .btn-link:focus {
    box-sizing: border-box;
    outline: 2px solid var(--colors-gray-950) !important
}

.SANG-FAQ .faqDiv-item .card-body {
    padding: var(--spacing-md) var(--spacing-xl) var(--spacing-3xl) var(--spacing-6xl)
}

#SANGloaderID {
    margin: 50px;
}

.News-List {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: 1fr;
    gap: var(--spacing-3xl)
}

.ImgGallery, .Impbox-link.four, .box-link.four {
    grid-template-columns: repeat(4,1fr)
}

.news-list .container {
    max-width: 100% !important;
    padding: var(--spacing-none) !important;
    margin: var(--spacing-none) !important
}

.News-List .News-Item {
    text-decoration: none !important;
    width: 100%;
    padding: var(--spacing-none);
    margin: var(--spacing-none);
    border-radius: 16px
}

    .News-List .News-Item .News-Content {
        border: 1px solid var(--colors-gray-300);
        background-color: var(--colors-white);
        padding: var(--spacing-xl);
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-xl);
        position: relative;
        height: 100%; /*By UI*/
    }

        .News-List .News-Item .News-Content .News-IMG-c img {
            width: 100%;
            height: 220px;
            border-radius: 8px;
            object-fit: cover
        }

            /* Special rule only for default image */
            .News-List .News-Item .News-Content .News-IMG-c img[src*="/MediaAffairs/MONGNews/PublishingImages/defaultImage.webp"] {
                object-fit: contain; /* show the whole image without distortion */
                background-color: #ffffff; /* optional: fill empty space */
            }


.Pagination .Pagination_Link.Next_Link a:after, .Pagination .Pagination_Link.Prev_Link a:after, nav:not(.Pagination) .Pagination_Link.Next_Link:after, nav:not(.Pagination) .Pagination_Link.Prev_Link:after {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%23161616"/></svg>') center;
    content: "";
    fill: var(--colors-gray-950)
}

.News-List .News-Item .News-Content .flex-fill .News-title, .history-container h3 {
    /* text-align: justify; By UI */
    display: -webkit-box; /* By UI*/
    -webkit-line-clamp: 2; /* By UI*/
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--colors-gray-800);
    font-family: var(--IBMPlexSansAR-B);
    font-size: var(--Text-lgF);
    line-height: var(--Text-lgL);
    margin: var(--spacing-none)
}

.News-List .News-Item .News-Content .flex-fill .News-Desc, .News-btn {
    line-height: var(--Text-mdL);
    margin: var(--spacing-none);
    font-size: var(--Text-mdF)
}

.News-List .News-Item .News-Content .flex-fill .News-Desc {
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--colors-gray-800);
    font-family: var(--IBMPlexSansAR-R);
    min-height: 72px;
    -webkit-line-clamp: 3; /* By UI*/
    -webkit-box-orient: vertical; /* By UI*/
    overflow: hidden; /* By UI*/
}

.News-btn, .News-btn:visited {
    color: var(--colors-white) !important
}

.News-List .News-Item .News-Content .News-Date {
    width: fit-content;
    position: relative;
    padding: var(--spacing-xxs) var(--spacing-md);
    font-size: var(--Text-xsF);
    margin: var(--spacing-none);
    font-family: var(--IBMPlexSansAR-R); /*BY UI*/
    line-height: var(--Text-xsL)
}

.News-btn {
    width: fit-content;
    padding: var(--spacing-md) var(--spacing-xl);
    font-family: var(--IBMPlexSansAR-M);
    border-radius: 4px;
    border: 0;
    text-decoration: none !important
}

    .EPF-satisfactionY .EPF-feedbackNum, .News-btn:hover {
        background-color: var(--colors-brand-600)
    }

    .News-btn:active {
        background-color: var(--colors-brand-900)
    }

.NewsPagination > ul, .Pagination > ul, .PaginationList > ul {
    display: flex;
    padding: var(--spacing-none);
    margin: var(--spacing-none);
    margin-top: var(--spacing-3xl);
    list-style: none;
    gap: var(--spacing-md)
}

.NewsNextDropDown, .NewsPrevDropDown, .NextDropDown, .PaginationNextDropDown, .PaginationPrevDropDown, .Pagination_MoreLink > a, .Pagination_MoreLinkPrev > a, .PrevDropDown {
    height: 40px;
    min-width: 40px !important;
    font-size: var(--Text-mdF) !important;
    padding: var(--spacing-md) !important;
    margin: var(--spacing-none) !important;
    line-height: var(--Text-mdL);
    color: var(--colors-gray-800) !important;
    text-decoration: none !important
}

.NewsPagination .Pagination_Link, .NewsPagination .Pagination_selected, .PaginationList .Pagination_Link, .PaginationList .Pagination_selected {
    position: relative;
    display: flex;
    justify-content: center;
    height: 40px;
    min-width: 40px;
    text-decoration: none !important;
    color: var(--colors-gray-800) !important;
    font-family: var(--IBMPlexSansAR-R);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    padding: var(--spacing-md);
    border-radius: 4px
}

.Pagination .Pagination_Link {
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 4px
}

    .Pagination .Pagination_Link a {
        text-align: center;
        height: 40px;
        min-width: 40px;
        width: 100%;
        padding: var(--spacing-md);
        text-decoration: none !important;
        color: var(--colors-gray-800) !important;
        font-family: var(--IBMPlexSansAR-R);
        font-size: var(--Text-mdF);
        line-height: var(--Text-mdL);
        border-radius: 4px
    }

    .NewsNextDropDown:hover, .NewsPagination .Pagination_Link:hover, .NewsPrevDropDown:hover, .Pagination .Pagination_Link:hover, .PaginationList .Pagination_Link:hover, .PaginationNextDropDown:hover, .PaginationPrevDropDown:hover, .Pagination_MoreLink a:hover {
        background: var(--colors-gray-100) !important
    }

.NewsPagination .aspNetDisabled.Pagination_Link:hover, .Pagination .PaginationDisabled.Pagination_Link:hover, .PaginationList .aspNetDisabled.Pagination_Link:hover {
    background: 0 0 !important
}

.Pagination .PaginationDisabled.Pagination_Link a, .Pagination .Pagination_Link.active {
    pointer-events: none;
    cursor: default
}

    .ImgGalleryItem:focus, .Impbox-link-item a:focus, .Pagination .Pagination_Link.active a:focus, .box-link-item a:focus {
        outline: 0 !important
    }

    .NewsPagination .Pagination_selected:after, .Pagination .Pagination_Link.active:after, .PaginationList .Pagination_selected:after {
        position: absolute;
        content: "";
        width: 70%;
        height: 3px;
        background-color: var(--colors-brand-600);
        bottom: 4px;
        border-radius: 9999PX
    }

.history .card-body .history-container, .history .card-header .btn-link {
    background-color: var(--colors-white);
    background-color: var(--colors-white)
}

.Pagination .Pagination_Link.Next_Link a:after, html[lang=en] .Pagination .Pagination_Link.Prev_Link a:after, html[lang=en] .Pagination_Link.Prev_Link:after, nav:not(.Pagination) .Pagination_Link.Next_Link:after {
    rotate: 90deg
}

.Pagination .PaginationDisabled.Pagination_Link a:after, .aspNetDisabled.Pagination_Link.Next_Link:after, .aspNetDisabled.Pagination_Link.Prev_Link:after {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%239DA4AE"/></svg>') center !important
}

.NewsNextDropDown.NewsDD_disabled, .NewsPrevDropDown.NewsDD_disabled, li:has(> .PaginationNextDropDown.PaginationDD_disabled), li:has(> .PaginationPrevDropDown.PaginationDD_disabled) {
    display: none
}

.NewsNextDropDown, .NewsPrevDropDown, .NextDropDown, .PaginationNextDropDown, .PaginationPrevDropDown, .PrevDropDown {
    border: 1px solid var(--colors-gray-950) !important;
    font-family: var(--IBMPlexSansAR-R) !important;
    border-radius: 4px
}

#history .card-detail, .addCommentsDisc, .addCommentsTitle {
    color: var(--colors-gray-800)
}

.Pagination_MoreLink > a, .Pagination_MoreLinkPrev > a {
    background: 0 0 !important;
    border: 1px solid var(--colors-gray-950) !important;
    font-family: var(--IBMPlexSansAR-R) !important;
    border-radius: 4px
}

.Pagination_MoreLink > ul .Pagination_Link a, .Pagination_MoreLinkPrev > ul .Pagination_Link a {
    text-align: end
}

.Pagination_MoreLink > ul, .Pagination_MoreLinkPrev > ul {
    min-width: 60px;
    padding: var(--spacing-xs)
}

.Pagination_MoreLink a:focus, .Pagination_MoreLinkPrev a:focus {
    outline: 1px solid var(--colors-gray-950) !important
}

#Comments, #EventDetailTitle, #Inner-pdf-button, #comments_output, .Pagination_MoreLink a:after, .Pagination_MoreLinkPrev a:after, .SANGcard.hideCity, .history .card-header .btn.btn-link::after {
    display: none
}

.NewsNextDropDown:focus, .NewsPrevDropDown:focus, .PaginationNextDropDown:focus, .PaginationPrevDropDown:focus {
    background: var(--colors-gray-100);
    border: 2px solid var(--colors-gray-950) !important
}

.PaginationDropdown.dropdown-menu.show, .newsDropdown.dropdown-menu.show {
    padding: var(--spacing-xs);
    width: 60px !important;
    --bs-dropdown-min-width: 60px !important;
    border-radius: 4px
}

.PaginationDropdown .PaginationddItem a, .newsDropdown .newsddItem a {
    display: block;
    width: 100%;
    text-align: end;
    font-family: var(--IBMPlexSansAR-R) !important;
    font-size: var(--Text-smF) !important;
    line-height: var(--Text-smL);
    color: var(--colors-gray-950);
    text-decoration: none;
    padding: var(--spacing-md);
    border-radius: 4px
}

    .PaginationDropdown .PaginationddItem a:hover, .newsDropdown .newsddItem a:hover {
        background: var(--colors-gray-100)
    }

    .PaginationDropdown .PaginationddItem a:active, .newsDropdown .newsddItem a:active {
        background: var(--colors-gray-200)
    }

.InnerNews-Date {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: var(--Text-mdF); /* BY UI*/
    line-height: var(--Text-smL)
}

.history {
    padding: var(--spacing-xl);
    position: relative
}

    .history::before {
        width: 10px;
        height: calc(100% - 100px);
        display: inline-block;
        content: "";
        position: absolute;
        background-color: var(--colors-gray-200);
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
        border-radius: 100px
    }

    .history .card-header .btn-link {
        margin: 15px auto !important;
        padding: 0;
        display: flex;
        font-size: 16px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        color: var(--colors-success-900);
        transition: .3s;
        font-family: var(--h-text);
        border: 2px solid var(--colors-brand-700);
        position: relative;
        width: 80px;
        height: 80px;
        min-width: 80px;
        padding: var(--spacing-none);
        display: flex;
        font-size: var(--Text-mdF);
        line-height: var(--Text-mdL);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: var(--colors-success-900);
        font-family: var(--h-text);
        border: 2px solid var(--colors-brand-700);
        text-align: center;
        text-decoration: unset
    }

    .history .card {
        overflow: visible
    }

    .history .btn.btn-link:not(.collapsed) {
        transform: scale(1.2);
        background-color: var(--colors-brand-700) !important;
        color: var(--colors-white);
        border: 0
    }

    .history .card .collapse {
        transition: .3s
    }

        .history .card .collapse:not(.show) {
            display: block;
            visibility: hidden;
            height: 0;
            overflow: hidden
        }

        .history .card .collapse.show {
            height: auto;
            visibility: visible
        }

    .history .card .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-property: height,visibility;
        transition-property: height,visibility;
        -webkit-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
    }

    .history .card-header .btn.btn-link:hover, .history .card-header .btn.btn-link:not(.collapsed):hover {
        transform: scale(1.4);
        color: var(--colors-white) !important;
        background-color: var(--colors-brand-700);
        border: 0
    }

    .history .card, .history .card-body, .history .card-header {
        background-color: transparent;
        border: 0
    }

    .history .tab-content {
        position: relative;
        overflow: hidden
    }

        .history .tab-content > .tab-pane {
            width: 0%;
            display: inline-block;
            content: "";
            position: absolute;
            box-shadow: var(--box-shadow);
            right: 1000%;
            transform: translate(0,0);
            transition: .3s;
            opacity: 0;
            margin-right: var(--spacing-none);
            margin-top: var(--spacing-6xl)
        }

.Info-msg, .MedicalReport-RefID, .SANGform_select, .eventDetails-card {
    position: relative
}

.history .card-body .history-container {
    width: calc(50% - 30px);
    position: relative;
    transition: .3s;
    border: 1px solid var(--colors-gray-300);
    padding: var(--spacing-xl);
    border-radius: 16px;
    display: flex;
    gap: var(--spacing-3xl);
    flex-direction: column
}

    .history .card-body .history-container::before {
        content: "";
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 100px;
        background-color: var(--colors-gray-600);
        top: 0;
        position: absolute
    }

    .history .card-body .history-container:nth-child(2n):before {
        right: -45px
    }

html[lang=en] .history .card-body .history-container:nth-child(2n):before {
    left: -45px;
    right: auto
}

.history .card-body .history-container:nth-child(odd):before {
    left: -45px
}

html[lang=en] .history .card-body .history-container:nth-child(odd):before {
    right: -45px;
    left: auto
}

.history .card-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-3xl)
}

    .history .card-body .history-container img {
        width: 100%;
        height: 422px;
        border-radius: 8px;
        object-fit: cover
    }

.history-background {
    display: flex;
    width: 40px !important;
    height: 40px !important;
    background-color: var(--colors-brand-50);
    border-radius: 8px;
    align-items: center;
    justify-content: center
}

#history .history-background i {
    color: var(--colors-success-700)
}

#history .card-detail {
    text-align: justify;
    font-family: var(--IBMPlexSansAR-R);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

    #history .card-detail p {
        margin-bottom: var(--spacing-none)
    }

.Impbox-link, .box-link {
    display: grid;
    list-style: none !important;
    padding: var(--spacing-none);
    margin: var(--spacing-none);
    gap: var(--spacing-3xl);
    justify-content: center;
    grid-auto-rows: 1fr
}

#addCommentsDiv, .ImgGalleryItem, .Impbox-link-item a, .box-link-item a {
    background-color: var(--colors-white);
    padding: var(--spacing-xl);
    gap: var(--spacing-3xl);
    display: flex
}

.Impbox-link.three, .box-link.three {
    grid-template-columns: repeat(3,1fr)
}

.Impbox-link.two, .box-link.two {
    grid-template-columns: repeat(2,1fr)
}

.Impbox-link.one, .box-link.one {
    grid-template-columns: repeat(1,1fr)
}

.Impbox-link-item span, .box-link-item span {
    width: 100%;
    color: var(--colors-gray-800) !important;
    font-family: var(--IBMPlexSansAR-B);
    font-size: var(--Text-lgF);
    line-height: var(--Text-lgL)
}

    .Impbox-link-item i, .box-link-item span i {
        color: var(--colors-brand-700) !important;
        font-size: var(--Text-lgF);
        line-height: var(--Text-lgL)
    }

    .box-link-item span i {
        padding-right: var(--spacing-xs)
    }

.Impbox-link-item a, .box-link-item a {
    border: 1px solid var(--colors-gray-300);
    border-radius: 16px;
    align-items: end;
    justify-content: space-between;
    min-height: 100px;
    width: 100%;
    text-decoration: none;
    flex-direction: column
}

li.Impbox-link-item, li.box-link-item {
    display: -webkit-inline-box;
    width: 100%
}

.media-icon a i {
    font-size: var(--Display-xsF);
}

.Impbox-link-item a:after, .Impbox-link-item i, .box-link-item a:after {
    display: inline-block;
    min-width: 62px !important;
    width: 62px !important;
    border-radius: 4px;
    content: ""
}

.box-link-item a:after {
    height: 40px !important;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="%23000000" fill="none"><path d="M3.99982 11.9998L19.9998 11.9998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M8.99963 17C8.99963 17 3.99968 13.3176 3.99966 12C3.99965 10.6824 8.99966 7 8.99966 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>') center no-repeat;
    background-color: var(--colors-gray-100)
}

html[lang=en] .EventCard .card-Primarylink, html[lang=en] .Impbox-link-item a:after, html[lang=en] .box-link-item a:after {
    rotate: 180deg
}

.Impbox-link-item a:active, .Impbox-link-item a:focus, .Impbox-link-item a:hover, .box-link-item a:active, .box-link-item a:focus, .box-link-item a:hover {
    text-decoration: none
}

.box-icon {
    width: 100%;
    height: 40px
}

.Impbox-link-item i {
    padding-right: var(--spacing-xs);
    text-align: end
}

.Impbox-link-item a:after {
    height: 40px !important;
    background: url('/_layouts/15/SANGInternet.SANGWebPortal/AR/images/external-link.svg') center no-repeat;
    background-color: var(--colors-gray-100)
}

#addCommentsDiv, .ImgGalleryItem {
    border: 1px solid var(--colors-gray-300);
    border-radius: 16px;
    flex-direction: column
}

.addCommentsHead {
    display: flex;
    gap: var(--spacing-3xl);
    flex-direction: column
}

.Comments-background {
    display: flex;
    width: 48px !important;
    height: 48px !important;
    background-color: var(--colors-brand-50);
    border-radius: 8px;
    align-items: center;
    justify-content: center
}

.fileUploadBTN, .img-zoomIn {
    cursor: pointer;
    width: fit-content !important;
    min-width: fit-content !important;
    padding: var(--spacing-md) var(--spacing-xl) !important
}

.Comments-background i {
    font-size: var(--Display-xsF);
    line-height: var(--Display-xsL);
    color: var(--colors-success-700)
}

.Info-iconeBg i, .cardicone-bg i {
    font-size: var(--Text-xlF);
    line-height: var(--Text-xlL)
}

.addCommentsText {
    display: flex;
    gap: var(--spacing-md);
    flex-direction: column
}

.addCommentsTitle {
    font-family: var(--IBMPlexSansAR-B) !important;
    font-size: var(--Text-lgF);
    line-height: var(--Text-lgL);
    margin: var(--spacing-none)
}

.addCommentsDisc {
    font-family: var(--IBMPlexSansAR-R);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

.NameEmailDiv {
    display: flex;
    gap: var(--spacing-3xl)
}

#Comments textarea.form-control, textarea.form-control {
    height: 120px;
    padding: var(--spacing-lg) !important
}

.ImgGallery {
    display: grid;
    grid-auto-rows: 1fr;
    gap: var(--spacing-3xl)
}

.img-zoomIn {
    display: flex;
    font-size: var(--Text-mdF) !important;
    line-height: var(--Text-mdL) !important;
    font-family: var(--IBMPlexSansAR-M) !important;
    background-color: var(--colors-brand-600) !important;
    color: var(--colors-white) !important;
    margin: var(--spacing-none) !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    border: 0 !important
}

    .accessibility-tools-contact a:hover, .img-zoomIn:hover, .social-link-contact a:hover {
        background-color: var(--colors-brand-700) !important;
        text-decoration: none
    }

    .img-zoomIn:active {
        background-color: var(--colors-brand-900) !important;
        text-decoration: none
    }

.ImgGalleryItem img {
    border-radius: 4px;
    width: 100%;
    object-fit: cover;
    max-height: 180px;
    height: 180px
}

.ImgGalleryItem.imgMax img {
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important
}

.Event-list-bsection, .contactUs-details, .eventInfo {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl)
}

.SANGform_select .form-control {
    text-align: start;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%230D121C"/></svg>');
    background-size: 24px;
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: center
}

html[lang=en] .SANGform_select .form-control {
    background-position-x: calc(100% - 5px)
}

.SANGform_select .form-control.show {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.50237 12.8706C5.60394 12.7361 5.90719 12.3347 6.0878 12.1032C6.44953 11.6397 6.94379 11.0238 7.47696 10.4097C8.01282 9.79256 8.57575 9.19148 9.07584 8.74961C9.32661 8.52805 9.54689 8.35969 9.72866 8.25011C9.89962 8.14704 10.0006 8.12561 10.0006 8.12561C10.0006 8.12561 10.0986 8.14704 10.2696 8.2501C10.4514 8.35968 10.6716 8.52804 10.9224 8.74961C11.4225 9.19148 11.9854 9.79256 12.5213 10.4098C13.0545 11.0238 13.5487 11.6397 13.9104 12.1033C14.091 12.3347 14.3939 12.7356 14.4955 12.8701C14.7001 13.148 15.0918 13.2079 15.3698 13.0032C15.6477 12.7986 15.7071 12.4073 15.5024 12.1294L15.5008 12.1273C15.3943 11.9862 15.0802 11.5704 14.8959 11.3342C14.526 10.8602 14.0173 10.2262 13.4652 9.59024C12.9157 8.95743 12.311 8.30851 11.7501 7.81288C11.4703 7.5657 11.1867 7.34343 10.9149 7.17958C10.6603 7.02607 10.3379 6.875 9.99911 6.875C9.66036 6.875 9.33795 7.02607 9.0833 7.17959C8.8115 7.34344 8.52793 7.5657 8.24817 7.81288C7.68724 8.30851 7.08252 8.95742 6.53309 9.59023C5.98096 10.2261 5.47226 10.8602 5.10237 11.3342C4.91798 11.5705 4.60391 11.9863 4.49757 12.1271L4.49617 12.1289C4.29147 12.4069 4.35055 12.7985 4.62849 13.0032C4.90641 13.2079 5.29766 13.1485 5.50237 12.8706Z" fill="%230D121C"/></svg>')
}

.SANGform_select .dropdown-menu.show {
    max-height: 200px;
    overflow: auto;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    margin: var(--spacing-none) !important;
    background-color: var(--colors-white) !important;
    padding: var(--spacing-md) !important;
    border-radius: 4px !important;
    border: 1px solid var(--colors-gray-300) !important
}

.fileuploder_msg .FileUploderField:before, .fileuploder_msg .FileUploderSuccess:before {
    display: inline-block;
    height: 20px !important;
    min-width: 20px !important;
    width: 20px !important
}

.SANGform_select .SANGdropdown-item a, .SANGform_select .formDD-item a, .SANGform_select .formDD-item button {
    text-align: start;
    cursor: pointer;
    display: flex;
    width: 100%;
    padding: var(--spacing-md);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    color: var(--colors-gray-950) !important;
    text-decoration: none !important;
    font-family: var(--IBMPlexSansAR-R);
    border-radius: 4px;
    border: 0
}

    .SANGform_select .formDD-item button:focus-visible {
        border: 1px solid var(--colors-gray-900)
    }

.SANGform_select .SANGdropdown-item.active a:after, .SANGform_select .formDD-item.active button:after {
    display: block;
    content: "";
    height: 20px;
    width: 30px !important;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.2647 4.96453C16.5144 5.20287 16.5236 5.59849 16.2853 5.84817L7.53527 15.0148C7.41907 15.1366 7.2587 15.2063 7.09044 15.2083C6.92217 15.2102 6.76022 15.1442 6.64123 15.0252L3.72456 12.1086C3.48048 11.8645 3.48048 11.4688 3.72456 11.2247C3.96864 10.9806 4.36437 10.9806 4.60845 11.2247L7.07277 13.689L15.3811 4.98508C15.6194 4.73539 16.015 4.72619 16.2647 4.96453Z" fill="%23161616"/></svg>');
    background-repeat: no-repeat
}

.SANGform_select .SANGdropdown-item.active a, .SANGform_select .formDD-item.active button {
    display: flex !important;
    justify-content: space-between
}

.MedicalReport-RefID {
    display: flex;
    align-items: center
}

    .MedicalReport-RefID .input-group-addon {
        position: absolute;
        z-index: 1;
        left: 10px;
        font-family: var(--IBMPlexSansAR-SB);
        border-left: none !important
    }

html[lang=en] .MedicalReport-RefID .input-group-addon {
    position: absolute;
    left: auto;
    right: 10px
}

.EServices-form .captcha {
    display: block;
    width: 100% !important
}

.control-label {
    font-family: var(--IBMPlexSansAR-B);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    margin: var(--spacing-none);
    display: flex;
    gap: var(--spacing-xs);
    align-items: center
}

    .control-label.label-Required:before {
        content: "*";
        color: var(--colors-error-700)
    }

.fileUploadBTN {
    height: 40px;
    font-size: var(--Text-mdF) !important;
    line-height: var(--Text-mdL) !important;
    font-family: var(--IBMPlexSansAR-M) !important;
    background-color: var(--colors-gray-950) !important;
    color: var(--colors-white) !important;
    margin: var(--spacing-none) !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    border: 0 !important
}

.Info-text, .fileuploder_Desc {
    font-size: var(--Text-smF);
    line-height: var(--Text-smL)
}

.fileUploadBTN:hover {
    background-color: var(--colors-gray-800) !important;
    text-decoration: none
}

.fileUploadBTN:active {
    background-color: var(--colors-gray-600) !important;
    text-decoration: none
}

.fileuploder_div {
    background-color: var(--colors-gray-100);
    border: 1px solid var(--colors-gray-300);
    border-radius: 4px;
    width: 350px;
    display: none
}

    .fileuploder_div.error {
        border: 1px solid var(--colors-error-700)
    }

.fileuploder_msg {
    display: flex;
    padding: var(--spacing-md);
    justify-content: space-between;
    align-items: center
}

    .fileuploder_msg .FileUploderField, .fileuploder_msg .FileUploderSuccess {
        display: flex;
        align-items: center;
        gap: 8px
    }

        .fileuploder_msg .FileUploderSuccess:before {
            content: "";
            background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0002 19.1667C15.0628 19.1667 19.1668 15.0626 19.1668 10C19.1668 4.93743 15.0628 0.833374 10.0002 0.833374C4.93755 0.833374 0.833496 4.93743 0.833496 10C0.833496 15.0626 4.93755 19.1667 10.0002 19.1667Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0002 19.1667C15.0628 19.1667 19.1668 15.0626 19.1668 10C19.1668 4.93743 15.0628 0.833374 10.0002 0.833374C4.93755 0.833374 0.833496 4.93743 0.833496 10C0.833496 15.0626 4.93755 19.1667 10.0002 19.1667ZM5.87534 9.26781C5.54991 9.59324 5.54991 10.1209 5.87534 10.4463L8.23237 12.8033C8.5578 13.1288 9.08544 13.1288 9.41088 12.8033L14.1249 8.0893C14.4504 7.76386 14.4504 7.23622 14.1249 6.91078C13.7995 6.58535 13.2718 6.58535 12.9464 6.91078L8.82162 11.0356L7.05385 9.26781C6.72842 8.94237 6.20078 8.94237 5.87534 9.26781Z" fill="%23067647"/></svg>') center no-repeat
        }

        .fileuploder_msg .FileUploderField:before {
            content: "";
            background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0002 19.1666C15.0628 19.1666 19.1668 15.0626 19.1668 9.99998C19.1668 4.93737 15.0628 0.833313 10.0002 0.833313C4.93755 0.833313 0.833496 4.93737 0.833496 9.99998C0.833496 15.0626 4.93755 19.1666 10.0002 19.1666Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0002 19.1666C15.0628 19.1666 19.1668 15.0626 19.1668 9.99998C19.1668 4.93737 15.0628 0.833313 10.0002 0.833313C4.93755 0.833313 0.833496 4.93737 0.833496 9.99998C0.833496 15.0626 4.93755 19.1666 10.0002 19.1666ZM10.0002 5.83331C9.53992 5.83331 9.16683 6.20641 9.16683 6.66665V9.99998C9.16683 10.4602 9.53992 10.8333 10.0002 10.8333C10.4604 10.8333 10.8335 10.4602 10.8335 9.99998V6.66665C10.8335 6.20641 10.4604 5.83331 10.0002 5.83331ZM10.0002 12.5C9.53992 12.5 9.16683 12.8731 9.16683 13.3333C9.16683 13.7935 9.53992 14.1666 10.0002 14.1666C10.4604 14.1666 10.8335 13.7935 10.8335 13.3333C10.8335 12.8731 10.4604 12.5 10.0002 12.5Z" fill="%23B42318"/></svg>') center no-repeat
        }

.Uploadfileclosebtn {
    border: 0;
    background-color: transparent;
    min-width: 20px;
    height: 20px;
    margin: var(--spacing-none);
    padding: var(--spacing-none);
    display: flex;
    align-items: center;
    justify-content: center
}

.Info-msg, .ceo-msg-year h3 {
    margin: var(--spacing-none) auto
}

.Uploadfileclosebtn i {
    font-size: var(--Text-xlF)
}

.fileuploder_Desc {
    border-top: 1px solid var(--colors-gray-300);
    padding: var(--spacing-md);
    color: var(--colors-error-600)
}

.Info-msg {
    display: flex;
    margin-top: var(--spacing-xl);
    padding: var(--spacing-xl) var(--spacing-3xl);
    border-radius: 8px;
    background: var(--colors-white);
    overflow: hidden;
    background-color: var(--colors-white);
    border: 1px solid var(--colors-gray-300);
    align-items: center;
    gap: var(--spacing-xl)
}

.BCPhysicians-drop, .card-icone a.card-btn, .instrct-mobile-links, .sitemap-page {
    margin: var(--spacing-none)
}

.cardicone-bg, .event-date {
    background-color: var(--colors-brand-50)
}

.Info-msg:after {
    content: "";
    display: block;
    height: 100%;
    width: 8px;
    right: 0;
    top: 0;
    background-color: var(--colors-gray-200);
    opacity: .7;
    position: absolute
}

html[lang=en] .Info-msg:after {
    right: auto;
    left: 0
}

.Info-text {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    font-family: var(--IBMPlexSansAR-R);
    color: var(--colors-gray-700)
}

.Info-title, .card-icone a.card-btn {
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

.Info-title {
    font-family: var(--IBMPlexSansAR-SB);
    color: var(--colors-gray-800)
}

.Info-iconeBg {
    line-height: 0
}

    .Info-iconeBg i {
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 9999px;
        background-color: var(--colors-gray-50);
        color: var(--colors-gray-950)
    }

.cityLocationDiv .SANGcard.card-icone {
    width: 370px
}
/*BY UI*/
/*.cardicone-bg {
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px;
    align-items: center;
    justify-content: center
}*/

.cardicone-bg i, .event-date {
    align-items: center;
    display: flex
}

.cardicone-bg i {
    width: 100%;
    height: 100%;
    justify-content: center;
    color: var(--colors-success-700)
}

.card-icone a.card-btn {
    width: fit-content;
    padding: var(--spacing-md) var(--spacing-xl);
    font-family: var(--IBMPlexSansAR-M);
    background-color: var(--colors-brand-600);
    color: var(--colors-white) !important;
    border-radius: 4px;
    text-decoration: none;
    border: 0
}

    .card-icone a.card-btn:hover {
        background-color: var(--colors-brand-700);
        text-decoration: none
    }

    .card-icone a.card-btn:active {
        background-color: var(--colors-brand-900);
        text-decoration: none
    }

    .card-icone a.card-btn:focus {
        border: 1px solid var(--colors-white);
        text-decoration: none;
        outline: 2px solid var(--colors-gray-950) !important
    }

.form-control.disabled, .form-control.disabled:active, .form-control.disabled:focus, .form-control.disabled:hover {
    background-color: transparent !important;
    border: 1px solid var(--colors-gray-300) !important;
    color: var(--colors-gray-400) !important
}

.SANGcard.EventCard {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.event-date {
    min-width: 80px;
    height: 90px;
    border-radius: 8px;
    justify-content: center;
    flex-direction: column;
    padding: var(--spacing-md)
}

    .event-date .Day {
        color: var(--colors-brand-600);
        font-family: var(--IBMPlexSans-B);
        font-size: var(--Display-smF);
        line-height: var(--Display-smL)
    }

    .Event-list-item .info h6, .bsection-item .info h6, .event-date .Month {
        font-family: var(--IBMPlexSansAR-B);
        font-size: var(--Text-mdF);
        line-height: var(--Text-mdL)
    }

    .event-date .Month {
        color: var(--colors-gray-900)
    }

.event-detels {
    display: flex;
    gap: 8px;
    align-items: center
}

.event-info {
    width: 100%;
    display: flex;
    gap: var(--spacing-md);
    flex-direction: column;
    justify-content: center
}

.event-detels .card-title {
    -webkit-line-clamp: unset
}

.EventCard .card-Primarylink {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.EventCard .card-links a i {
    height: 40px;
    width: 40px;
    display: flex;
    color: var(--colors-white);
    font-size: var(--Display-xsF);
    line-height: var(--Display-xsF);
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.eventDetails-Div {
    display: grid;
    grid-auto-columns: minmax(0,1fr);
    grid-auto-flow: column;
    gap: var(--spacing-3xl)
}

.eventDetails-content {
    min-height: 500px;
    grid-column-end: span 2
}

.eventDetails-card {
    width: 400px
}

.Event-list-card {
    width: 100%;
    position: absolute;
    top: -152px;
    left: 0;
    border: 1px solid var(--colors-gray-300);
    background-color: var(--colors-white);
    padding: var(--spacing-5xl);
    border-radius: 16px;
    display: flex;
    gap: var(--spacing-3xl);
    flex-direction: column
}

.Event-list-item, .bsection-item {
    display: flex;
    gap: var(--spacing-xs)
}

    .Event-list-item i, .bsection-item i {
        color: var(--colors-brand-600);
        font-size: var(--Display-xsF);
        line-height: var(--Display-xsL)
    }

    .Event-list-item .info, .bsection-item .info {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-xs)
    }

        .Event-list-item .info h6, .bsection-item .info h6 {
            color: var(--colors-gray-950)
        }

        .Event-list-item .info p, .bsection-item .info span {
            font-size: var(--Text-mdF);
            line-height: var(--Text-mdL);
            color: var(--colors-gray-800);
            font-family: var(--IBMPlexSansAR-R)
        }

.Aboutusbg {
    display: flex;
    width: 56px !important;
    height: 56px !important;
    background-color: var(--colors-brand-50);
    border-radius: 8px;
    align-items: center;
    justify-content: center
}

.AboutUs-item {
    display: flex;
    gap: var(--spacing-3xl);
    flex-direction: column;
    align-items: center;
    padding: var(--spacing-xl) var(--spacing-xl)
}

    .AboutUs-item i {
        font-size: var(--Text-lgL) !important;
        color: var(--colors-success-700) !important
    }

.ItemNumber, .ceo-msg-year h3 {
    font-size: var(--Text-xlF) !important
}

.ceo-btn i, .ceo-msg-year h3 {
    color: var(--colors-gray-950)
}

.ItemNumber {
    font-family: var(--IBMPlexSansAR-SB) !important;
    color: var(--colors-brand-800) !important;
    line-height: var(--Text-lgL) !important
}

.ItemType {
    line-height: var(--Text-mdL) !important;
    font-size: var(--Text-mdF) !important;
    color: var(--colors-gray-800) !important;
    text-align: center
}

#BCPhysicians .BCPhysicians-Funtion, .ceo-msg-year h3.msg-title, .sitemap-page {
    color: var(--colors-brand-600)
}

.Inner-pdf-container.active {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .Inner-pdf-container.active .Inner-pdf-container-bg {
        background: #1e1e1e;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        opacity: .9;
        transition-timing-function: cubic-bezier(.22,.61,.36,1);
        transition-property: opacity
    }

    .Inner-pdf-container.active #PDFcontainer.pdf-viewer {
        height: 95vh;
        width: 100%;
        max-width: 100% !important;
        transform: translateZ(0);
        z-index: 99994
    }

#PDFcontainer {
    height: auto;
    transition: .3s
}

    #PDFcontainer.pdf-viewer {
        height: 95vh;
        width: 100%
    }

.Inner-pdf-container.active #Inner-pdf-button {
    display: block;
    height: 40px;
    min-width: 40px;
    border-radius: 4px
}

    .Inner-pdf-container.active #Inner-pdf-button:hover {
        background-color: var(--colors-gray-800)
    }

    .Inner-pdf-container.active #Inner-pdf-button:focus {
        background-color: transparent;
        border: 2px solid var(--colors-white)
    }

.sitemap-page {
    list-style: initial
}

    .sitemap-page li:not(:last-child) {
        padding-bottom: var(--spacing-xl)
    }

.sitemap-sub {
    list-style: circle;
    padding-top: var(--spacing-xl)
}

.Rtable td, .SANG-bodyDiv .ms-listviewtable td, .ceo-btn, .instrct-mobile-links a {
    padding: var(--spacing-md) var(--spacing-xl)
}

.ceo-msg-year h3 {
    line-height: var(--Text-xlL)
}

.ceo-btn, .ceo-btn i {
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

.BCPhysicians-btn:after, .BCPhysicians-drop h4, .dropdown-btn::after {
    margin: var(--spacing-none) !important
}

.ceo-msg-year h3.msg-title {
    font-family: var(--IBMPlexSansAR-B);
    font-size: var(--Text-lgF) !important;
    line-height: var(--Text-lgL)
}

.ceo-btn {
    display: flex;
    border: none;
    gap: var(--spacing-xs);
    font-family: var(--IBMPlexSans-R);
    align-items: center;
    border-radius: 4px
}

.mobilelinkD, .mobilelinkT {
    font-family: var(--IBMPlexSans-M)
}

li.SANGcard.BCphysicCard {
    min-height: 610px;
    height: fit-content
}

.BCphysic-img img {
    border: 4px solid #f6f6f6;
    width: 100% !important;
    height: 360px !important;
    object-fit: cover
}

#BCPhysicians .BCPhysicians-name {
    font-family: var(--IBMPlexSansAR-B);
    font-size: var(--Display-xsF);
    line-height: var(--Display-xsL);
    margin: var(--spacing-none)
}

#BCPhysicians .BCPhysicians-Funtion, .BCPhysicians-drop h4 {
    font-family: var(--IBMPlexSansAR-M);
    font-size: var(--Text-mdF) !important;
    line-height: var(--Text-mdL)
}

.BCPhysicians-btn:after {
    display: inline-block;
    content: "";
    width: 40px;
    height: 40px;
    background: url(data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%23161616"/></svg>) center no-repeat;
    fill: var(--colors-gray-950);
    border: unset !important;
    rotate: 180deg
}

.BCPhysicians-drop {
    padding: var(--spacing-none)
}

    .BCPhysicians-drop > li:focus {
        border: 2px solid #161616
    }

.list.dropdown-menu {
    transition: max-height .2s ease-in-out;
    max-height: 0;
    position: inherit !important;
    top: auto !important;
    left: auto !important;
    transform: inherit !important;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 0
}

    .list.dropdown-menu.show {
        max-height: 1000px;
        transition: max-height .5s ease-in-out;
        background-color: transparent
    }

.dropdown-btn.dropdown-toggle {
    display: flex;
    gap: var(--spacing-3xl);
    width: 100%;
    justify-content: space-between
}

.BCPhysicians-drop h4 {
    display: flex;
    color: var(--colors-gray-800);
    align-items: center
}

.icon-button, .instrct-mobile-links a {
    color: var(--colors-gray-950) !important;
    display: flex;
    text-decoration: none !important
}

.dropdown-btn::after {
    display: inline-block;
    content: "";
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%23161616"/></svg>') center no-repeat;
    fill: var(--colors-gray-950);
    border: unset !important;
    rotate: 180deg
}

.dropdown-btn:not(.show)::after {
    rotate: 0deg
}

.instrct-mobile-links {
    display: flex;
    padding: var(--spacing-3xl) var(--spacing-none);
    gap: var(--spacing-3xl)
}

    .instrct-mobile-links a {
        border: 1px solid var(--colors-gray-950);
        border-radius: 8px;
        background-color: var(--colors-white);
        justify-content: space-between;
        align-items: center;
        gap: var(--spacing-md)
    }

html[lang=en] .instrct-mobile-links a {
    flex-direction: row-reverse
}

.mobilelink {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 150px
}

html[lang=en] .mobilelink {
    align-items: flex-start
}

.instrct-mobile-links a.ios:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7045 12.763C16.7166 11.8431 16.9669 10.9411 17.4321 10.141C17.8972 9.34093 18.5621 8.66869 19.3648 8.18687C18.8548 7.47582 18.1821 6.89066 17.4 6.47785C16.6178 6.06505 15.7479 5.83597 14.8592 5.80883C12.9635 5.61456 11.1258 6.91628 10.1598 6.91628C9.17506 6.91628 7.68776 5.82812 6.08616 5.86028C5.05021 5.89296 4.04059 6.18707 3.15568 6.71395C2.27077 7.24083 1.54075 7.98252 1.03674 8.86675C-1.14648 12.5571 0.482005 17.9808 2.57338 20.9639C3.61975 22.4246 4.84264 24.0562 6.44279 23.9984C8.00863 23.9349 8.59344 23.0235 10.4835 23.0235C12.3561 23.0235 12.9048 23.9984 14.5374 23.9616C16.2176 23.9349 17.2762 22.4944 18.2859 21.0198C19.0377 19.979 19.6162 18.8287 20 17.6115C19.0238 17.2084 18.1908 16.5337 17.6048 15.6715C17.0187 14.8093 16.7056 13.7977 16.7045 12.763Z" fill="%230D121C"></path><path d="M13.6208 3.84713C14.5369 2.77343 14.9883 1.39335 14.879 0C13.4793 0.143519 12.1865 0.796596 11.258 1.82911C10.804 2.33351 10.4563 2.92033 10.2348 3.55601C10.0132 4.19168 9.92219 4.86375 9.96686 5.5338C10.6669 5.54084 11.3595 5.3927 11.9924 5.10054C12.6253 4.80838 13.1821 4.37982 13.6208 3.84713Z" fill="%230D121C"></path></svg>') no-repeat
}

.instrct-mobile-links a.android:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.80482 11.4617L0.0895996 22.0059C0.0905121 22.0078 0.090512 22.0106 0.0914244 22.0125C0.389807 23.1574 1.41179 24 2.62539 24C3.11083 24 3.56616 23.8656 3.95671 23.6305L3.98773 23.6118L14.9229 17.1593L9.80482 11.4617Z" fill="%23EA4335"></path><path d="M19.633 9.66619L19.6239 9.65966L14.9027 6.86123L9.58386 11.7013L14.9219 17.1582L19.6175 14.3878C20.4406 13.9324 20.9999 13.045 20.9999 12.0223C20.9999 11.0052 20.4488 10.1225 19.633 9.66619Z" fill="%23FBBC04"></path><path d="M0.0894234 1.99325C0.0310244 2.21346 0 2.44488 0 2.68376V21.3163C0 21.5552 0.0310245 21.7866 0.0903359 22.0059L10.1386 11.7313L0.0894234 1.99325Z" fill="%234285F4"></path><path d="M9.87654 12L14.9043 6.85945L3.98189 0.383598C3.58496 0.140054 3.12142 8.67844e-05 2.62594 8.67844e-05C1.41233 8.67844e-05 0.388528 0.84456 0.0901454 1.99043C0.0901454 1.99136 0.0892334 1.9923 0.0892334 1.99323L9.87654 12Z" fill="%2334A853"></path></svg>') no-repeat
}

.mobilelinkD {
    font-size: var(--Text-2xsF);
    line-height: var(--Text-2xsL)
}

.mobilelinkT {
    font-size: var(--Text-lgF);
    line-height: var(--Text-lgL)
}

.icon-button, .icon-button p {
    font-family: var(--IBMPlexSansAR-M);
    margin: var(--spacing-none)
}

.card-buttons {
    display: flex;
    gap: var(--spacing-md);
    flex-wrap: wrap
}

.icon-button {
    gap: var(--spacing-xs);
    width: fit-content;
    height: 32px;
    padding: var(--spacing-none) var(--spacing-lg);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    background-color: var(--colors-white) !important;
    border-radius: 4px;
    align-items: center;
    border: 1px solid var(--colors-gray-300) !important
}

    .icon-button p {
        font-size: var(--Text-smF);
        line-height: var(--Text-smL)
    }

    .icon-button:hover {
        background-color: var(--colors-gray-100) !important;
        border: 1px solid var(--colors-gray-200) !important
    }

    .icon-button:active {
        background-color: var(--colors-gray-200) !important;
        border: 1px solid var(--colors-gray-300) !important
    }

    .icon-button i {
        line-height: var(--Text-xlL);
        font-size: var(--Text-xlF)
    }

.Rtable, table.ms-listviewtable {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--colors-gray-300);
    border-radius: 8px
}

    .Rtable table {
        table-layout: fixed;
        width: 100%
    }

    .Rtable th, .SANG-bodyDiv .ms-listviewtable th {
        background: var(--colors-gray-100);
        color: var(--colors-gray-700);
        font-size: var(--Text-xsF) !important;
        line-height: var(--Text-xsL) !important;
        font-family: var(--IBMPlexSansAR-B);
        border-left: 1px solid var(--colors-gray-300);
        height: 48px;
        padding: var(--spacing-md) var(--spacing-xl)
    }

        .Rtable table th:last-child, .SANG-bodyDiv .ms-listviewtable th:last-child {
            border-left: none
        }

html[lang=en] .Rtable th, html[lang=en] .SANG-bodyDiv .ms-listviewtable th {
    border-left: none;
    border-right: 1px solid var(--colors-gray-300)
}

    html[lang=en] .Rtable table th:last-child, html[lang=en] .SANG-bodyDiv .ms-listviewtable th:last-child {
        border-right: none
    }

.Rtable td, .SANG-bodyDiv .ms-listviewtable td {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--Text-mdF);
    height: 48px
}

.EPF-SCharthead {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spacing-md)
}

.EPF-feedbackNum, .SChartheadDiv {
    align-items: center;
    display: flex
}

.SChartheadDiv {
    gap: var(--spacing-md)
}

.EPF-satisfactionItems {
    display: flex;
    gap: var(--spacing-xl);
    margin-top: var(--spacing-xl)
}

.EPF-feedbackNum {
    color: var(--colors-white);
    border-radius: var(--spacing-xs);
    height: 40px;
    padding: var(--spacing-md);
    justify-content: center
}

.EPF-satisfactionN .EPF-feedbackNum {
    background-color: var(--colors-brand-400)
}

.EPF-feedbackTtile {
    height: 40px;
    display: flex;
    align-items: center
}

.EPF-feedbackNote {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    font-family: var(--IBMPlexSansAR-B)
}

#MostVisitedPages {
    width: 100% !important;
    height: 100% !important
}

#BrowserType, #DeviceCategory, #OperatingSystem {
    width: 100% !important;
    height: auto !important
}

.patientpartitonheader {
    display: block;
    width: 100%;
    font-family: var(--IBMPlexSansAR-B);
    font-size: var(--Text-lgF) !important;
    line-height: var(--Text-lgL);
    color: var(--colors-brand-600)
}

.breadcrumb span a.active, .descSect {
    color: var(--colors-gray-400) !important;
    line-height: var(--Text-smL)
}

.descSect {
    display: flex;
    flex-direction: column;
    font-size: var(--Text-smF);
    gap: var(--spacing-md)
}

.accordion-button, .accordion-button:hover, .with-sidebar .sidebar {
    font-size: 20px !important
}

.patient_fileUpload {
    margin-top: var(--spacing-md)
}

.SANG-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4xl)
}

.SANG-Sectioncontent:has(.SANG-SubSection) {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl)
}

.breadcrumb span a {
    font-size: var(--Text-mdF);
    line-height: var(--Text-smL);
    color: var(--colors-gray-700);
    text-decoration: none
}

    .breadcrumb span a.active {
        font-size: var(--Text-mdF);
        cursor: default
    }

.breadcrumb span .pathbar__devider {
    font-size: var(--Text-mdF);
    line-height: var(--Text-smL);
    color: var(--colors-gray-700);
    display: inline-block;
    content: "";
    width: 12px;
    height: 14px;
    fill: var(--colors-gray-950);
    rotate: 90deg;
    background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%23161616"/></svg>') no-repeat
}

.pagination-ys {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination-ys table > tbody > tr > td {
        padding-top: 15px;
        padding-left: 10px
    }

        .pagination-ys table > tbody > tr > td > a, .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: var(--colors-gray-700);
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px;
            border-radius: 16px
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #fff;
            background-color: var(--colors-brand-700);
            border-color: var(--colors-brand-700);
            cursor: default;
            border-radius: 16px
        }

            .pagination-ys table > tbody > tr > td > a:focus, .pagination-ys table > tbody > tr > td > a:hover, .pagination-ys table > tbody > tr > td > span:focus, .pagination-ys table > tbody > tr > td > span:hover {
                color: var(--colors-white);
                background-color: var(--colors-brand-600);
                border-color: var(--colors-gray-800)
            }

.inner-content {
    padding-top: 50px;
    padding-bottom: 100px
}

.InnerContent .image img {
    width: 100%;
    box-shadow: 0 0 6px 5px #ddd
}

.InnerContent .title h3 {
    font-size: 38px;
    line-height: 46px;
    font-family: var(--font-dinBold);
    color: var(--colors-brand-700);
    margin-bottom: 25px
}

.InnerContent .title .meta {
    display: flex;
    margin-bottom: 30px;
    font-family: var(--font-dinBold)
}

    .InnerContent .title .meta img {
        margin-left: 11px
    }

.InnerContent .content p {
    line-height: var(--Text-mdL); /* By UI*/
}

.inner-content.with-sidebar {
    padding-right: 7%;
    padding-left: 7%
}

.with-sidebar .sidebar li > a {
    font-size: 21px;
    line-height: 25px;
    color: var(--color-black);
    display: block;
    border-bottom: 1px solid #f1f2f2;
    border-top: 1px solid #f1f2f2;
    padding: 15px;
    background-color: var(--color-white)
}

.with-sidebar .sidebar li.active > a, .with-sidebar .sidebar li:hover > a {
    background-color: #f1f2f2;
    color: var(--color-primary);
    border-color: var(--color-primary)
}

.with-sidebar .content-wrapper .title .meta {
    color: #f1b750
}

.content .ms-rtestate-field img {
    max-width: 100%;
    height: auto
}

.gallery-area1 {
    background-color: #fff;
    padding-bottom: 100px;
    margin-bottom: 100px
}

.single-gallery1 {
    text-align: center
}

.gallery-inner1 {
    display: flex;
    align-items: center;
    justify-content: center
}

    .gallery-inner1 .text {
        text-align: left;
        box-shadow: 0 0 10px 0 #999;
        max-width: 500px;
        padding: 340px 30px;
        display: inline-block;
        border-bottom: 5px solid var(--color-primary)
    }

        .gallery-inner1 .text .subtitle {
            font-size: 23px;
            line-height: 27px;
            color: #b47b41;
            font-family: var(--IBMPlexSansAR-B);
            margin-bottom: 20px;
            text-align: right
        }

        .gallery-inner1 .text .title {
            font-size: 28px;
            line-height: 34px;
            font-family: var(--IBMPlexSansAR-R);
            color: var(--color-black);
            text-align: right
        }

.gallery-carousel.owl-carousel .owl-nav button:hover i {
    color: var(--color-primary)
}

.owl-carousel .owl-item .single-gallery1 img {
    display: inline-block;
    height: 800px
}

.history-years li {
    font-family: rbBold;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 0
}

    .history-years li a {
        color: #b47b41;
        opacity: .5
    }

    .history-years li:hover a {
        opacity: 1
    }

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    color: var(--bs-accordion-btn-color);
    text-align: right;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    color: #fff !important;
    font-weight: 700 !important;
    background-image: linear-gradient(to right,var(--colors-brand-600),var(--colors-brand-700)) !important
}

.form-label, .form-label_EN {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 7px
}

.accordion-button:hover {
    background-image: linear-gradient(to right,#f7f7f7,#f7f7f7) !important;
    color: var(--color-black) !important;
    font-weight: 700 !important
}

.accordion-button:not(.collapsed) {
    color: #fff !important;
    background-image: linear-gradient(to right,var(--colors-brand-600),var(--colors-brand-700)) !important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.DevHelperRequiredMark {
    color: red
}

.form-label {
    border-right: 10px solid var(--colors-brand-700);
    padding-right: 5px
}

.DevHelperRequiredMark_EN {
    color: red;
    float: left
}

.form-label_EN {
    border-left: 10px solid var(--color-primary);
    padding-left: 5px;
    float: left;
    direction: ltr
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0
}

.help-block {
    position: absolute;
    left: 10px;
    background: #e32d3e;
    color: #fff !important;
    padding: 2px 20px;
    font-size: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,.35);
    z-index: 100
}

    .help-block:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 10px solid #e32d3e;
        position: absolute;
        top: -8px
    }

.captchaimg img {
    border-color: rgba(178,190,196,.4) !important
}

.captchaimg span {
    float: right;
    margin: 0 0 10px 10px
}

.alert {
    padding: 10px 50px 10px 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    position: relative;
    font-size: 16px
}

.alert-success {
    color: #00a159;
    background-color: rgba(0,161,89,.2);
    border-color: rgba(0,161,89,.2)
}

.btnSubmit {
    width: fit-content !important;
    text-decoration: none !important;
    padding: var(--spacing-md) var(--spacing-xl) !important;
    font-size: var(--Text-mdF) !important;
    line-height: var(--Text-mdL) !important;
    font-family: var(--IBMPlexSansAR-R) !important;
    background-color: var(--colors-brand-700) !important;
    color: var(--colors-white) !important;
    margin: var(--spacing-none) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    min-width: unset !important
}

    .btnSubmit a:hover {
        background-color: var(--colors-brand-600) !important
    }

    .btnSubmit a:active {
        background-color: var(--colors-brand-900) !important
    }

    .btnSubmit a:focus {
        height: 40px !important;
        padding: var(--spacing-sm) var(--spacing-xl) !important;
        background-color: var(--colors-brand-600) !important;
        border: 1px solid var(--colors-white) !important;
        outline: 2px solid var(--colors-gray-950) !important!important
    }

.contentJob .btnAfterHover :hover, .job-button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 20px !important;
    width: max-content;
    font-weight: 700;
    text-decoration: none
}

.job-button {
    background-color: #038175;
    color: #fff !important
}

.contentJob .btnAfterHover :hover {
    background-color: #fff;
    color: #038175 !important;
    border: 1px solid #038175
}

.panel-heading > .dropdown .dropdown-toggle, .panel-title, .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit
}

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

.job-box {
    border: 1px solid #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.boxes :hover {
    background-color: #ebebeb
}

.boxes {
    font-weight: 700;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    margin: auto;
    aspect-ratio: 2.5/1;
    padding: 20px 0
}

.content .job-box .boxes {
    margin: 2px;
    scroll-snap-align: start none;
    scroll-margin-block: 10px
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.wordwrap {
    word-break: break-word
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
    font-size: 24px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group, .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

.panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
        border-bottom-left-radius: 3px
    }

    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
        border-bottom-right-radius: 3px
    }

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body, .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer, .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .panel-group .panel-heading, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #ddd
    }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1
    }

.panel-primary > .panel-heading {
    color: #fff;
    background-color: var(--colors-brand-700);
    border-color: var(--colors-brand-700)
}

.panel-heading {
    padding: 10px 15px !important;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
}

[dir=ltr] .contact-us-page .contact-us-form {
    float: left
}

.contact-us-form {
    flex-basis: 65%;
    width: 65%;
    float: right;
    margin-top: 20px;
    padding: 30px 40px;
    border-radius: 20px;
    box-shadow: 0 0 20px 20px rgb(224 224 224 / 15%)
}

.contact-contact {
    flex-basis: 35%;
    width: 35%;
    float: right
}
/*
.SANG-contact-info {
    flex-basis: 35%;
    width: 35%;
    float: right
}
    */


.display-flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.contact-box {
    margin-top: 10px;
    margin-bottom: 10px;
    gap: 15px
}

.newcontact-box {
    background-color: #fff !important;
    padding: 10px;
    border-radius: 7px;
    box-shadow: -2px 3px 14px 0 #efeded;
    margin-top: 10px
}

.location {
    color: #fff;
    align-items: center;
    font-size: 15px
}

.contact-us-form input[type=submit] {
    border: 1px solid #30346e;
    color: #fff;
    background-color: #30346e;
    padding: 5px 40px;
    width: 150px;
    float: left
}

.contact-us-form form, form.webform-submission-form {
    margin-top: 20px;
    padding: 30px 40px;
    border-radius: 20px;
    box-shadow: 0 0 20px 20px rgb(224 224 224 / 15%)
}

.contact-us-form form {
    margin-left: 20px
}

.accessibility-contact, .social-contact {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding-top: 10px
}

.accessibility-tools-Contact, .social-link-contact {
    display: flex;
    gap: var(--spacing-md);
    justify-content: flex-start
}

    .accessibility-tools-contact a, .social-link-contact a {
        text-decoration: none;
        display: flex;
        width: 31px !important;
        height: 31px !important;
        background-color: var(--colors-brand-600);
        border: 1px solid var(--colors-brand-600);
        border-radius: 4px;
        align-items: center;
        justify-content: center
    }

        .accessibility-tools-contact a i, .social-link-contact .links i {
            font-size: var(--Display-xsF);
            line-height: var(--Display-xsL);
            color: var(--colors-white)
        }