@charset "UTF-8";
/*!
* Style Sheet for ""
* version: 1
* last modified:2023 By Applab
* author: Applab
* website: www.applab.qa
*/

/*!
 * Bootstrap  v5.3.6 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

@import url(https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap);

.list-group-horizontal > .list-group-item.active,
dl,
p,
ul {
    margin-top: 0
}

.btn,
.custom-multiselect > .title,
.dropdownmultiselect select > .title,
.form-control[type=file]:not(:disabled):not([readonly]),
.icon-bookmark,
.umbraco-forms-field-wrapper input[type=file]:not(:disabled):not([readonly]),
.umbraco-forms-field-wrapper select[type=file]:not(:disabled):not([readonly]),
.umbraco-forms-field-wrapper textarea[type=file]:not(:disabled):not([readonly]),
[role=button],
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

.btn,
.btn-close.disabled,
.btn-close:disabled {
    -webkit-user-select: none;
    -moz-user-select: none
}

.ad-widget article,
.bg-gold + .dropdown-menu li:first-of-type .dropdown-item,
.bulletin-list-holder .bulletin-list li p,
.carousel,
.currency-details-slider .slick-slide,
.custom-multiselect,
.double-lines-btm,
.dropdown,
.dropdownmultiselect select,
.event-details,
.filter-checkbox .form-check,
.filter-checkbox .umbraco-forms-field-wrapper .checkboxlist,
.footer,
.img-holder figure,
.important-content .loading-state,
.infographics .fancybox__content,
.input-group,
.input-group .btn,
.loader-outer .loader-inner .logo-spin-loader,
.media-office table a,
.my-reports .show,
.news-thumbnail-holder:nth-child(4n+1) .stream-thumbnail,
.profile-tabs-content .my-reports,
.rsbtn_play,
.screenshot_slider figure,
.stock-details-slider .slick-slide,
.top-lines-before,
.training-form .mobile-input,
.umbraco-forms-field-wrapper .filter-checkbox .checkboxlist,
html[data-theme=dark] .bg-gold + .dropdown-menu li:first-of-type .dropdown-item,
sub {
    position: relative
}

.badge,
.breaking-news .slick-slide .text-white,
.dropdown-item,
.dropdown-toggle,
.navbar-brand {
    white-space: nowrap
}
body .modal-backdrop {
    z-index: 8;
}
.modal.megamenu-header {
    z-index: 10;
}
    .btn,
    .btn-close:hover,
    .catgry-time a:hover,
    .dropdown-item,
    .dropdown-item.active,
    .dropdown-item:active,
    .list-group-item,
    .listing-container .list-row li article:hover .viewed-time a,
    .nav-link,
    .navbar-brand,
    .navbar-toggler:focus,
    .navbar-toggler:hover,
    .news-card:hover figcaption a.catgry-time,
    .page-link,
    .tooltip,
    .useful-link-item figure .h6 a,
    .useful-link-item figure h6 a,
    a {
        text-decoration: none
    }

.card,
.tooltip,
code {
    word-wrap: break-word
}

.text-black,
.text-danger,
.text-success,
.text-white {
    --bs-text-opacity: 1
}

.bg-dark,
.bg-light,
.bg-primary,
.bg-transparent,
.bg-white {
    --bs-bg-opacity: 1
}

.pagination-holder .page-item .page-link:focus span,
.pagination-holder .page-item .page-link:hover span,
html[data-theme=dark] .header .profile-dropdown .dropdown-item img,
html[data-theme=dark] .pagination-holder .page-item .page-link span {
    filter: invert(1)
}

body,
html,
html[dir=rtl] .news-widgets-item-left ul,
html[dir=rtl] .otp-input {
    direction: ltr
}

body,
html {
    scroll-behavior: smooth
}

.custom-multiselect .noselect,
.dropdownmultiselect select .noselect,
.form-select,
.umbraco-forms-field-wrapper select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.dropdown-item .img-fluid.pe-2,
html[dir=rtl] .chatbot .chatHeader img.me-3 {
    margin-inline-end: 1rem !important
}

#webchat .webchat__send-box__main .webchat__send-box-text-box,
html[dir=rtl] .ar-order-1 {
    order: 2
}

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
    --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
    --bs-success-text-emphasis: rgb(10, 54, 33.6);
    --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
    --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
    --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
    --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
    --bs-success-bg-subtle: rgb(209, 231, 220.8);
    --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
    --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
    --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
    --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
    --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
    --bs-success-border-subtle: rgb(163, 207, 186.6);
    --bs-info-border-subtle: rgb(158.2, 233.8, 249);
    --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
    --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: rgb(10.4, 88, 202.4);
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: rgb(255, 242.6, 205.4);
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
    --bs-btn-close-filter:;
    --bs-carousel-indicator-active-bg: #fff;
    --bs-carousel-caption-color: #fff;
    --bs-carousel-control-icon-filter:
}

*,
::after,
::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

a > code,
hr {
    color: inherit
}

hr {
    margin: 1rem 0;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

address,
dl,
ul {
    margin-bottom: 1rem
}

address,
legend {
    line-height: inherit
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

.h5,
h5 {
    font-size: 1.25rem
}

address {
    font-style: normal
}

.accordion-header,
.card-text:last-child,
.contact-info-list:last-of-type,
.description.document-holder li p,
.favorateContent .bookmark-wrapper,
.minister-box:last-child,
.rss-links a:last-child,
.screenshot_slider .center .item figure,
.screenshot_slider .owl-item.active .item figure,
.useful-link-item figure p:last-of-type,
ul ul {
    margin-bottom: 0
}

b,
strong {
    font-weight: bolder
}

.small,
small {
    font-size: .875em
}

sub {
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline;
    bottom: -.25em
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    transition: .3s
}

    a:not([href]):not([class]),
    a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none
    }

code {
    font-family: var(--bs-font-monospace);
    font-size: .875em;
    color: var(--bs-code-color)
}

figure {
    margin: 0 0 1rem
}

.media-office table td:last-of-type,
img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
th,
thead,
tr {
    border: 0 solid;
    border-color: inherit
}

.radius-0,
button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

button,
input,
select,
textarea {
    margin: 0;
    font-family: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

.header .lang-search .lang-drop .dropdown-toggle:active,
.mytest-class,
[type=button]:not(:disabled),
button:not(:disabled),
fieldset,
html[data-theme=dark] .survey-sec .nav-tabs button,
iframe {
    border: 0
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw)
}

    legend + * {
        clear: left
    }

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

.container,
.container-fluid,
.container-lg,
.row > * {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    width: 100%
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.container,
.container-fluid,
.container-lg {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }

    .col-sm-6,
    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:992px) {
    .container,
    .container-lg {
        max-width: 960px
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }
}

@media (min-width:1200px) {
    .h1,
    h1 {
        font-size: 2.5rem
    }

    .h2,
    h2 {
        font-size: 2rem
    }

    .h3,
    h3 {
        font-size: 1.75rem
    }

    .h4,
    h4,
    legend {
        font-size: 1.5rem
    }

    .container,
    .container-lg {
        max-width: 1140px
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

    .row > * {
        flex-shrink: 0;
        max-width: 100%;
        margin-top: var(--bs-gutter-y)
    }

.col {
    flex: 1 0 0
}

.col-12,
.row-cols-1 {
    flex: 0 0 auto;
    width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-3,
.col-4 {
    flex: 0 0 auto
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333333%
}

.col-6,
.col-9 {
    flex: 0 0 auto
}

.col-6 {
    width: 50%
}

.col-9 {
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.gx-0 {
    --bs-gutter-x: 0
}

.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5 {
    --bs-gutter-y: 3rem
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

    .table > :not(caption) > * > * {
        padding: .5rem;
        color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
        background-color: var(--bs-table-bg);
        border-bottom-width: var(--bs-border-width);
        box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.modal,
body {
    overflow-x: hidden
}

.card-container article .thumb-img,
.collapsing,
.form-control[type=file],
.umbraco-forms-field-wrapper input[type=file],
.umbraco-forms-field-wrapper select[type=file],
.umbraco-forms-field-wrapper textarea[type=file] {
    overflow: hidden
}

.form-label,
.umbraco-forms-label {
    margin-bottom: .5rem
}

.form-control,
.umbraco-forms-field-wrapper input,
.umbraco-forms-field-wrapper select,
.umbraco-forms-field-wrapper textarea {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

    .form-control:focus,
    .umbraco-forms-field-wrapper input:focus,
    .umbraco-forms-field-wrapper select:focus,
    .umbraco-forms-field-wrapper textarea:focus {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: rgb(134, 182.5, 254);
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
    }

    .form-control::-webkit-date-and-time-value,
    .umbraco-forms-field-wrapper input::-webkit-date-and-time-value,
    .umbraco-forms-field-wrapper select::-webkit-date-and-time-value,
    .umbraco-forms-field-wrapper textarea::-webkit-date-and-time-value {
        min-width: 85px;
        height: 1.5em;
        margin: 0
    }

    .form-control::-webkit-datetime-edit,
    .umbraco-forms-field-wrapper input::-webkit-datetime-edit,
    .umbraco-forms-field-wrapper select::-webkit-datetime-edit,
    .umbraco-forms-field-wrapper textarea::-webkit-datetime-edit {
        display: block;
        padding: 0
    }

    .form-control::-moz-placeholder,
    .umbraco-forms-field-wrapper input::-moz-placeholder,
    .umbraco-forms-field-wrapper select::-moz-placeholder,
    .umbraco-forms-field-wrapper textarea::-moz-placeholder {
        color: var(--bs-secondary-color);
        opacity: 1
    }

    .form-control::placeholder,
    .umbraco-forms-field-wrapper input::placeholder,
    .umbraco-forms-field-wrapper select::placeholder,
    .umbraco-forms-field-wrapper textarea::placeholder {
        color: var(--bs-secondary-color);
        opacity: 1
    }

    .form-control:disabled,
    .umbraco-forms-field-wrapper input:disabled,
    .umbraco-forms-field-wrapper select:disabled,
    .umbraco-forms-field-wrapper textarea:disabled {
        background-color: var(--bs-secondary-bg);
        opacity: 1
    }

    .form-control::file-selector-button,
    .umbraco-forms-field-wrapper input::file-selector-button,
    .umbraco-forms-field-wrapper select::file-selector-button,
    .umbraco-forms-field-wrapper textarea::file-selector-button {
        padding: .375rem .75rem;
        margin: -.375rem -.75rem;
        margin-inline-end: .75rem;
        color: var(--bs-body-color);
        background-color: var(--bs-tertiary-bg);
        pointer-events: none;
        border: 0 solid;
        border-inline-end-width: var(--bs-border-width);
        border-radius: 0;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        border-color: inherit
    }

@media (prefers-reduced-motion:reduce) {
    .form-control,
    .umbraco-forms-field-wrapper input,
    .umbraco-forms-field-wrapper select,
    .umbraco-forms-field-wrapper textarea {
        transition: none
    }

        .form-control::file-selector-button,
        .umbraco-forms-field-wrapper input::file-selector-button,
        .umbraco-forms-field-wrapper select::file-selector-button,
        .umbraco-forms-field-wrapper textarea::file-selector-button {
            transition: none
        }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button,
.umbraco-forms-field-wrapper input:hover:not(:disabled):not([readonly])::file-selector-button,
.umbraco-forms-field-wrapper select:hover:not(:disabled):not([readonly])::file-selector-button,
.umbraco-forms-field-wrapper textarea:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.umbraco-forms-field-wrapper textarea,
textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}

.form-select,
.umbraco-forms-field-wrapper select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

    .form-check-input:focus,
    .form-select:focus,
    .umbraco-forms-field-wrapper input[type=checkbox]:focus,
    .umbraco-forms-field-wrapper select:focus {
        border-color: rgb(134, 182.5, 254);
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
    }

    .form-select[multiple],
    .form-select[size]:not([size="1"]),
    .umbraco-forms-field-wrapper select[multiple],
    .umbraco-forms-field-wrapper select[size]:not([size="1"]) {
        padding-right: .75rem;
        background-image: none
    }

    .form-select:disabled,
    .umbraco-forms-field-wrapper select:disabled {
        background-color: var(--bs-secondary-bg)
    }

    .form-select:-moz-focusring,
    .umbraco-forms-field-wrapper select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 var(--bs-body-color)
    }

.form-check,
.umbraco-forms-field-wrapper .checkboxlist {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

    .form-check .form-check-input,
    .form-check .umbraco-forms-field-wrapper input[type=checkbox],
    .umbraco-forms-field-wrapper .checkboxlist .form-check-input,
    .umbraco-forms-field-wrapper .checkboxlist input[type=checkbox],
    .umbraco-forms-field-wrapper .form-check input[type=checkbox] {
        float: left;
        margin-left: -1.5em
    }

.form-check-input,
.umbraco-forms-field-wrapper input[type=checkbox] {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    print-color-adjust: exact
}

    .form-check-input[type=checkbox],
    .umbraco-forms-field-wrapper input[type=checkbox] {
        border-radius: .25em
    }

    .form-check-input[type=radio],
    .umbraco-forms-field-wrapper input[type=radio][type=checkbox] {
        border-radius: 50%
    }

    .form-check-input:active,
    .umbraco-forms-field-wrapper input[type=checkbox]:active {
        filter: brightness(90%)
    }

    .form-check-input:checked,
    .umbraco-forms-field-wrapper input[type=checkbox]:checked {
        background-color: #0d6efd;
        border-color: #0d6efd
    }

        .form-check-input:checked[type=checkbox],
        .umbraco-forms-field-wrapper input:checked[type=checkbox] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
        }

        .form-check-input:checked[type=radio],
        .umbraco-forms-field-wrapper input[type=checkbox]:checked[type=radio] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
        }

    .form-check-input[type=checkbox]:indeterminate,
    .umbraco-forms-field-wrapper input[type=checkbox]:indeterminate {
        background-color: #0d6efd;
        border-color: #0d6efd;
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
    }

    .form-check-input:disabled,
    .umbraco-forms-field-wrapper input[type=checkbox]:disabled {
        pointer-events: none;
        filter: none;
        opacity: .5
    }

        .form-check-input:disabled ~ .form-check-label,
        .form-check-input[disabled] ~ .form-check-label,
        .umbraco-forms-field-wrapper input[disabled][type=checkbox] ~ .form-check-label,
        .umbraco-forms-field-wrapper input[type=checkbox]:disabled ~ .form-check-label {
            cursor: default;
            opacity: .5
        }

.input-group {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control,
    .input-group > .form-select,
    .umbraco-forms-field-wrapper .input-group > input,
    .umbraco-forms-field-wrapper .input-group > select,
    .umbraco-forms-field-wrapper .input-group > textarea {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group .btn:focus,
        .input-group > .form-control:focus,
        .input-group > .form-select:focus,
        .umbraco-forms-field-wrapper .input-group > input:focus,
        .umbraco-forms-field-wrapper .input-group > select:focus,
        .umbraco-forms-field-wrapper .input-group > textarea:focus {
            z-index: 5
        }

    .input-group .btn {
        z-index: 2
    }

    .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
    .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        margin-left: calc(-1 * var(--bs-border-width));
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family:;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg)
}

.btn-primary,
.btn-secondary,
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

    .btn.active:focus-visible,
    .btn.show:focus-visible,
    .btn:first-child:active:focus-visible,
    :not(.btn-check) + .btn:active:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
    --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-bg: rgb(10.4, 88, 202.4);
    --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
    --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-bg: rgb(86.4, 93.6, 100);
    --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
    --bs-btn-hover-border-color: rgb(20, 108, 67.2);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-bg: rgb(20, 108, 67.2);
    --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info,
.btn-light {
    --bs-btn-color: #000;
    --bs-btn-hover-color: #000;
    --bs-btn-active-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000
}

.btn-info {
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
    --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-bg: rgb(61.4, 212.6, 243);
    --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-light {
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
    --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-bg: rgb(198.4, 199.2, 200);
    --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-outline-primary,
.btn-outline-success {
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.fade {
    transition: opacity .15s linear
}

    .dark-mode input,
    .fade:not(.show),
    .menu-open .header .hamburger .bar2,
    .modal-backdrop.fade,
    .opacity-0,
    .share_icon-list.opacity0 {
        opacity: 0
    }

.badge:empty,
.collapse:not(.show),
.currency-details-slider,
.form-step li.active:first-child:before,
.form-step li.done:first-child:before,
.form-step li:first-child:before,
.form-step-item.active:first-child:before,
.form-step-item.done:first-child:before,
.form-step-item:first-child:before,
.header .lang-search .lang-drop .dropdown-toggle:after,
.marquee-slide,
.news-catgry-tab-holder .bulletin-list li:before,
.news-thumbnail-holder:first-child .stream-thumbnail::before,
.news-updates-slider,
.social-media.hidden,
.steps li.active:first-child:before,
.steps li.done:first-child:before,
.steps li:first-child:before,
.steps-item.active:first-child:before,
.steps-item.done:first-child:before,
.steps-item:first-child:before,
.stock-details-slider,
.tab-content > .tab-pane,
.weather-condition .condition-img .night-version-images,
.weather-widget.night-widget .weather-condition .condition-img .dark-mode-images,
.weather-widget.night-widget .weather-condition .condition-img .light-mode-images {
    display: none
}

.collapsing {
    height: 0;
    transition: height .35s
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.bi::before,
.chatbot button#stop_btn::before,
[class*=" bi-"]::before,
[class^=bi-]::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: -.125em
}

.dropdown-toggle:empty::after,
.owl-item:nth-child(3n+2) > .item,
html[dir=rtl] .footer .form-subscribe .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.nav,
.navbar-nav {
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    margin-bottom: 0;
    list-style: none
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0)
}

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg)
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        background-color: var(--bs-dropdown-link-active-bg)
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent
    }

.card-container article .thumb-img a,
.currency-details-slider.slick-initialized,
.custom-multiselect.active > .container > option,
.dropdown-menu.show,
.dropdownmultiselect select.active > .container > option,
.gallery-item .thumbnail-wrapper a,
.gallery-item > a,
.loc-desp.visible,
.news-details .related-news-holder-item img,
.news-updates-slider.slick-initialized,
.reports-item figure figcaption .h6 a,
.reports-item figure figcaption h6 a,
.reports-item figure:hover .item-img-2,
.stock-details-slider.slick-initialized,
.tab-content > .active {
    display: block
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

    .nav-link:focus,
    .nav-link:hover {
        color: var(--bs-nav-link-hover-color)
    }

    .nav-link:focus-visible {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
    }

    .nav-link.disabled,
    .nav-link:disabled {
        color: var(--bs-nav-link-disabled-color);
        pointer-events: none;
        cursor: default
    }

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:focus,
        .nav-tabs .nav-link:hover {
            isolation: isolate;
            border-color: var(--bs-nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

    .nav-pills .nav-link {
        border-radius: var(--bs-nav-pills-border-radius)
    }

        .nav-pills .nav-link.active,
        .nav-pills .show > .nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg)
        }

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

    .navbar > .container,
    .navbar > .container-fluid,
    .navbar > .container-lg {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color)
}

    .navbar-brand:focus,
    .navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color)
    }

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0
}

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link.show {
        color: var(--bs-navbar-active-color)
    }

    .currency-details-slider,
    .memory-frame .controls-center,
    .navbar-nav .dropdown-menu {
        position: static
    }

.accordion-button,
.alert,
.btn .badge,
.card,
.list-group-item,
.page-link {
    position: relative
}

.navbar-collapse {
    flex-grow: 1;
    flex-basis: 100%;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

    .navbar-toggler:focus {
        outline: 0;
        box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color:;
    --bs-card-subtitle-color:;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow:;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

    .card > hr,
    html[dir=rtl] .news-widgets-item-right {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color)
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

    .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color: var(--bs-accordion-active-bg);
        box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
    }

        .accordion-button:not(.collapsed)::after {
            background-image: var(--bs-accordion-btn-active-icon);
            transform: var(--bs-accordion-btn-icon-transform)
        }

    .accordion-button::after {
        flex-shrink: 0;
        width: var(--bs-accordion-btn-icon-width);
        height: var(--bs-accordion-btn-icon-width);
        margin-left: auto;
        content: "";
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: var(--bs-accordion-btn-icon-width);
        transition: var(--bs-accordion-btn-icon-transition)
    }

    .accordion-button:hover {
        z-index: 2
    }

    .accordion-button:focus {
        z-index: 3;
        outline: 0;
        box-shadow: var(--bs-accordion-btn-focus-box-shadow)
    }

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

    .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:first-of-type > .accordion-header .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0
    }

    .accordion-item:last-of-type,
    .accordion-item:last-of-type > .accordion-collapse {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
            border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
            border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
        }

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

    .page-link:hover {
        z-index: 2;
        color: var(--bs-pagination-hover-color);
        background-color: var(--bs-pagination-hover-bg);
        border-color: var(--bs-pagination-hover-border-color)
    }

    .page-link:focus {
        z-index: 3;
        color: var(--bs-pagination-focus-color);
        background-color: var(--bs-pagination-focus-bg);
        outline: 0;
        box-shadow: var(--bs-pagination-focus-box-shadow)
    }

    .active > .page-link,
    .page-link.active {
        z-index: 3;
        color: var(--bs-pagination-active-color);
        background-color: var(--bs-pagination-active-bg);
        border-color: var(--bs-pagination-active-border-color)
    }

    .disabled > .page-link,
    .page-link.disabled {
        color: var(--bs-pagination-disabled-color);
        pointer-events: none;
        background-color: var(--bs-pagination-disabled-bg);
        border-color: var(--bs-pagination-disabled-border-color)
    }

.page-item:not(:first-child) .page-link {
    margin-left: calc(-1 * var(--bs-border-width))
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.btn .badge {
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: var(--bs-progress-height)
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-item {
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled,
    .list-group-item:disabled {
        color: var(--bs-list-group-disabled-color);
        pointer-events: none;
        background-color: var(--bs-list-group-disabled-bg)
    }

    .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color)
    }

.btn-close,
.btn-close:hover {
    color: var(--bs-btn-close-color)
}

.list-group-item + .list-group-item {
    border-top-width: 0
}

    .list-group-item + .list-group-item.active {
        margin-top: calc(-1 * var(--bs-list-group-border-width));
        border-top-width: var(--bs-list-group-border-width)
    }

.list-group-horizontal {
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: calc(-1 * var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    filter: var(--bs-btn-close-filter);
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

    .btn-close:hover {
        opacity: var(--bs-btn-close-hover-opacity)
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: var(--bs-btn-close-focus-shadow);
        opacity: var(--bs-btn-close-focus-opacity)
    }

    .btn-close.disabled,
    .btn-close:disabled {
        pointer-events: none;
        user-select: none;
        opacity: var(--bs-btn-close-disabled-opacity)
    }

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: var(--bs-body-color);
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg:;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transform: translate(0, -50px);
    transition: transform .3s ease-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button,
    .accordion-button::after,
    .btn,
    .collapsing,
    .fade,
    .form-select,
    .modal.fade .modal-dialog,
    .nav-link,
    .navbar-toggler,
    .page-link,
    .umbraco-forms-field-wrapper select {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.download-disable,
.select-date .calender-icon::after {
    pointer-events: none
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

    .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity)
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
        margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
        margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
        margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
        margin-left: auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

    .modal-footer > * {
        margin: calc(var(--bs-modal-footer-gap) * .5)
    }

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }

    .d-lg-flex {
        display: flex !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

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

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

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

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

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

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

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

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

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin:;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    opacity: 0
}

.webchat__stacked-layout__main,
body {
    font-family: Arial, Helvetica, sans-serif
}

.vision-holder,
.weather-content {
    word-break: break-word
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

    .placeholder.btn::before {
        display: inline-block;
        content: ""
    }

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.overflow-hidden {
    overflow: hidden !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block,
.marquee-slide.slick-initialized {
    display: block !important
}

.d-flex,
.umbraco-forms-field-wrapper .checkboxlist {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none,
.umbraco-forms-field-wrapper input[type=file]::file-selector-button {
    display: none !important
}

.back-link .fa-arrow-left,
.chatbot-webview .chatbot,
.chatbot-webview .widget-position,
.fc-toolbar,
.position-relative,
.umbraco-forms-field-wrapper input {
    position: relative !important
}

.position-absolute,
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
    position: absolute !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0,
.img-thumb img,
.register-account .form-login-btn:hover,
.three-dots span,
html[data-theme=dark] .minister-box .fig-round img {
    border: 0 !important
}

.main-news .listing-container .list-row li,
.w-50 {
    width: 50% !important
}

    .download-pdf.d-inline-flex.flex-wrap,
    .form-check .btn-primary,
    .main-news .listing-container .list-row li:first-child,
    .new-account-form .account-form.email-form,
    .new-account-form .account-form.sms-form,
    .select2,
    .survey-sec #loadMoreSurveyContainer,
    .umbraco-forms-field-wrapper .checkboxlist .btn-primary,
    .w-100 {
        width: 100% !important
    }

.w-auto,
.weather-widget-light-mode .weather-details .detail-item p.text-white {
    width: auto !important
}

.h-100 {
    height: 100% !important
}

.h-auto,
.survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer {
    height: auto !important
}

.flex-column {
    flex-direction: column !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between,
html[dir=rtl] .loc-section {
    justify-content: space-between !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-center,
.umbraco-forms-field-wrapper .checkboxlist {
    align-items: center !important
}

.align-items-baseline,
.sliding-text-holder.align-items-lg-center {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-self-center {
    align-self: center !important
}

.align-self-stretch {
    align-self: stretch !important
}

.card-listing ul li figure,
.m-0,
.main-typeone .card-listing ul li figure {
    margin: 0 !important
}

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

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

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

.dropdownmultiselect .profile-tabs-content .change-password label > select,
.mt-2,
.profile-tabs-content .change-password .dropdownmultiselect label > select,
.profile-tabs-content .change-password .umbraco-forms-field-wrapper label > select,
.profile-tabs-content .change-password label > .form-select,
.umbraco-forms-field-wrapper .profile-tabs-content .change-password label > select {
    margin-top: .5rem !important
}

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

.mt-4,
.umbraco-forms-fieldset {
    margin-top: 1.5rem !important
}

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

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

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

.me-2,
.umbraco-forms-field-wrapper input[type=checkbox] {
    margin-right: .5rem !important
}

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

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

.btn.load-more.mb-0,
.mb-0,
.pagination-holder #bookmark-pagination .pagination li.page-item,
.pagination-holder #special-bulletin-pagination .pagination li.page-item,
.remember-check label,
.stock-title .h4,
.stock-title h4,
.top-picks li .bookmark-wrapper,
.umbraco-forms-field-wrapper .checkboxlist label {
    margin-bottom: 0 !important
}

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

#termsAndConditionsError,
.mb-2,
.umbraco-forms-field-wrapper input {
    margin-bottom: .5rem !important
}

.btn.load-more,
.footer p,
.mb-3,
.test1fieldtypetext2 {
    margin-bottom: 1rem !important
}

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

.mb-5,
.umbraco-forms-field-wrapper textarea {
    margin-bottom: 3rem !important
}

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

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

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

.p-0 {
    padding: 0 !important
}

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

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

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

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

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5,
.umbraco-forms-field-wrapper .checkboxlist label {
    padding-right: 3rem !important
}

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

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.broadage-livescore-stage-wrapper.broadage-cfix.broadage-left-side,
.event-listing .tab-content.pt-5,
.events-tabs .tab-content.pt-5,
.pt-0,
.recent-news .py-3.pt-lg-4 {
    padding-top: 0 !important
}

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

.pt-2,
.umbraco-forms-label {
    padding-top: .5rem !important
}

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

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

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

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

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

#v-pills-reports .padding-50,
.pb-0 {
    padding-bottom: 0 !important
}

.filter .container-lg .select-date,
.pb-1 {
    padding-bottom: .25rem !important
}

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

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

.header .py-md-3,
.pb-4 {
    padding-bottom: 1.5rem !important
}

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

.agree-box .form-check,
.agree-box .umbraco-forms-field-wrapper .checkboxlist,
.ps-0,
.umbraco-forms-field-wrapper .agree-box .checkboxlist {
    padding-left: 0 !important
}

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

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.custom-modal a.text-light-brown,
.custom-modal p.text-light-brown,
.fw-semibold,
.prayer-weather-most-read .weather-details p.text-gold,
.weather-widget-light-mode .weather-details p.text-gold {
    font-weight: 600 !important
}

.fw-bold,
.new-account-form .reset-method .h5,
.new-account-form .reset-method h5 {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.text-end,
html[dir=rtl] .dropdown-menu .dropdown-item {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.recent-news-holder .sub-news a:hover,
.text-decoration-none,
.viewed-time a:hover {
    text-decoration: none !important
}

#SearchResults .result-wrapper .search-card:hover .search-content .content-details a,
.Photo-album .img-holder:hover figcaption p a,
.card-container article:hover .h6 a,
.card-container article:hover h6 a,
.card-listing .b-bottom:hover .h6 a,
.card-listing .b-bottom:hover h6 a,
.events-tabs .b-bottom:hover .h6 a,
.events-tabs .b-bottom:hover h6 a,
.featured-scroll a:hover,
.listing-container .list-row li:first-child:hover .h6 > a,
.listing-container .list-row li:first-child:hover h6 > a,
.profile .profile-tabs-content .my-favourites .my-favourites-content:hover .clamp-2 a,
.reports-item figure:hover figcaption .h6 a,
.reports-item figure:hover figcaption h6 a,
.text-decoration-underline {
    text-decoration: underline !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.my-reports-download ul li .download-pdf a:last-child,
.text-capitalize {
    text-transform: capitalize !important
}

.text-nowrap {
    white-space: nowrap !important
}

.btn.login-btn .word-wrap,
.link-listing ul li a,
.news-tag {
    white-space: nowrap;
    text-overflow: ellipsis
}

.text-primary,
.umbraco-forms-tooltip {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.bg-primary {
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    background-color: transparent !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0,
.social-login-box {
    border-radius: 0 !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.slider-products.slick-initialized,
.slider-products.slick-initialized .slick-list,
.visible {
    visibility: visible !important
}

.btn-scrollTop,
.slider-products,
.slider-products .slick-list {
    visibility: hidden
}

@media (min-width:1400px) {
    .container,
    .container-lg {
        max-width: 1320px
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .g-xxl-5 {
        --bs-gutter-x: 3rem;
        --bs-gutter-y: 3rem
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .prayer-widget,
    .weather-widget {
        flex: 1 0 0
    }
}

/*!
 * Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */

@font-face {
    font-display: block;
    font-family: bootstrap-icons;
    src: url("./fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff2"), url("./fonts/bootstrap-icons.woff?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff")
}

.bi::before,
[class*=" bi-"]::before,
[class^=bi-]::before {
    display: inline-block;
    font-weight: 400 !important;
    line-height: 1
}

.bi-bookmark::before {
    content: "\f1a2"
}

.bi-broadcast::before {
    content: "\f1d6"
}

.bi-chevron-up::before {
    content: "\f286"
}

.bi-headphones::before {
    content: "\f413"
}

.bi-info-circle-fill::before {
    content: "\f430"
}

.bi-play-circle::before {
    content: "\f4f3"
}

.bi-share::before {
    content: "\f52e"
}

.bi-x-lg::before {
    content: "\f659"
}

#calendar table .fc-content-skeleton table thead td.fc-today span,
#calendar table .fc-today span,
#calendar.fc-ltr .fc-basic-view .fc-day-top.selected.fc-today .fc-day-number,
#calendar.fc-rtl .fc-basic-view .fc-day-top.selected.fc-today .fc-day-number,
.broadage-away-team.broadage-match-not-started,
.broadage-date-active .broadage-date-slider-button strong,
.broadage-head-stage-info,
.broadage-home-team.broadage-match-not-started,
.broadage-icons.flaticon-cup,
.broadage-icons.flaticon-cup-2,
.broadage-icons.flaticon-down-arrow,
.broadage-icons.flaticon-filter-calendar,
.broadage-icons.flaticon-left-arrow,
.broadage-icons.flaticon-right-arrow,
.broadage-icons.flaticon-sort,
.broadage-match-date,
.broadage-sort-live-match span,
.description.document-holder li a,
.event-qatar,
.listing-img .badge.bg-light-grey2,
.megamenu-header .modal-dialog .mega-footer ul li a:hover,
.profile .nav-link.active,
.profile-tabs-button button:hover,
.survey-sec .accordion-survey .accordion-item .h2 button:active,
.survey-sec .accordion-survey .accordion-item h2 button:active,
.text-general,
.text-hover-primary:hover,
.text-light-brown,
.text-location,
.text-primary,
.text-primary-color,
.umbraco-forms-tooltip,
.weather-widget .h6,
.weather-widget h6,
[data-theme=dark] .fc-toolbar.fc-header-toolbar .fc-button:hover .fc-icon::after,
[data-theme=dark] .related-news-holder .viewed-time p.text-primary-color,
html[data-theme=dark] .gallery-item .badge.text-primary,
html[data-theme=dark] .gallery-item .badge.umbraco-forms-tooltip,
html[data-theme=dark] .gallery-item .bg-light-grey2.text-primary,
html[data-theme=dark] .gallery-item .bg-light-grey2.umbraco-forms-tooltip,
html[data-theme=dark] .listing-sport .viewed-time p,
html[data-theme=dark] .search-suggestions .search-keywords a,
html[data-theme=dark] .stock-title .h4,
html[data-theme=dark] .stock-title h4,
html[data-theme=dark] .text-general,
html[dir=rtl] #calendar table .fc-today .fc-day-number {
    color: #83273c !important;
}
html[data-theme=dark] .viewed-time span {
    color: #fff !important;
}
.bg-primary {
    background: #83273c !important
}

.btn-primary {
    background: #83273c;
    border-color: #83273c
}

    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover {
        background: rgba(131, 39, 60, .8);
        border-color: #83273c
    }

.btn-outline-primary,
.videocontainer .modal-content,
html[data-theme=dark] .weather-widget {
    background: 0 0
}

    .btn-outline-primary:active,
    .btn-outline-primary:focus,
    .btn-outline-primary:hover {
        background: rgba(131, 39, 60, .8);
        border-color: #83273c;
        box-shadow: none;
        outline: 0
    }

.dark-bg .light-listing .text-white,
.text-white-color,
[data-theme=dark] .h1,
[data-theme=dark] .h1.umbraco-forms-tooltip,
[data-theme=dark] .h2,
[data-theme=dark] .h2.umbraco-forms-tooltip,
[data-theme=dark] .h3,
[data-theme=dark] .h3.umbraco-forms-tooltip,
[data-theme=dark] .h4,
[data-theme=dark] .h4.umbraco-forms-tooltip,
[data-theme=dark] .h5,
[data-theme=dark] .h5.umbraco-forms-tooltip,
[data-theme=dark] .h6,
[data-theme=dark] .h6.umbraco-forms-tooltip,
[data-theme=dark] .subscribe-info a,
[data-theme=dark] .text-primary.h1,
[data-theme=dark] .text-primary.h2,
[data-theme=dark] .text-primary.h3,
[data-theme=dark] .text-primary.h4,
[data-theme=dark] .text-primary.h5,
[data-theme=dark] .text-primary.h6,
[data-theme=dark] h1,
[data-theme=dark] h1.text-primary,
[data-theme=dark] h1.umbraco-forms-tooltip,
[data-theme=dark] h2,
[data-theme=dark] h2.text-primary,
[data-theme=dark] h2.umbraco-forms-tooltip,
[data-theme=dark] h3,
[data-theme=dark] h3.text-primary,
[data-theme=dark] h3.umbraco-forms-tooltip,
[data-theme=dark] h4,
[data-theme=dark] h4.text-primary,
[data-theme=dark] h4.umbraco-forms-tooltip,
[data-theme=dark] h5,
[data-theme=dark] h5.text-primary,
[data-theme=dark] h5.umbraco-forms-tooltip,
[data-theme=dark] h6,
[data-theme=dark] h6.text-primary,
[data-theme=dark] h6.umbraco-forms-tooltip,
[data-theme=dark] p:not(.catgry-time),
html[data-theme=dark] .footer a,
html[data-theme=dark] .text-black-80,
html[data-theme=dark] .text-black-color,
html[data-theme=dark] label {
    color: #fff !important
}

.bg-black-color,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-content .broadage-date-slider-item.broadage-date-active,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-stage-wrapper.broadage-left-side,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-sticky .sticky-inner-wrapper,
html[data-theme=dark] .weather-location select option {
    background: #000 !important
}

.custom-modal-bulletin .list-group .list-group-item a.catgry-time,
.delete-account .modal-footer .cancel:hover,
.gallery-item figcaption a:hover,
.text-black-color,
.weather-condition .info-climate,
.weather-condition .info-date,
html[data-theme=dark] .delete-account .modal-footer .cancel,
html[data-theme=dark] .news-widgets-item-left ul li a:hover,
html[data-theme=dark] .prayer-listing ul li.highlighted-prayer p {
    color: #000 !important
}

.text-light-grey {
    color: #f4f4f4 !important
}

.text-black-variant-1 {
    color: #333 !important
}

.text-black-variant-2 {
    color: #1b2024 !important
}

.text-black-80 {
    color: rgba(0, 0, 0, .8) !important
}

.bg-light-pink {
    background: #fff4f1 !important
}

.bg-light-grey2 {
    background: #eee !important
}

.header {
    height: 150px;
    width: 100%;
    position: relative;
    z-index : 9;
    background: linear-gradient(92deg, #83273c 19.07%, #9a2d46 72.81%)
}

    .header .header-logo img {
        z-index: 1;
        position: relative;
        aspect-ratio: 10/8;
        object-fit: cover
    }

    .header .date-time {
        color: #fff;
        font-size: 14px;
        line-height: 25px;
        padding-inline-start: 30px;
        display: none
    }

    .header .lang,
    label {
        display: inline-block
    }

    .header .date-time span {
        font-weight: 700;
        font-size: 14px
    }

    .header .date-time .celsius {
        font-size: 9px
    }

    .header .header-menu-holder {
        background: #8b0d35;
        position: relative
    }

html[data-theme=dark] .header .header-menu-holder {
    margin-top: 3px
}

.header .header-menu-holder:before {
    content: "";
    position: absolute;
    background: #8b0d35;
    inset-block-end: 0px;
    width: 100%;
    height: 60px;
    left: -100%;
    z-index: 0
}

html[dir=rtl] .header .header-menu-holder:before {
    left: 100%
}

.header .lang-search input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, .25) inset !important
}

.header .lang-search .search-news {
    background: url(../../assets/images/icons/search-02.svg) no-repeat rgba(0, 0, 0, .25);
    border: none;
    border-radius: 0;
    color: #fff;
    padding-inline-start: 60px;
    background-position: 15px center;
    font-size: 14px;
    font-weight: 400;
    width: 284px
}

html[dir=rtl] .header .lang-search .search-news {
    background-position: calc(100% - 15px) center
}

@media (max-width:767px) {
    .header .lang-search .search-news {
        width: 100%;
        padding-inline-start: 50px
    }
}

@media (max-width:991px) {
    .header .lang-search .search-news {
        padding-inline-end: 10px !important
    }
}

.header .lang-search .search-news::-moz-placeholder {
    color: rgba(255, 255, 255, .8);
    opacity: 1
}

.header .lang-search .search-news::placeholder {
    color: rgba(255, 255, 255, .8);
    opacity: 1
}

.header .lang-search .lang-drop {
    padding-inline: 5px
}

@media (max-width:1200px) {
    .header .lang-search .lang-drop {
        padding-inline: 0
    }

    .listing-container .list-row li:first-child article figure img {
        height: 350px
    }
}

.header .lang-search .lang-drop .dropdown-toggle {
    color: #fff;
    padding-inline: 15px;
    background: 0 0
}

@media (max-width:767.98px) {
    .header .lang-search .w-lg-100,
    .header .lang-search form {
        width: 100%
    }

    .header .lang-search .lang-drop .dropdown-toggle {
        width: 50px;
        overflow: visible;
        margin-inline-start: 60px;
        padding-inline: 0;
        padding-block: 0;
        margin-block: 10px
    }

        .header .lang-search .lang-drop .dropdown-toggle i {
            padding-inline-end: 0
        }

        .header .lang-search .lang-drop .dropdown-toggle span {
            display: none
        }
}

.back-link i,
.btn-social i,
.header .lang,
.header .lang-search .lang-drop .dropdown-toggle i,
.new-account-form .social-login-box .twitter-icon img,
html[dir=rtl] .catgry-time span {
    padding-inline-end: 10px
}

.header .lang-search .lang-drop .dropdown-toggle img {
    width: 30px;
    margin-inline-end: 10px
}

.header .lang-search .lang-drop .dropdown-menu {
    border: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .08);
    border-radius: 0;
    padding: 0;
    min-width: calc(100% - 48px)
}

    .header .lang-search .lang-drop .dropdown-menu li:nth-child(2) a img {
        height: 27px
    }

    .header .lang-search .lang-drop .dropdown-menu .dropdown-item {
        padding: 10px;
        transition: .3s
    }

        .header .lang-search .lang-drop .dropdown-menu .dropdown-item:focus,
        .header .lang-search .lang-drop .dropdown-menu .dropdown-item:hover {
            color: #83273c;
            background-color: rgba(131, 39, 60, .1019607843)
        }

[data-theme=dark] .dropdown-item.active,
[data-theme=dark] .icon-bookmark.in-bookmark:before,
[data-theme=dark] .important-news .popup .close:before,
html[data-theme=dark] .bookmark-wrapper button:hover,
html[data-theme=dark] .header .header-menu ul li a.active,
html[data-theme=dark] .header .header-menu ul li a:hover,
html[data-theme=dark] .header .lang-search .lang-drop .dropdown-menu .dropdown-item.active,
html[data-theme=dark] .header .lang-search .lang-drop .dropdown-menu .dropdown-item:focus,
html[data-theme=dark] .header .lang-search .lang-drop .dropdown-menu .dropdown-item:hover,
html[data-theme=dark] .home-banner .bi-bookmark,
html[data-theme=dark] .icon-bookmark.in-bookmark:before,
html[data-theme=dark] .main-news-slider .progressBarContainer .item .active.h3,
html[data-theme=dark] .main-news-slider .progressBarContainer .item h3.active,
html[data-theme=dark] .main-type-3 .bookmark-wrapper:hover .icon-bookmark::before {
    color: #ffc04b
}

.header .lang-search .lang-drop .dropdown-menu .dropdown-item.active {
    font-weight: 700;
    color: #83273c;
    background-color: rgba(131, 39, 60, .1019607843)
}

.header .lang {
    background: 0 0;
    border: 1px solid rgba(0, 0, 0, .1490196078);
    color: #000;
    margin: 0 15px;
    padding-block: 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    position: relative
}

    .header .lang span {
        padding-inline-start: 10px;
        font-size: 18px
    }

.header .hamburger-btn {
    width: auto;
    padding: 0;
    border: none;
    background-color: transparent;
    margin-inline-start: auto;
    display: none;
    position: absolute;
    inset-inline-end: 10px;
    inset-block-start: 20px
}

@media (max-width:991.98px) {
    .header .header-logo img {
        width: 129px
    }

    .header .lang-search .lang-drop .dropdown-menu {
        max-width: 100%;
        min-width: auto
    }

    .header .lang {
        margin-block: 10px
    }

    .header .hamburger-btn {
        display: block;
        inset-inline-end: 10px
    }
}

.header .hamburger-btn .hamburger {
    display: none;
    cursor: pointer;
    position: relative;
    z-index: 100;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    transition: .4s
}

    .header .hamburger-btn .hamburger .bar1,
    .header .hamburger-btn .hamburger .bar2,
    .header .hamburger-btn .hamburger .bar3 {
        width: 17px;
        height: 3px;
        border-radius: 50px;
        background-color: #d7bc89;
        margin: 2px;
        transition: .4s;
        display: block
    }

    .header .hamburger-btn .hamburger .bar2 {
        width: 25px
    }

.header .header-menu {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    box-shadow: 400px 0 #8b0d35
}

html[data-theme=dark] .header .header-menu {
    box-shadow: 400px 0 #151515
}

html[dir=rtl] .header .header-menu {
    height: 60px;
    box-shadow: -500px 0 0 0 #8b0d35
}

html[data-theme=dark][dir=rtl] .header .header-menu {
    box-shadow: -500px 0 0 0 #151515
}

@media (max-width:1199px) and (min-width:992px) {
    .header .header-menu-holder:before {
        height: 59px !important
    }

    .header .header-menu {
        height: 59px;
        box-shadow: 400px 0 #8b0d35
    }
}

.header .header-menu .mega-menu-bar {
    background: 0 0;
    padding: 0
}

.header .header-menu ul {
    display: flex;
    padding-block: 15px
}

    .header .header-menu ul li {
        margin-inline: 25px;
        transition: .2s
    }

@media (max-width:1399.98px) {
    .header .date-time {
        padding-inline-start: 20px;
        font-size: 12px
    }

    .header .header-menu-holder:before {
        inset-block-end: 0px
    }

    .header .lang-search .search-news {
        padding-inline-end: 30px
    }

    .header .header-menu ul li {
        margin-inline: 15px
    }
}

.header .header-menu ul li a {
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

    .header .header-menu ul li a.active,
    .header .header-menu ul li a:hover,
    .menu-open .header .header-menu ul li.active a,
    .text-gold {
        color: #d7bc89
    }

.header .header-menu .stream-info {
    color: #fff;
    position: relative;
    padding-inline-start: 15px;
    font-weight: 700;
    font-size: 16px
}

    .header .header-menu .stream-info:before {
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        inset-inline-start: -9px;
        border-radius: 50%;
        inset-block-start: 2px;
        border: 2px solid #fff
    }

html[dir=rtl] .header .header-menu .stream-info:before {
    inset-block-start: 8px
}

.header .header-menu .stream-info:after {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #fa2828;
    position: absolute;
    inset-inline-start: -6px;
    border-radius: 50%;
    inset-block-start: 5px;
    animation-name: blink;
    animation-duration: .5s;
    animation-iteration-count: infinite
}

html[dir=rtl] .header .header-menu .stream-info:after {
    inset-block-start: 11px
}

@media (min-width:768px) {
    .d-md-flex {
        display: flex !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .text-md-end {
        text-align: right !important
    }

    .header .dropdown-menu {
       width: calc(100% - 15px)
    }
}

.header .social-media {
    margin-inline: 25px
}

    .header .social-media a {
        background: #9d485c !important;
        width: 36px;
        height: 36px
    }

        .header .social-media a i {
            color: #fff;
            font-size: 16px
        }

        .flaticon-cup-2,
        .header .social-media a:hover {
            background: #fff !important
        }

            .header .social-media a:hover i {
                color: #8b0d35
            }

@media (min-width:992px) and (max-width:1414px) {
    .header .lang-search {
        flex-wrap: wrap;
        justify-content: center !important
    }

    .header .social-media {
        margin-bottom: 23px !important
    }

    .header .lang-right {
        justify-content: center !important
    }
}

@keyframes blink {
    from {
        background-color: #fa2828
    }

    to {
        background-color: rgba(250, 40, 40, .51)
    }
}

.menu-open .header .header-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-block-end: 40px;
    z-index: 3
}

    .menu-open .header .header-menu ul {
        text-align: end;
        flex-direction: column;
        margin-inline-start: initial !important;
        margin-inline-end: initial !important
    }

        .menu-open .header .header-menu ul li {
            padding: 5px 20px;
            margin-inline-end: 0
        }

@media (min-width:768px) and (max-width:991.98px) {
    .menu-open .header .header-menu {
        flex-direction: row;
        padding-inline-start: 20px;
        padding-bottom: 0;
        align-items: center
    }

    html[dir=rtl] .menu-open .header .header-menu,
    html[dir=rtl] .menu-open .header .header-menu ul {
        flex-direction: row-reverse
    }

    .menu-open .header .header-menu .mega-menu-bar {
        margin-inline-start: 10px
    }

    .menu-open .header .header-menu ul {
        flex-direction: row
    }

        .menu-open .header .header-menu ul li {
            padding: 5px 8px
        }
}

.menu-open .header .header-menu ul li a,
.share_icon-description .social-media a:hover,
.share_icon-description .social-media button:hover,
[data-theme=dark] .footer-link-list li a,
[data-theme=dark] .subscribe-info,
html[data-theme=dark] .dropdown-menu .dropdown-item,
html[data-theme=dark] .news-tag,
html[data-theme=dark] .showmore {
    color: #fff
}

.menu-open .header .hamburger {
    flex-direction: column;
    transform: rotate(-180deg)
}

    .menu-open .header .hamburger .bar1,
    .menu-open .header .hamburger .bar3 {
        width: 22px;
        margin: 5px 0
    }

.back-link,
.news-catgry-tab-holder .news-catgry.nav-pills .nav-item {
    margin-inline-end: 20px
}

.menu-open .header .hamburger .bar1 {
    transform: rotate(-45deg) translate(-7px, 7px)
}

.menu-open .header .hamburger .bar3 {
    transform: rotate(45deg) translate(-7px, -7px)
}

.dark-mode {
    z-index: 9
}

    .dark-mode label,
    .select-date {
        position: relative;
        cursor: pointer
    }

        .dark-mode label:after {
            content: "";
            width: 24px;
            height: 24px;
            background-color: #fff;
            -webkit-mask-image: url(../images/icons/dark-mode.svg);
            mask-image: url(../images/icons/dark-mode.svg);
            position: absolute;
            inset-block: 0px !important;
            inset-inline-end: 0px !important;
            z-index: 0
        }

html[data-theme=dark] .dark-mode label:after {
    -webkit-mask-image: url(../images/icons/light-mode.svg);
    mask-image: url(../images/icons/light-mode.svg);
    width: 24px;
    height: 24px
}

@media (max-width:767.98px) {
    .modal.megamenu-header .mega-social .social-media {
        margin-inline: 0 !important
    }

        .modal.megamenu-header .mega-social .social-media ul li a {
            height: 26px !important;
            width: 26px !important;
            margin-inline-end: 5px !important
        }

            .modal.megamenu-header .mega-social .social-media ul li a i {
                font-size: 14px !important
            }

    .dark-mode label:after {
        inset-inline-end: -5px !important
    }

    .megamenu-header .modal-body > .row .col-lg-4 {
        width: 50%
    }
}

@keyframes slideIn {
    100% {
        transform: translateY(4.7rem);
        opacity: 1
    }

    0% {
        transform: translateY(1rem);
        opacity: 0
    }
}

.slideIn {
    animation-name: slideIn
}

.mega-social {
    border-top: 1px solid rgba(206, 206, 206, .3)
}

.dropdown-item .img-fluid.pe-2 {
    padding-right: 0 !important
}

.header .header-logo {
    display: block;
    max-width: 200px
}

.cmn-page-head {
    padding-block: 25px
}

.back-link {
    position: absolute;
    inset-inline-start: -110px
}

.s-filter.active .fa-sort-down,
html[dir=rtl] .back-link i,
html[dir=rtl] .long-arrow,
html[dir=rtl] .main-news-slider .slick-slider .slick-arrow.slick-next,
html[dir=rtl] .main-news-slider .slick-slider .slick-arrow.slick-prev,
html[dir=rtl] .other-news-holder .double-lines-btm a img,
html[dir=rtl] .slick-slider .slick-arrow.slick-next,
html[dir=rtl] .slick-slider .slick-arrow.slick-prev {
    transform: rotate(180deg)
}

@media (max-width:1700px) {
    .back-link {
        inset-inline-start: -56px;
        font-size: 10px;
        inset-block-start: 3px
    }

        .back-link i {
            padding-inline-end: 5px
        }
}

@media (min-width:1200px) and (max-width:1460px) {
    .back-link {
        inset-inline-start: -40px
    }

        .back-link i {
            padding-inline-end: 3px
        }
}

@media (max-width:1199.98px) {
    html[lang=es] .header .header-menu ul li a {
        font-size: 12px
    }

    html[lang=es] .header .header-menu .stream-info {
        display: block;
        width: 95px;
        font-size: 11px;
        line-height: 14px
    }

    .back-link {
        inset-inline-start: -5px
    }

        .back-link span {
            display: none
        }
}

@media (max-width:1480px) {
    .back-link {
        inset-inline-start: -10px !important;
        pointer-events: none
    }

        .back-link span {
            display: none
        }

    .event-listing ul li button {
        font-size: 13px
    }
}

.appstore-sec {
    border-top: 1px solid rgba(48, 48, 48, .1)
}

.download-content {
    padding-block: 32px
}

    .download-content .h5,
    .download-content h5 {
        padding-inline-end: 20px
    }

.social-media ul {
    display: flex;
    justify-content: end
}

.showmore,
.social-btn,
.social-media a {
    color: #000;
    display: inline-flex;
    margin-inline-end: 10px;
    height: 40px;
    width: 40px;
    transition: .3s
}

.social-btn,
.social-media a {
    align-items: center;
    border-radius: 20px;
    background: #f4f4f4;
    justify-content: center;
    position: relative
}

    .pagination-holder #bookmark-pagination .pagination li.page-item:first-child .page-link,
    .pagination-holder #bookmark-pagination .pagination li.page-item:last-child .page-link,
    .pagination-holder #special-bulletin-pagination .pagination li.page-item:first-child .page-link,
    .pagination-holder #special-bulletin-pagination .pagination li.page-item:last-child .page-link,
    .pagination-holder .search-customPagination .pagination li.page-item:first-child .page-link,
    .pagination-holder .search-customPagination .pagination li.page-item:last-child .page-link,
    .social-media a span {
        font-size: 0
    }

    .social-btn:hover,
    .social-media a:hover,
    .survey-sec .nav-tabs .active {
        background-color: #83273c;
        color: #fff
    }

        .social-media a:hover.filter-icon img {
            filter: invert(1)
        }

    .social-btn.save-news,
    .social-media a.save-news {
        background-color: rgba(131, 39, 60, .1019607843);
        color: #83273c
    }

.social-media.vertical {
    flex-direction: column
}

.border-bottom-1,
.bottom-grey {
    border-bottom: 1px solid rgba(48, 48, 48, .2)
}

[data-theme=dark] .appstore-sec,
html[data-theme=dark] .bottom-grey {
    border-color: rgba(207, 207, 207, .5)
}

.border-1 {
    border: 1px solid #e7e7e7 !important
}

.showmore {
    align-items: center;
    border-radius: 20px;
    border: 1px solid #f4f4f4;
    justify-content: center
}

    .showmore.on i::before {
        content: "\f00d"
    }

.pagination-holder {
    text-align: center
}

    .pagination-holder .pagination {
        justify-content: center
    }

    .pagination-holder .page-item {
        margin-inline: 4px
    }

        .pagination-holder .page-item .page-link {
            border-radius: 25px;
            width: 40px;
            height: 40px;
            border: 1px solid rgba(48, 48, 48, .3019607843);
            color: #333;
            margin-inline: 4px;
            text-align: center;
            font-weight: 700;
            justify-content: center;
            align-items: center;
            font-size: 18px;
            display: table-cell;
            vertical-align: middle;
            padding: 5px
        }

html[data-theme=dark] .pagination-holder .page-item .page-link,
html[data-theme=dark] .pagination-holder .search-customPagination span.page-item .page-link {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .45)
}

.pagination-holder .page-item .page-link:focus,
.pagination-holder .page-item .page-link:hover {
    z-index: 3;
    color: #fff;
    background-color: #83273c;
    border-color: #83273c;
    outline: 0;
    box-shadow: none
}

html[data-theme=dark] .pagination-holder .page-item .page-link:focus,
html[data-theme=dark] .pagination-holder .page-item .page-link:hover {
    background-color: #83273c !important;
    border: 1px solid #83273c
}

html[dir=rtl] .event-calender .fc button .fc-icon,
html[dir=rtl] .form-step li:before,
html[dir=rtl] .form-step-item:before,
html[dir=rtl] .pagination-holder #bookmark-pagination .pagination li.page-item:first-child .page-link,
html[dir=rtl] .pagination-holder #bookmark-pagination .pagination li.page-item:first-child .page-link::after,
html[dir=rtl] .pagination-holder #bookmark-pagination .pagination li.page-item:last-child .page-link,
html[dir=rtl] .pagination-holder #bookmark-pagination .pagination li.page-item:last-child .page-link::after,
html[dir=rtl] .pagination-holder #special-bulletin-pagination .pagination li.page-item:first-child .page-link,
html[dir=rtl] .pagination-holder #special-bulletin-pagination .pagination li.page-item:first-child .page-link::after,
html[dir=rtl] .pagination-holder #special-bulletin-pagination .pagination li.page-item:last-child .page-link,
html[dir=rtl] .pagination-holder #special-bulletin-pagination .pagination li.page-item:last-child .page-link::after,
html[dir=rtl] .pagination-holder .page-item .page-link span img,
html[dir=rtl] .pagination-holder .search-customPagination .pagination li.page-item:first-child .page-link,
html[dir=rtl] .pagination-holder .search-customPagination .pagination li.page-item:last-child .page-link,
html[dir=rtl] .screenshot_slider .owl-nav button,
html[dir=rtl] .screenshot_slider .owl-nav button .fa-angle-right,
html[dir=rtl] .steps li:before,
html[dir=rtl] .steps-item:before {
    transform: scaleX(-1)
}

.pagination-holder #bookmark-pagination,
.pagination-holder #special-bulletin-pagination,
.pagination-holder .search-customPagination {
    display: flex;
    align-items: center;
    justify-content: center
}

    .pagination-holder #bookmark-pagination span.page-item,
    .pagination-holder #special-bulletin-pagination span.page-item,
    .pagination-holder .search-customPagination span.page-item {
        margin-top: 7px;
        margin-inline: 4px
    }

        .pagination-holder #bookmark-pagination span.page-item .page-link,
        .pagination-holder #special-bulletin-pagination span.page-item .page-link,
        .pagination-holder .search-customPagination span.page-item .page-link {
            align-items: center;
            border: 1px solid rgba(48, 48, 48, .302);
            border-radius: 25px;
            color: #333;
            font-size: 18px;
            font-weight: 700;
            height: 40px;
            justify-content: center;
            margin-inline: 4px;
            text-align: center;
            width: 40px;
            display: table-cell;
            vertical-align: middle;
            padding: 5px
        }

            .f-14,
            .fs-14,
            .pagination-holder #bookmark-pagination span.page-item .page-link i,
            .pagination-holder #special-bulletin-pagination span.page-item .page-link i,
            .pagination-holder .search-customPagination span.page-item .page-link i,
            .poll-listing.show-result .btn-primary.f-18,
            .useful-link-item figure p {
                font-size: 14px
            }

    .pagination-holder #bookmark-pagination .pagination li.page-item:first-child .page-link::after,
    .pagination-holder #special-bulletin-pagination .pagination li.page-item:first-child .page-link::after,
    .pagination-holder .search-customPagination .pagination li.page-item:first-child .page-link::after {
        content: "\f053";
        font-family: FontAwesome;
        font-size: 14px
    }

    .pagination-holder #bookmark-pagination .pagination li.page-item:last-child .page-link::after,
    .pagination-holder #special-bulletin-pagination .pagination li.page-item:last-child .page-link::after,
    .pagination-holder .search-customPagination .pagination li.page-item:last-child .page-link::after {
        content: "\f054";
        font-family: FontAwesome;
        font-size: 14px
    }

#calendar table .fc-today,
.custom-modal .modal-dialog .modal-content .mega-footer .social-media .a2a_kit a:last-of-type,
html[data-theme=dark] .editable-cell .editable-field .editable-input,
html[data-theme=dark] .main-type-3 .bookmark-wrapper,
html[data-theme=dark] .news-details-holder-more #special-news-body p,
html[data-theme=dark] .pagination-holder .pagination-general-Bulitten .page-item.ellipsis span,
html[data-theme=dark] .show-result .feedback,
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback,
html[data-theme=dark] .watch-more-text {
    background-color: transparent !important
}

.list-transform-img,
.list-transform-item ul .active,
.news-widgets-item-left ul .active,
.text-size-action .nav-item .nav-link:hover {
    background-color: #dbdbdb
}

.list-transform {
    display: flex;
    align-items: center;
    gap: 8px
}

.list-transform-item,
.news-widgets-item-left {
    border: 1px solid #ddd;
    border-radius: 24px
}

    .custom-modal .modal-dialog .modal-content .mega-footer .social-media,
    .list-transform-item ul,
    .news-catgry-tab-holder .select-date input,
    .news-details-holder-center,
    .news-widgets-item-left ul,
    .recent-news-holder .viewed-time {
        display: flex
    }

        .card-listing ul li figure,
        .list-transform-item ul li,
        .main-typeone .card-listing ul li figure,
        .padding-10,
        .weather-location select option {
            padding: 10px
        }

            .list-transform-item ul li a {
                color: #1b2024;
                line-height: 1.5
            }

.list-transform-img {
    padding: 13px;
    border-radius: 50px
}

.share_icon-description {
    position: absolute
}

    .share_icon-description .social-media {
        display: grid;
        position: relative
    }

        .share_icon-description .social-media:after {
            content: "";
            border-left: 1px solid #d6d6d6;
            height: 200px;
            position: absolute;
            margin-left: 20px;
            top: 100%;
            z-index: 0
        }

html[dir=rtl] .share_icon-description .social-media:after {
    margin-right: 18px
}

.share_icon-description .social-media a,
.share_icon-description .social-media button {
    margin-bottom: 10px;
    font-size: 16px;
    color: #434343
}

html[data-theme=dark] .share_icon-description .social-media a,
html[data-theme=dark] .share_icon-description .social-media button {
    background: #ececec;
    color: #434343
}

    .umbraco-forms-field-wrapper html[data-theme=dark] .filter-checkbox input[type=checkbox],
    html[data-theme=dark] .filter-checkbox .form-check-input[type=checkbox],
    html[data-theme=dark] .filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox],
    html[data-theme=dark] .share_icon-description .social-media a[aria-label=More],
    html[data-theme=dark] .share_icon-description .social-media a[title=More],
    html[data-theme=dark] .share_icon-description .social-media button[aria-label=More],
    html[data-theme=dark] .share_icon-description .social-media button[title=More] {
        border: 1px solid #fff
    }

.share_icon-description .social-media button {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.appstore-sec,
.share_icon-description .social-media .share_icon-print {
    margin-top: 1.5rem
}

    .share_icon-description .social-media .share_icon-print .bookmark-wrapper {
        background-color: #f4f4f4 !important
    }

        .share_icon-description .social-media .share_icon-print .bookmark-wrapper:hover {
            background-color: #83273c !important
        }

        .bookmark-wrapper:hover .icon-bookmark,
        .disabled.three-dots span,
        .share_icon-description .social-media .share_icon-print .bookmark-wrapper button,
        .weather-widget.night-widget .weather-details .detail-item {
            background: 0 0 !important
        }

@media (max-width:1199px) and (min-width:768px) {
    .justify-md-center {
        justify-content: center !important
    }
}

.fc-right .fc-next-button,
.megamenu-mob {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0
}

@media (min-width:769px) {
    .megamenu-mob {
        display: none
    }
}

@media (max-width:768px) {
    .header .hamburger-btn {
        inset-block-start: 0px;
        display: none
    }

    .megamenu-mob {
        inset-block-start: auto !important
    }
}

.megamenu-mob ul li,
.my-reports .daterangepicker .calendar-table,
.my-reports .daterangepicker .calendar-table td.off,
.umbraco-forms-field-wrapper [data-theme=dark] .search-filter .filter-checkbox input[type=checkbox],
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form .checkboxlist .form-check-input[type=checkbox],
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form .checkboxlist input[type=checkbox],
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form .remember-check input[type=checkbox],
.umbraco-forms-field-wrapper html[data-theme=dark] .filter-checkbox input[type=checkbox],
[data-theme=dark] .pagination-holder .page-item a,
[data-theme=dark] .pagination-holder .page-item span,
[data-theme=dark] .search-filter .filter-checkbox .form-check-input[type=checkbox],
[data-theme=dark] .search-filter .filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox],
html[data-theme=dark] .account-form .remember-check .form-check-input[type=checkbox],
html[data-theme=dark] .account-form .remember-check .umbraco-forms-field-wrapper input[type=checkbox],
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper .checkboxlist .form-check-input[type=checkbox],
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper .checkboxlist .umbraco-forms-field-wrapper input[type=checkbox],
html[data-theme=dark] .filter-checkbox .form-check-input[type=checkbox],
html[data-theme=dark] .filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox],
html[data-theme=dark] .news-catgry-tab-holder .select-date input {
    background-color: transparent
}

.page-title {
    margin-bottom: 25px;
    margin-top: 25px
}

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

.pblock-1 {
    padding-block: 1.7rem
}

.pd-inline-35,
.survey-completed {
    padding-inline: 35px
}

.pb-50 {
    padding-block: 50px
}

.pb-90 {
    padding-block-end: 90px
}

.padding-top-100 {
    padding-top: 100px
}

.mb-32 {
    margin-bottom: 32px
}

.mt-32 {
    margin-top: 32px
}

.mt-24 {
    margin-top: 24px
}

.mb-24 {
    margin-bottom: 24px
}

.fs-10,
html[lang=ar] .back-link,
html[lang=de] .back-link,
html[lang=es] .back-link,
html[lang=fr] .back-link,
html[lang=fr] .form-step li span,
html[lang=fr] .form-step-item span,
html[lang=fr] .steps li span,
html[lang=fr] .steps-item span {
    font-size: 10px
}

.card-listing .viewed-time .catgry-time,
.catgry-time,
.f-12,
.fs-12 {
    font-size: 12px
}

.fs-13,
.reportrange span,
html[lang=fr] .form-step li.active .h4,
html[lang=fr] .form-step li.active a,
html[lang=fr] .form-step li.active h4,
html[lang=fr] .form-step li.done a,
html[lang=fr] .form-step-item.active .h4,
html[lang=fr] .form-step-item.active a,
html[lang=fr] .form-step-item.active h4,
html[lang=fr] .form-step-item.done a,
html[lang=fr] .steps li.active .h4,
html[lang=fr] .steps li.active a,
html[lang=fr] .steps li.active h4,
html[lang=fr] .steps li.done a,
html[lang=fr] .steps-item.active .h4,
html[lang=fr] .steps-item.active a,
html[lang=fr] .steps-item.active h4,
html[lang=fr] .steps-item.done a {
    font-size: 13px
}

.btn,
.dropdown-menu,
.f-16,
.form-control,
.form-select,
.fs-16,
.navbar-brand,
.news-details-wrapp .news-details-holder-description p,
.profile-tabs-button .bi-broadcast,
.umbraco-forms-field-wrapper input,
.umbraco-forms-field-wrapper select,
.umbraco-forms-field-wrapper textarea,
button,
input,
p,
select,
textarea {
    font-size: 16px
}

.description p,
.f-18,
.fs-18 {
    font-size: 18px
}

.f-20,
.fs-20,
.h6,
h6 {
    font-size: 20px
}

.f-22,
.fs-22 {
    font-size: 22px
}

.fs-24 {
    font-size: 24px
}

.delete-account .modal-title,
.fs-26,
.h3,
.news-details-wrapp .news-details-title .h2,
.news-details-wrapp .news-details-title h2,
h3 {
    font-size: 26px
}

.fs-50 {
    font-size: 50px !important
}

.fw-700,
.new-account-form .reg-link a {
    font-weight: 700
}

label {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #1e293b;
    margin-bottom: 8px !important
}

html[data-theme=dark] .Subscribe-email-error,
html[data-theme=dark] .mandatory,
html[data-theme=dark] label span,
html[data-theme=dark] label span.text-primary,
html[data-theme=dark] label sup {
    color: #ff3c3c !important
}

html[data-theme=dark] .dropdown-menu {
    --bs-dropdown-bg: #212121
}

.news-widgets {
    display: flex;
    justify-content: space-between
}

.news-widgets-item {
    display: flex;
    align-items: center;
    margin-top: 5px
}

html[data-theme=dark] .news-widgets-item-left {
    background: #fff
}

.news-widgets-item-left ul li {
    padding: 12px 15px
}

    .news-widgets-item-left ul li a {
        color: #1b2024;
        line-height: 24px
    }

.news-widgets-item-right {
    border-radius: 50px
}

.error-search input {
    border-radius: 0;
    padding-inline-start: 60px;
    background-position: 15px center !important;
    padding-inline-end: 80px;
    font-size: 14px;
    font-weight: 400
}

.error-search input,
html[data-theme=dark] .error-search input {
    background: url(../../assets/images/icons/search-02.svg) no-repeat rgba(204, 204, 204, .25);
    color: #fff;
    border: 1px solid rgba(207, 207, 207, .15)
}

html[dir=rtl] .error-search input {
    background-position: 96% center !important
}

.footer a:hover,
[data-theme=dark] .footer-link-list li a:hover,
[data-theme=dark] .megamenu-header .modal-dialog .mega-footer ul li a:hover,
html[data-theme=dark] .account-form .reset-method .reg-link .text-primary-color,
html[data-theme=dark] .archive-polls .archive-title .h2,
html[data-theme=dark] .archive-polls .archive-title h2,
html[data-theme=dark] .conference-date,
html[data-theme=dark] .conference-date i,
html[data-theme=dark] .conference-item-middle i,
html[data-theme=dark] .conference-item-middle i.text-primary-color,
html[data-theme=dark] .conference-location,
html[data-theme=dark] .conference-location i,
html[data-theme=dark] .form-step li.active .h4,
html[data-theme=dark] .form-step li.active h4,
html[data-theme=dark] .form-step-item.active .h4,
html[data-theme=dark] .form-step-item.active h4,
html[data-theme=dark] .job-details i.text-primary-color,
html[data-theme=dark] .listing-container .icon-bookmark,
html[data-theme=dark] .main-news-slider .progressBarContainer .item.slick-current.slick-active .h3,
html[data-theme=dark] .main-news-slider .progressBarContainer .item.slick-current.slick-active h3,
html[data-theme=dark] .news-details .related-news-holder .h5,
html[data-theme=dark] .news-details .related-news-holder h5,
html[data-theme=dark] .other-news-holder .h5,
html[data-theme=dark] .other-news-holder h5,
html[data-theme=dark] .profile .nav-link.active,
html[data-theme=dark] .profile-tabs-button button:hover,
html[data-theme=dark] .reset-method .reg-link .text-primary-color,
html[data-theme=dark] .steps li.active .h4,
html[data-theme=dark] .steps li.active h4,
html[data-theme=dark] .steps-item.active .h4,
html[data-theme=dark] .steps-item.active h4,
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .h2 button:active,
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item h2 button:active,
html[data-theme=dark] .text-primary,
html[data-theme=dark] .training-programs-item figcaption .training-bottom-sec p i.text-primary-color,
html[data-theme=dark] .umbraco-forms-tooltip {
    color: #ffc04b !important
}

[data-theme=dark] body {
    background: #212121 !important;
    color: #fff
}

[data-theme=dark] .border-bottom-1 {
    border-bottom: 1px solid rgba(207, 207, 207, .2) !important
}

[data-theme=dark] .header,
[data-theme=dark] .select2-container--default .select2-results > .select2-results__options,
html[data-theme=dark] .important-news .popup,
html[data-theme=dark] .social-links {
    background: #212121
}

[data-theme=dark] .header-menu-holder,
[data-theme=dark] .header-menu-holder:after,
[data-theme=dark] .header-menu-holder:before {
    background-color: #151515
}

.bulletin-list li:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    background: #83273c;
    inset-inline-start: -48px
}

html[data-theme=dark] .bulletin-list li:before {
    border: 2px solid #fff;
    background: #d7bc89
}

.double-lines-btm-white::after {
    content: "";
    background: url(../../assets/images/btm-double-lines-white.svg);
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 5px
}

.bg-grey {
    background-color: #e3e3e3
}

.bg-light-success {
    background-color: #d3e6dd
}

html[data-theme=dark] .bg-light-success {
    background-color: #000
}

.bg-checked {
    background-color: rgba(139, 13, 53, .1)
}

.dark-bg {
    background-color: #2f3135
}

.bg-gold {
    background: #d7bc89 !important
}

.text-grey {
    color: #8b8b8b
}

.event-sport,
.text-skyblue,
html[data-theme=dark] .text-skyblue {
    color: #0064a6 !important
}

.text-dark-yellow {
    color: #fcc251
}

.text-important {
    color: #ff1010
}

.text-delete {
    color: #f72e2e
}

.clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 46px
}

.clamp-3,
.event-details blockquote,
.light-listing figure .h6 a,
.light-listing figure h6 a,
.memory-frame .frame-card-body .h6,
.memory-frame .frame-card-body h6,
.memory-frame .frame-card-footer p,
.most-read-holder .most-read-news li .text-black-variant-1,
.news-details .related-news-holder-content .related-desp,
.search-content .content-details p,
.useful-link-item figure figcaption .h6,
.useful-link-item figure figcaption h6 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.clamp-4,
.featured-scroll a,
.useful-link-item figure figcaption p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mx-100 {
    max-width: 100% !important
}

.border-br,
.card-listing ul li,
.main-typeone .card-listing ul li {
    border: 0;
    border-right: 1px solid rgba(91, 89, 89, .5);
    border-bottom: 1px solid rgba(91, 89, 89, .5)
}

.border-br-dark {
    border: 0;
    border-right: 1px solid #cfcfcf !important;
    border-bottom: 1px solid #cfcfcf !important
}

.top-lines-before:before {
    content: "";
    background-image: url(../images/btm-slant-lines.svg);
    position: absolute;
    inset-block-start: -35px;
    inset-inline-start: 0;
    width: 100%;
    height: 13px
}

.padding-block-1,
.viewed-time {
    padding-block: 1rem
}

.filter-wrapper {
    float: left;
    width: 18%;
    margin-right: 1%
}

.float-right,
html[dir=rtl] .filter-wrapper {
    float: right
}

@media (max-width:991.98px) {
    .header .hamburger-btn .hamburger {
        display: flex;
        flex-direction: column
    }

    .header .header-menu {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        background: #83273c;
        z-index: 1;
        display: none;
        height: auto
    }

        .header .header-menu .mega-menu-bar {
            margin-inline-start: auto
        }

    html[lang=es] .header .header-menu ul li {
        margin-inline: 0
    }

    .header .header-menu .stream-info {
        padding-inline-end: 15px
    }

    .menu-open .header .show-mobile {
        flex-direction: column;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .cmn-page-head {
        padding-block: 15px;
        margin-bottom: 1.5rem
    }

    .back-link {
        top: 2px;
        width: 20px;
        height: 20px;
        inset-inline-start: 0px !important
    }

    html[dir=rtl] .back-link {
        top: 3px;
        inset-inline-start: 25px
    }

    .download-content {
        flex-direction: column
    }

    .social-media ul {
        padding-inline-start: 0px;
        padding-block-start: 10px;
        flex-wrap: wrap;
        justify-content: start !important
    }

        .social-media ul li {
            margin-bottom: 10px
        }

    .pagination-holder {
        flex-wrap: wrap
    }

    .share_icon-description .social-media:after {
        border-left: 0
    }

    .pb-90 {
        padding-bottom: 30px
    }

    [data-theme=dark] .header-menu {
        background-color: #212121
    }

    .filter-wrapper {
        width: 100% !important
    }
}

.filter-wrapper:first-child {
    width: 5%
}

html[dir=rtl] .filter-wrapper:first-child {
    width: 10%
}

@media (max-width:991.98px) {
    .filter-wrapper:first-child {
        width: 100%
    }

    .search-btn {
        margin-top: .5rem
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .filter-wrapper {
        width: 22% !important
    }

        .filter-wrapper:first-child {
            width: 5% !important
        }
}

.filter-wrapper select {
    padding: 10px 20px !important
}

.filter-wrapper input {
    padding: 9px 20px !important;
    height: auto !important
}

.filter select {
    height: 45px;
    padding: 0 20px
}

html[data-theme=dark] .filter select {
    color: #ccc
}

.dropdownmultiselect .filter-search select,
.filter .select-date input,
.filter-search .dropdownmultiselect select,
.filter-search .form-control,
.filter-search .umbraco-forms-field-wrapper input,
.filter-search .umbraco-forms-field-wrapper select,
.filter-search .umbraco-forms-field-wrapper textarea,
.news-catgry-tab-holder .select-date input,
.umbraco-forms-field-wrapper .filter-search input,
.umbraco-forms-field-wrapper .filter-search select,
.umbraco-forms-field-wrapper .filter-search textarea {
    height: 45px
}

.dropdownmultiselect html[dir=rtl] .account-form select,
.dropdownmultiselect html[dir=rtl] .filter select,
.dropdownmultiselect html[dir=rtl] .profile .profile-tabs-content select,
.dropdownmultiselect html[dir=rtl] select,
.dropdownmultiselect html[dir=rtl] select .noselect,
.umbraco-forms-field-wrapper html[dir=rtl] .account-form select,
.umbraco-forms-field-wrapper html[dir=rtl] .filter select,
.umbraco-forms-field-wrapper html[dir=rtl] .profile .profile-tabs-content select,
.umbraco-forms-field-wrapper html[dir=rtl] select,
html[dir=rtl] .account-form .dropdownmultiselect select,
html[dir=rtl] .account-form .form-select,
html[dir=rtl] .account-form .umbraco-forms-field-wrapper select,
html[dir=rtl] .custom-multiselect .noselect,
html[dir=rtl] .dropdownmultiselect select,
html[dir=rtl] .dropdownmultiselect select .noselect,
html[dir=rtl] .filter .dropdownmultiselect select,
html[dir=rtl] .filter .form-select,
html[dir=rtl] .filter .umbraco-forms-field-wrapper select,
html[dir=rtl] .form-select,
html[dir=rtl] .profile .profile-tabs-content .dropdownmultiselect select,
html[dir=rtl] .profile .profile-tabs-content .form-select,
html[dir=rtl] .profile .profile-tabs-content .umbraco-forms-field-wrapper select,
html[dir=rtl] .umbraco-forms-field-wrapper select {
    background-position: left .75rem center
}

.filter-wrapper.select-date {
    width: 22%
}

.search-btn:focus-visible {
    background-color: #83273c !important;
    border: 0 !important;
    box-shadow: none
}

.search-btn:active {
    background-color: #83273c !important;
    box-shadow: none !important
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #dee2e6 !important;
    min-height: 56px;
    padding-bottom: 4px;
    align-items: center;
    display: flex;
    margin-top: .875rem !important
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding-inline-end: 25px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        position: absolute;
        inset-inline-end: 2px
    }

html[dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    background-image: none !important;
    left: 17px !important
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding-inline-start: 1rem;
    width: 100% !important
}

    .currency-details-slider .slick-arrow.slick-disabled:focus,
    .currency-details-slider .slick-arrow.slick-disabled:hover,
    .search-filter .filter-checkbox .form-check-input[type=checkbox]:focus,
    .search-filter .filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox]:focus,
    .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-search--inline .select2-search__field:hover,
    .slick-slider.news-updates-slider .slick-slide:focus,
    .slick-slider.news-updates-slider .slick-slide:hover,
    .umbraco-forms-field-wrapper .search-filter .filter-checkbox input[type=checkbox]:focus {
        outline: 0 !important
    }

html[dir=rtl] .select2-container--default .select2-selection {
    background-position: 3% center !important
}

html[data-theme=dark] .select2-container--default .select2-selection:has(.select2-selection__clear) {
    background-image: none !important
}

.social-login-box form button {
    background-color: #fff !important;
    color: #000 !important
}

.account-form .remember-check .form-check-input[type=checkbox]:checked,
.account-form .remember-check .umbraco-forms-field-wrapper input[type=checkbox]:checked,
.account-form .umbraco-forms-field-wrapper .checkboxlist .form-check-input[type=checkbox]:checked,
.account-form .umbraco-forms-field-wrapper .checkboxlist .umbraco-forms-field-wrapper input[type=checkbox]:checked,
.search-btn:disabled,
.umbraco-forms-field-wrapper .account-form .checkboxlist .form-check-input[type=checkbox]:checked,
.umbraco-forms-field-wrapper .account-form .checkboxlist input[type=checkbox]:checked,
.umbraco-forms-field-wrapper .account-form .remember-check input[type=checkbox]:checked {
    background-color: #83273c !important;
    border-color: #83273c !important
}

.dropdown-item:active {
    color: #fff !important;
    background-color: #83273c !important
}

.cookies .modal-dialog {
    max-width: 100%;
    background-color: #fff;
    width: 100%;
    position: fixed;
    bottom: 0;
    margin: 0;
    box-shadow: 0 0 30px rgba(0, 0, 0, .2)
}

.btn:focus,
.btn:hover,
.custom-modal .modal-header .btn-close:focus,
.filter-checkbox .form-check-input[type=checkbox]:focus,
.filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox]:focus,
.megamenu-header .modal-dialog .modal-header .close-menu:focus,
.umbraco-forms-field-wrapper .filter-checkbox input[type=checkbox]:focus {
    box-shadow: none
}

.cookies .modal-content {
    border-radius: 0 !important;
    border: 0 !important
}

    .cookies .modal-content .modal-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 16px
    }

    .cookies .modal-content .close {
        border-radius: 100%;
        background: 0 0;
        border: 1px solid #9a9fb6;
        width: 50px;
        height: 50px
    }

        .cookies .modal-content .close span {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            font-size: 30px;
            margin-top: -3px
        }

    #calendar .fc-widget-content .fc-widget-content:first-of-type .fc-day-top,
    #calendar table td,
    #calendar table thead,
    .cookies .modal-content .modal-header,
    .fc-day-header,
    .news-widgets-item-right .rsbtn_play .rsbtn_right {
        border: none !important
    }

    .cookies .modal-content .modal-body p {
        color: #000;
        font-size: 15px;
        font-weight: 400;
        line-height: 23px
    }

.link-listing {
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll
}

    .link-listing ul,
    .listing-container .list-row,
    .my-reports-download ul,
    .recent-news-ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }

        .event-groups,
        .filter-checkbox,
        .link-listing ul li,
        .recent-news .bulletin-list-holder {
            margin-bottom: 1rem
        }

            .link-listing ul li a {
                display: block;
                float: left;
                border: 1px solid #fff;
                line-height: 24px;
                padding: 6px 8px;
                text-align: left;
                overflow: hidden;
                width: 150px
            }

                .link-listing ul li a:hover {
                    background-color: rgba(212, 189, 139, .5)
                }

            .link-listing ul li i {
                background: #ccc;
                padding: 10px;
                border-radius: 100%
            }

.success-msg span {
    align-items: center;
    border-radius: 100px;
    background: #fff;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    margin-inline-end: 10px;
    transition: .3s;
    width: 35px;
    box-shadow: 1px 1px #bee1d0
}

.page-content.home-banner {
    margin-bottom: 0 !important;
    padding-top: 10px
}

.home-banner .scrollable-list {
    max-height: 500px !important;
    min-height: 84%
}

@media (min-width:992px) and (max-width:1200px) {
    .home-banner .scrollable-list {
        height: 400px !important
    }
}

@media (min-width:1201px) and (max-width:1414px) {
    .header .social-media {
        margin-inline: 10px !important;
        margin-right: 0 !important
    }

        .header .social-media a {
            width: 30px;
            height: 30px
        }

            .header .social-media a i {
                font-size: 14px
            }

    .header .lang-search .lang-drop {
        padding-inline: 2px !important
    }

    .home-banner .scrollable-list {
        height: 514px !important
    }
}

@media (min-width:1414px) {
    .home-banner .col-lg-4:has(.bulletin-list-holder) {
        display: flex;
        flex-direction: column
    }
}

.home-banner .bulletin-list-holder {
    min-height: 100%;
    max-height: 100%
}

html[dir=rtl] .fa-angle-right:before {
    content: "\f104"
}

.password-view .field-icon[data-toggle="#ConfirmCreatePasswordRegister"],
.password-view .field-icon[data-toggle="#CreatePasswordRegister"] {
    inset-block-start: 45px;
    inset-block-end: 0
}

.bottom-slant-lines:after,
.news-catgry-tab-holder .bottom-slant-lines::after {
    inset-block-end: -9px
}

.password-view .field-icon {
    inset-block: 66px
}

.cursor-default {
    cursor: default !important;
    text-decoration: none !important
}

.loader-outer .loader-inner {
    align-items: center;
    background-color: hsla(0, 0%, 43.87%, .851);
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

    .loader-outer .loader-inner .logo-spin-loader::before {
        background-image: url(../images/loader.svg);
        background-size: 60%;
        height: 50px;
        left: 30%;
        position: absolute;
        top: 30%;
        width: 50px;
        background-color: #fff;
        border-radius: 50%;
        padding: 30px
    }

    .loader-outer .loader-inner .logo-spin-loader::after {
        background-image: url(../images/loader-new-gif.gif);
        background-size: contain;
        height: 150px;
        width: 150px
    }

    .loader-outer .loader-inner .logo-spin-loader::after,
    .loader-outer .loader-inner .logo-spin-loader::before {
        background-position: 50%;
        background-repeat: no-repeat;
        content: "";
        display: block
    }

.footer {
    padding-bottom: 70px;
    padding-block-start: 50px
}

    .footer .form-subscribe {
        border: 1px solid #000;
        border-radius: 6px;
        background: #f0f0f0
    }

html[data-theme=dark] .footer .form-subscribe {
    background: 0 0;
    border: 1px solid #c7c7c7
}

@media (max-width:991px) and (min-width:640px) {
    .footer .form-subscribe {
        width: 50%
    }
}

.dropdownmultiselect .footer .form-subscribe select,
.footer .form-subscribe .dropdownmultiselect select,
.footer .form-subscribe .form-control,
.footer .form-subscribe .umbraco-forms-field-wrapper input,
.footer .form-subscribe .umbraco-forms-field-wrapper select,
.footer .form-subscribe .umbraco-forms-field-wrapper textarea,
.umbraco-forms-field-wrapper .footer .form-subscribe input,
.umbraco-forms-field-wrapper .footer .form-subscribe select,
.umbraco-forms-field-wrapper .footer .form-subscribe textarea {
    background-color: #f0f0f0;
    padding-left: 24px;
    padding-right: 24px;
    letter-spacing: 1px;
    border: 0
}

.dropdownmultiselect html[data-theme=dark] .footer .form-subscribe select,
.umbraco-forms-field-wrapper html[data-theme=dark] .footer .form-subscribe input,
.umbraco-forms-field-wrapper html[data-theme=dark] .footer .form-subscribe select,
.umbraco-forms-field-wrapper html[data-theme=dark] .footer .form-subscribe textarea,
html[data-theme=dark] .footer .form-subscribe .dropdownmultiselect select,
html[data-theme=dark] .footer .form-subscribe .form-control,
html[data-theme=dark] .footer .form-subscribe .umbraco-forms-field-wrapper input,
html[data-theme=dark] .footer .form-subscribe .umbraco-forms-field-wrapper select,
html[data-theme=dark] .footer .form-subscribe .umbraco-forms-field-wrapper textarea {
    color: #fff;
    background-color: #212121 !important
}

.footer .form-subscribe .btn {
    background: #83273c;
    border-color: #fff;
    height: 50px;
    border-radius: 0 5px 5px 0;
    font-weight: 700;
    font-size: 16px;
    padding: 20px;
    margin: 2px
}

    .btn.load-more:focus,
    .btn.load-more:hover,
    .footer .form-subscribe .btn:focus,
    .footer .form-subscribe .btn:hover,
    html[data-theme=dark] .btn-primary:active,
    html[data-theme=dark] .btn-primary:focus,
    html[data-theme=dark] .btn-primary:hover {
        background-color: #670d22;
        color: #fff !important
    }

html[dir=rtl] .footer .form-subscribe .btn {
    border-radius: 5px 0 0 5px
}

.dropdownmultiselect .footer .form-subscribe select.focus,
.dropdownmultiselect .footer .form-subscribe select:focus,
.footer .form-subscribe .dropdownmultiselect select.focus,
.footer .form-subscribe .dropdownmultiselect select:focus,
.footer .form-subscribe .form-control.focus,
.footer .form-subscribe .form-control:focus,
.footer .form-subscribe .umbraco-forms-field-wrapper input.focus,
.footer .form-subscribe .umbraco-forms-field-wrapper input:focus,
.footer .form-subscribe .umbraco-forms-field-wrapper select.focus,
.footer .form-subscribe .umbraco-forms-field-wrapper select:focus,
.footer .form-subscribe .umbraco-forms-field-wrapper textarea.focus,
.footer .form-subscribe .umbraco-forms-field-wrapper textarea:focus,
.umbraco-forms-field-wrapper .footer .form-subscribe input.focus,
.umbraco-forms-field-wrapper .footer .form-subscribe input:focus,
.umbraco-forms-field-wrapper .footer .form-subscribe select.focus,
.umbraco-forms-field-wrapper .footer .form-subscribe select:focus,
.umbraco-forms-field-wrapper .footer .form-subscribe textarea.focus,
.umbraco-forms-field-wrapper .footer .form-subscribe textarea:focus {
    z-index: 2;
    background-color: hsla(0, 0%, 100%, .8)
}

.footer .subscribe-info {
    font-size: 13px;
    color: rgba(0, 0, 0, .6);
    font-weight: 400;
    line-height: 1.6
}

    .footer .subscribe-info a {
        color: rgba(0, 0, 0, .6) !important
    }

.footer-link-list li a {
    display: inline-block;
    padding-block-end: 3px;
    color: #000;
    font-weight: 400;
    line-height: 1.9
}

    .cookies-popup .h6,
    .cookies-popup h6,
    .events-tabs button:hover,
    .footer-link-list li a:hover,
    .h6 a,
    .home-banner .bi-bookmark,
    .listing-container .icon-bookmark,
    .main-news-slider .progressBarContainer .item .active.h3,
    .main-news-slider .progressBarContainer .item h3.active,
    .main-news-slider .progressBarContainer .slick-current .h3,
    .main-news-slider .progressBarContainer .slick-current h3,
    .main-news-slider .progressBarContainer .slick-current.slick-active .h3,
    .main-news-slider .progressBarContainer .slick-current.slick-active h3,
    .main-type-3 .bookmark-wrapper:hover .icon-bookmark::before,
    .mandatory,
    .my-info label span,
    .my-reports .daterangepicker .calendar-table td.available:hover,
    .share-icons li a:hover,
    h6 a,
    label span,
    label sup,
    p a {
        color: #83273c
    }

.megamenu-header .footer-link-list li a {
    font-weight: 400;
    font-size: 16px
}

.input-group-flex {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center
}

    .input-group-flex input {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        border-bottom: none !important;
        color: #5a5a5a
    }

html[data-theme=dark] .input-group-flex input::-moz-placeholder {
    color: #fff !important
}

html[data-theme=dark] .input-group-flex input::placeholder {
    color: #fff !important
}

.glow-search,
.webchat__stacked-layout__content {
    border-radius: 8px
}

.Photo-album .img-thumb img,
.custom-modal .modal-header,
.feed-answer .poll-content,
.my-reports > div,
.profile-tabs-content .special-list-holder ul li,
.stock-details,
.survey-sec .poll-content,
html[data-theme=dark] .my-reports .daterangepicker .calendar-table {
    border: none
}

html[dir=rtl] .custom-modal .modal-header {
    justify-content: end !important
}

.custom-modal .modal-header .btn-close {
    background: center
}

    .custom-modal .modal-header .btn-close.close-menu {
        background: url(../../assets/images/icons/close-megamenu.svg) 0 0/25px no-repeat;
        opacity: 1
    }

html[dir=rtl] .custom-modal .modal-header .btn-close.close-menu {
    margin: 0
}

html[data-theme=dark] .custom-modal .modal-header .btn-close.close-menu {
    background: url(../../assets/images/popup-closing-yellow.svg) no-repeat
}

.custom-modal .modal-dialog {
    max-width: 800px
}

    .custom-modal .modal-dialog .modal-content {
        padding: 45px;
        border-radius: 0
    }

@media (max-width:991.98px) {
    .social-login-box {
        margin-top: 10px !important
    }

    .footer {
        padding-block-start: 15px !important
    }

    .custom-modal .modal-dialog .modal-content {
        padding: 30px
    }

    .megamenu-header .modal-dialog .footer-menu {
        flex-wrap: wrap;
        justify-content: start !important
    }
}

.custom-modal .modal-dialog .modal-content .mega-footer {
    border-top: 1px solid #dee2e6;
    position: relative
}

    .custom-modal .modal-dialog .modal-content .mega-footer .footer-menu li a {
        color: #1d1d1d;
        font-weight: 100;
        padding-inline: 10px
    }

    .custom-modal .modal-dialog .modal-content .mega-footer .social-media .a2a_kit img[style="background-color:royalblue"] {
        background-color: transparent !important;
        filter: brightness(0)
    }

.dropdownmultiselect html[data-theme=dark] select .noselect span,
.prayer-weather-most-read .weather-condition .info-climate,
.prayer-weather-most-read .weather-condition .info-climate span,
.prayer-weather-most-read .weather-condition .info-date,
.prayer-weather-most-read .weather-condition .info-weather,
.prayer-weather-most-read .weather-details p.text-white,
.weather-widget.night-widget .h6,
.weather-widget.night-widget .weather-condition .info-climate,
.weather-widget.night-widget .weather-condition .info-climate span,
.weather-widget.night-widget .weather-condition .info-date,
.weather-widget.night-widget .weather-condition .info-weather,
.weather-widget.night-widget .weather-details .detail-item p.text-gold,
.weather-widget.night-widget .weather-details .detail-item p.text-white,
.weather-widget.night-widget .weather-location label,
.weather-widget.night-widget h6,
[data-theme=dark] .delete-account .reg-link .text-decoration-underline.disabled,
[data-theme=dark] .mega-footer ul li a i,
html[data-theme=dark] .account-form .form-label + .text-primary-color,
html[data-theme=dark] .account-form .umbraco-forms-label + .text-primary-color,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row.broadage-score-background-none table.broadage-table.broadage-score-table tr.broadage-row td.broadage-inner-cell.broadage-score-wrapper .broadage-score,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row.broadage-score-background-none table.broadage-table.broadage-score-table tr.broadage-row th.broadage-inner-cell.broadage-score-wrapper .broadage-score,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-content .broadage-date-slider-item .broadage-date-slider-button strong,
html[data-theme=dark] .bulletin-list-holder .bulletin-list li a:not(.catgry-time),
html[data-theme=dark] .bulletin-list-holder .bulletin-list li p,
html[data-theme=dark] .custom-modal .modal-dialog .modal-content .mega-footer .social-media .a2a_kit a,
html[data-theme=dark] .custom-modal-bulletin .text-size-action .nav-item .nav-link,
html[data-theme=dark] .custom-multiselect .noselect span,
html[data-theme=dark] .dropdownmultiselect select .noselect span,
html[data-theme=dark] .gallery-item figcaption a:hover,
html[data-theme=dark] .gallery-item:hover figcaption,
html[data-theme=dark] .most-read-holder .most-read-news li .news-num,
html[data-theme=dark] .most-read-holder .most-read-news li .text-black-variant-1,
html[data-theme=dark] .most-read-news span,
html[data-theme=dark] .new-account-form .form-head .h4,
html[data-theme=dark] .new-account-form .form-head h4,
html[data-theme=dark] .new-account-form .reg-link a.disabled,
html[data-theme=dark] .new-account-form .reset-method .h5,
html[data-theme=dark] .new-account-form .reset-method h5,
html[data-theme=dark] .new-account-form label + .text-primary-color,
html[data-theme=dark] .prayer-detail p span,
html[data-theme=dark] .recent-news-holder .recent-news-ul li a,
html[data-theme=dark] .recent-news-holder .sub-news span,
html[data-theme=dark] .text-black,
html[data-theme=dark] .weather-condition .info-climate,
html[data-theme=dark] .weather-condition .info-date,
html[data-theme=dark] .weather-condition .info-weather,
html[data-theme=dark] .weather-details .detail-item p.text-gold,
html[data-theme=dark] .weather-details .detail-item p.text-white,
html[data-theme=dark] .weather-widget .h6,
html[data-theme=dark] .weather-widget h6,
html[data-theme=dark] .weather-widget.night-widget .weather-location select option {
    color: #fff !important
}

.custom-modal .modal-dialog .modal-content .news-card figcaption p {
    white-space: pre-line
}

.custom-modal.live-news-modal .modal-dialog .modal-content {
    background: 0 0;
    padding: 0;
    border: none
}

    .custom-modal.live-news-modal .modal-dialog .modal-content .modal-header .btn-close {
        padding: 0;
        position: absolute;
        inset-inline-end: 40px;
        inset-block-start: 60px;
        z-index: 1;
        opacity: 1
    }

        .custom-modal.live-news-modal .modal-dialog .modal-content .modal-header .btn-close img {
            width: 26px;
            height: 22px
        }

.conferences-detail .viewed-time p,
.custom-modal a,
.custom-modal.live-news-modal .modal-dialog .modal-body,
.description,
.event-listing ul,
.news-details-holder-more .catgry-time a,
.surveySuccess .modal-body {
    padding: 0
}

    .custom-modal a.catgry-time,
    .custom-modal p.catgry-time {
        display: inline-block !important;
        margin-inline-end: 5px;
        font-weight: 700 !important;
        padding: 5px 15px;
        line-height: 14px
    }

html[data-theme=dark] .custom-modal a.catgry-time,
html[data-theme=dark] .custom-modal p.catgry-time,
html[data-theme=light] .custom-modal a.catgry-time,
html[data-theme=light] .custom-modal p.catgry-time {
    background: #f5f5f5
}

.custom-modal .news-widgets-item-right .rsbtn_play:before {
    inset-inline-start: 12px
}

html[dir=rtl] .custom-modal .news-widgets-item-right .rsbtn_play:before {
    inset-inline-start: 8.5px !important
}

.custom-modal-bulletin .modal-dialog {
    max-width: 1024px
}

.custom-modal-bulletin p.modal-body {
    padding-inline: 0
}

.Photo-album .img-holder,
.Photo-album .thumbnail-wrapper,
.Photo-album .thumbnail-wrapper img,
.Photo-album figure,
.bg-primary.Photo-album .col-lg-6 .row,
.card-container article .thumb-img a,
.card-container article .thumb-img a img,
.card-container.light-listing article > div,
.card-container.light-listing article > div figure,
.card-container.light-listing.main-typeone .img-holder .thumbnail-wrapper,
.custom-modal-bulletin .text-size-action .nav-item .nav-link,
.event-listing ul li .nav-link,
.innerpage-slider,
.innerpage-slider .slick-list,
.innerpage-slider .slick-track,
.innerpage-slider .slider-holder,
.innerpage-slider .sliderContainer,
.listing-container .list-row li:first-child article,
.our-training,
.training-contact {
    height: 100%
}

html[data-theme=dark] .custom-modal-bulletin .text-size-action .nav-item .nav-link:hover {
    height: 100%;
    background-color: transparent
}

.custom-modal .modal-header .btn-close,
.custom-modal-bulletin .modal-header .btn-close {
    background-position: center !important
}

.text-size-action {
    border: 1px solid #dee2e6;
    border-radius: 30px;
    margin-inline-end: 10px;
    overflow: hidden;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: -moz-fit-content;
    height: fit-content
}

    .text-size-action .nav-item .nav-link {
        padding-block: 5px;
        display: inline-block;
        padding-inline: 12px;
        font-weight: 700;
        padding: 11px
    }

.catgry-tags {
    padding-block-end: 5px;
    flex-wrap: wrap;
    gap: 5px
}

    .catgry-tags li {
        background-color: #eee;
        margin-inline: 3px;
        border: none;
        border-radius: 0 !important;
        padding-inline: 15px;
        padding-block: 5px;
        font-weight: 600;
        font-size: 12px;
        line-height: 14px
    }

        .catgry-tags li a,
        .weather-widget-light-mode .weather-location .h6,
        .weather-widget-light-mode .weather-location h6,
        .weather-widget-light-mode .weather-location label {
            color: #212529
        }

.megamenu-header .modal-dialog .modal-content {
    border-radius: 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    position: absolute;
    inset-block-start: 120px;
    inset-inline-end: 0
}

.megamenu-header .modal-dialog .modal-header {
    border: 0;
    position: relative;
    padding: 0 !important
}

    .megamenu-header .modal-dialog .modal-header .close-menu {
        position: absolute;
        inset-inline-end: 30px;
        inset-block: 60px;
        z-index: 1;
        background-image: url("../images/icons/mega-close.svg");
        opacity: 1;
        background-size: 25px
    }

.megamenu-header .modal-dialog .modal-body {
    padding: 60px 60px 32px !important;
    position: relative !important
}

    .megamenu-header .modal-dialog .modal-body .menu-big-logo {
        border: 1px solid rgba(0, 0, 0, .03);
        width: 155px;
        height: 145px
    }

    .megamenu-header .modal-dialog .modal-body .mega-footer-media {
        padding-top: 14px
    }

        #intrestsDivData,
        .megamenu-header .modal-dialog .modal-body .mega-footer-media .social-media ul,
        .top-picks .viewed-time {
            flex-wrap: wrap
        }

            .contact-info-list,
            .custom-modal .description + .list-group,
            .megamenu-header .modal-dialog .modal-body .mega-footer-media .social-media ul li,
            .training-contact .card p {
                margin-bottom: 10px
            }

    .custom-modal .description,
    .h6,
    .megamenu-header .modal-dialog .modal-body .mega-footer-img,
    p {
        margin-bottom: 15px
    }

.megamenu-header .modal-dialog .mega-footer {
    border-top: 1px solid rgba(206, 206, 206, .3);
    padding-top: 1.5rem
}

    .megamenu-header .modal-dialog .mega-footer ul li {
        padding-inline: 10px
    }

        .megamenu-header .modal-dialog .mega-footer ul li a {
            text-transform: capitalize;
            font-size: 14px
        }

.dropdownmultiselect html[data-theme=dark] select > .container,
[data-theme=dark] .modal-content,
html[data-theme=dark] #webchat .webchat__css-custom-properties > div:first-child,
html[data-theme=dark] .cookies-popup,
html[data-theme=dark] .custom-multiselect > .container,
html[data-theme=dark] .daterangepicker,
html[data-theme=dark] .dropdownmultiselect select > .container,
html[data-theme=dark] .my-info select {
    background-color: #212121
}

[data-theme=dark] .megamenu-header .modal-dialog .modal-header .close-menu {
    background-image: url("../images/popup-closing-yellow.svg")
}

.videocontainer .modal-dialog {
    max-width: 720px
}

.videocontainer .modal-body {
    padding: 0;
    position: relative
}

.videocontainer button {
    position: absolute;
    inset-inline-end: 0;
    font-size: 30px;
    z-index: 5;
    background-color: transparent;
    color: #fff
}

.delete-account .modal-dialog,
.surveySuccess .modal-dialog {
    max-width: 650px
}

.delete-account .modal-content {
    padding: 30px
}

.delete-account .modal-header,
.surveySuccess .modal-header {
    border: 0;
    padding: 0
}

    .delete-account .modal-header .btn-close,
    .surveySuccess .modal-header .btn-close {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237e2d3d'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
        opacity: 1 !important;
        box-shadow: none !important
    }

html[data-theme=dark] .delete-account .modal-header .btn-close,
html[data-theme=dark] .surveySuccess .modal-header .btn-close {
    background-image: url(../images/popup-closing-yellow2.svg)
}

.delete-account .modal-body textarea {
    border-radius: 8px;
    border: 1px solid rgba(200, 200, 200, .4);
    resize: none
}

html[data-theme=dark] .delete-account .modal-body textarea,
html[data-theme=dark] .otp-input input {
    background-color: transparent;
    color: #fff !important
}

.delete-account .modal-body textarea:focus-visible {
    box-shadow: none;
    outline: 0
}

.delete-account .modal-body .delete-icon {
    background-color: #e3443a;
    border-radius: 100%;
    width: 98px;
    height: 98px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

    .delete-account .modal-body .delete-icon i {
        color: #fff;
        font-weight: 400 !important;
        font-size: 40px;
        display: grid;
        justify-content: center;
        align-items: center;
        justify-items: center;
        align-content: center;
        height: 100%
    }

.delete-account .modal-body .log-list ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px
}

    .delete-account .modal-body .log-list ul li::before {
        display: inline-block;
        content: "";
        width: 16px;
        height: 16px;
        background-color: #f72e2e;
        -webkit-mask-image: url(../images/check-icon.svg);
        mask-image: url(../images/check-icon.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain
    }

html[data-theme=dark] .cookies-popup .cookies-close,
html[data-theme=dark] .delete-account .modal-body .log-list ul li::before,
html[data-theme=dark] .main-news-slider .progressBarContainer .item span.progressBar .inProgress,
html[data-theme=dark] .news-catgry-tab-holder .tab-content .bulletin-list-holder .bulletin-list li p:before,
html[data-theme=dark] .vision-holder-document .document-holder .download-doc a::after {
    background-color: #ffc04b
}

.delete-account .modal-footer,
.surveySuccess .modal-footer {
    border: 0;
    justify-content: center
}

    .delete-account .modal-footer .cancel {
        border: 1px solid #c8c8c8
    }

    .delete-account .modal-footer .btn-primary {
        background-color: #e3443a;
        border: 1px solid #e3443a
    }

.delete-account .reg-link .text-decoration-underline.disabled {
    color: #212529 !important;
    text-decoration: none !important;
    font-weight: 400 !important
}

.conference-item figcaption,
.surveySuccess .modal-content {
    padding: 24px
}

.surveySuccess .modal-body p {
    color: rgba(27, 32, 36, .8)
}

.surveySuccess .modal-body .success-icon {
    border-radius: 100%;
    width: 98px;
    height: 98px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.surveySuccess .modal-footer button {
    padding: 15px 50px
}

.slick-slider.news-updates-slider .slick-track,
.social-links .a2a_more span,
.survey-sec .nav-tabs .survey-tabSecond {
    display: flex;
    align-items: center
}

.slick-slider.news-updates-slider .slick-slide {
    display: flex;
    align-items: center;
    min-height: 50px !important
}

.slick-slider.news-updates-slider .slick-arrow {
    inset-block-start: 50%;
    transform: translate(0, -50%)
}

.main-news-slider .slick-slider .slider-content {
    position: relative;
    color: #fff;
    font-size: 30px
}

    .main-news-slider .slick-slider .slider-content .main-news-link img {
        width: 100%;
        aspect-ratio: 10/8;
        object-fit: cover
    }

    .main-news-slider .slick-slider .slider-content .slider-text {
        position: absolute;
        z-index: 1;
        inset-inline-start: 0px;
        inset-block-end: 0px;
        padding-block: 40px;
        padding-inline: 40px;
        background: linear-gradient(358.65deg, rgba(0, 0, 0, .68) 6.23%, rgba(0, 0, 0, .28) 85.62%);
        width: 100%
    }

@media (max-width:767.98px) {
    .megamenu-header .modal-body > .row .col-lg-4 .footer-link-list {
        width: 100% !important
    }

        .megamenu-header .modal-body > .row .col-lg-4 .footer-link-list a {
            font-size: 12px !important
        }

    .download-content {
        padding-block: 25px
    }

        .download-content .h5,
        .download-content h5 {
            margin-bottom: 10px !important
        }

    .pagination-holder .page-item:first-child.disabled,
    .pagination-holder .page-item:last-child.disabled {
        display: none
    }

    .d-md-none,
    .pagination-holder .page-item:nth-child(2).disabled,
    .pagination-holder .page-item:nth-last-child(2).disabled {
        display: none
    }

    .megamenu-mob ul li {
        padding-inline: 15px !important
    }

        .megamenu-mob ul li.mega-menu-bar {
            display: flex;
            align-items: center;
            justify-content: center
        }

    .mb-32 {
        margin-bottom: 20px
    }

    .mt-32 {
        margin-top: 20px
    }

    .mb-24 {
        margin-bottom: 16px
    }

    .flex-md-nowrap {
        flex-wrap: nowrap
    }

    .section-title.mb-5,
    .umbraco-forms-field-wrapper textarea.section-title {
        margin-bottom: 1rem !important
    }

    .footer .h5,
    .footer h5 {
        margin-bottom: 5px !important;
        padding-bottom: 0 !important
    }

    .footer-link-list {
        width: 33.3%;
        margin-bottom: 1rem
    }

    .umbraco-forms-field-wrapper footer .col-lg-6 > .checkboxlist,
    footer .col-lg-6 > .d-flex,
    footer .umbraco-forms-field-wrapper .col-lg-6 > .checkboxlist {
        flex-wrap: wrap !important;
        flex-direction: row !important
    }

    footer .footer-link-list {
        margin-bottom: 1.5rem !important
    }

    .custom-modal .modal-title > .d-flex,
    .custom-modal .umbraco-forms-field-wrapper .modal-title > .checkboxlist,
    .umbraco-forms-field-wrapper .custom-modal .modal-title > .checkboxlist {
        flex-direction: column !important;
        justify-content: start !important
    }

    .megamenu-header .modal-dialog .modal-header .close-menu {
        inset-inline-end: 15px;
        inset-block: 15px
    }

    .main-news-slider .slick-slider .slider-content .slider-text {
        padding-block: 10px;
        padding-inline: 25px
    }
}

@media (max-width:575.98px) {
    .header .hamburger-btn .hamburger {
        margin-inline-start: 0
    }

    .card-container article .viewed-time .col {
        display: flex;
        align-items: center;
        gap: 5px
    }

    .card-container article .viewed-time p {
        margin-inline-end: 0 !important;
        max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .card-container article .viewed-time span.fs-14 {
        font-size: 12px !important
    }

    .megamenu-header .footer-link-list li a {
        font-size: 13px
    }

    .custom-modal .modal-dialog .modal-content {
        padding: 15px
    }

    .main-news-slider .slick-slider .slider-content .slider-text {
        padding-block: 0px;
        padding-inline: 10px
    }

        .main-news-slider .slick-slider .slider-content .slider-text .h3,
        .main-news-slider .slick-slider .slider-content .slider-text h3 {
            font-size: 16px
        }

        .main-news-slider .slick-slider .slider-content .slider-text p {
            font-size: 12px
        }
}

#SearchResults .result-wrapper .search-card:hover .search-content .content-details .bulletin-details-btn-details,
#SearchResults .result-wrapper .search-card:hover .search-content .content-details .h4 a,
#SearchResults .result-wrapper .search-card:hover .search-content .content-details h4 a,
#logout-button,
.bulletin-list-holder .bulletin-list li a:not(.catgry-time):hover,
.description.document-holder li a:hover,
.listing-container .list-row li article:hover figcaption a,
.listing-img:hover figure .h6,
.listing-img:hover figure h6,
.main-news-slider .slick-slider .slider-content:hover .h2,
.main-news-slider .slick-slider .slider-content:hover h2,
.most-read-holder .most-read-news li .text-black-variant-1:hover,
.most-read-holder .most-read-news li .text-black-variant-1a:hover,
.news-card:hover figcaption a,
.news-details .related-news-holder-content a:hover,
.recent-news-holder .recent-news-ul li a:hover,
.recent-news-holder.inline-end-part .sub-news:hover .h4,
.recent-news-holder.inline-end-part .sub-news:hover .h6,
.recent-news-holder.inline-end-part .sub-news:hover h4,
.recent-news-holder.inline-end-part .sub-news:hover h6,
.sliding-text-holder.align-items-lg-center .text-black-80:hover,
.small-head-line:hover,
.useful-link-item figure:hover figcaption .h6,
.useful-link-item figure:hover figcaption h6 {
    text-decoration: underline
}

.main-news-slider .slick-slider .slick-arrow {
    inset-block-start: 40%;
    border-radius: 0;
    background: rgba(169, 169, 169, .8392156863);
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 100px;
    border: none;
    opacity: 1
}

    .main-news-slider .slick-slider .slick-arrow.slick-prev {
        background-image: url(../../assets/images/icons/prev-white.svg);
        inset-inline-end: auto;
        inset-inline-start: 0;
        z-index: 1
    }

    .main-news-slider .slick-slider .slick-arrow.slick-next {
        background-image: url(../../assets/images/icons/next-white.svg);
        inset-inline-end: 0;
        inset-inline-start: auto
    }

.slick-slider .slick-arrow {
    border: 1px solid rgba(48, 48, 48, .4);
    background-color: #efefef;
    display: block;
    height: 34px;
    width: 34px;
    outline: 0;
    color: transparent;
    cursor: pointer;
    border-radius: 50%;
    transition: opacity .4s;
    position: absolute;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    opacity: .7;
    z-index: 1 !important
}

.btn,
.btn:focus,
.btn:hover,
a:hover {
    transition: .3s
}

.slick-slider .slick-arrow.slick-disabled {
    cursor: not-allowed;
    background-color: rgba(146, 145, 145, .3) !important;
    border: 0 !important
}

.slick-slider .slick-arrow:hover {
    background-color: hsl(0, .16%, 78.65%);
    opacity: 1
}

.slick-slider .slick-arrow.slick-prev {
    background-image: url(../../assets/images/icons/left.svg);
    inset-inline-end: 45px;
    inset-inline-start: auto;
    z-index: 1 !important
}

.slick-slider .slick-arrow.slick-next {
    background-image: url(../../assets/images/icons/right.svg);
    inset-inline-end: 0;
    inset-inline-start: auto
}

.news-tag {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    inset-inline-end: 103px;
    z-index: 1;
    background-color: rgba(177, 177, 177, .2);
    border-radius: 30px;
    font-size: 14px;
    padding-inline: 12px;
    padding-block: 6px;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    line-height: 26px;
    width: fit-content;
}

    .news-tag + .news-updates-slider {
        padding-inline-end: 250px
    }

.main-news-slider .progressBarContainer {
    margin-block-start: 15px;
    inset-inline: 0
}

    .main-news-slider .progressBarContainer .slick-current .progressBar {
        background-color: #83273c !important;
        animation: 6s ease-in-out width-animation !important
    }

    .main-news-slider .progressBarContainer .slick-current.slick-active .progressBar {
        background-color: #83273c;
        animation: 1s ease-in animateThis
    }

    .main-news-slider .progressBarContainer .item {
        display: block;
        padding: 0;
        cursor: pointer;
        padding-inline-end: 20px;
        color: #333
    }

        .main-news-slider .progressBarContainer .item:last-child,
        html[dir=rtl] .mobile-input .mr-pxrtl-5 {
            margin-right: 0
        }

        .custom-multiselect.active > .container,
        .dropdownmultiselect select.active > .container,
        .main-news-slider .progressBarContainer .item img,
        figure img {
            border: 1px solid #dee2e6
        }

        .main-news-slider .progressBarContainer .item .h3,
        .main-news-slider .progressBarContainer .item h3 {
            font-size: 16px;
            line-height: 22px
        }

        .main-news-slider .progressBarContainer .item span.progressBar {
            width: 100%;
            height: 4px;
            background-color: rgba(0, 0, 0, .1019607843);
            display: block;
            margin-block-end: 10px
        }

            .main-news-slider .progressBarContainer .item span.progressBar .inProgress {
                background-color: #83273c;
                width: 0%;
                height: 4px
            }

    .main-news-slider .progressBarContainer .slick-list .slick-track:has(.item.slick-slide:not([data-slick-index="3"])) {
        margin: 0
    }

    .main-news-slider .progressBarContainer .slick-list .slick-track:not(:has(.item.slick-slide[data-slick-index="3"])) {
        transform: translate3d(0, 0, 0) !important
    }

.currency-details-slider .slick-arrow {
    inset-block-start: 1rem;
    background-color: transparent !important
}

.btn,
.btn[disabled] {
    background-color: #83273c;
    color: #fff
}

html[data-theme=dark] .error-search input::-moz-placeholder {
    color: #fff
}

html[data-theme=dark] .error-search input::placeholder {
    color: #fff
}

.btn {
    display: inline-block;
    padding-block: 10px;
    padding-inline: 30px
}

    .btn[disabled] {
        cursor: not-allowed;
        opacity: .8
    }

    .btn:hover {
        outline: 0;
        background-color: #670d22
    }

    .btn:focus {
        outline: 0
    }

.btn-outline-primary {
    background-color: none;
    border-color: #83273c;
    color: #83273c
}

.btn-with-download {
    position: relative;
    padding-inline-start: 10px;
    padding-inline-end: 36px
}

    .btn-with-download:after {
        content: "";
        position: absolute;
        background-image: url(../../assets/images/download.svg);
        background-position: 0 center;
        background-repeat: no-repeat;
        inset-block-start: 0px;
        inset-inline-end: 0;
        width: 32px;
        height: 100%;
        filter: brightness(900%)
    }

html[dir=rtl] .btn-with-download:after {
    background-position: right center
}

.btn-with-download:hover:after {
    filter: brightness(900%)
}

html[data-theme=dark] .btn-with-download:hover:after {
    filter: brightness(0)
}

.btn-outline-black {
    background-color: none;
    border-color: #222;
    color: #83273c
}

.btn-social.apple-icon:focus,
.btn-social.facebook-icon:focus,
.btn-social.google-icon:focus,
.btn-social.twitter-icon:focus,
.btn-social:hover::before,
html[data-theme=dark] .btn-outline-black,
html[data-theme=dark] .my-reports-download ul li .download-pdf a span:after,
html[data-theme=dark] .profile-tabs-button button span,
html[data-theme=dark] .select-date span:after {
    background-color: #fff
}

    .form-step li.active a span,
    .form-step li.active span,
    .form-step li.done a span,
    .form-step-item.active a span,
    .form-step-item.active span,
    .form-step-item.done a span,
    .share-icons li a,
    .steps li.active a span,
    .steps li.active span,
    .steps li.done a span,
    .steps-item.active a span,
    .steps-item.active span,
    .steps-item.done a span,
    .toFixed .form-step-holder li .h4,
    .toFixed .form-step-holder li h4,
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .useful-link-item figure .h6 a:hover,
    .useful-link-item figure h6 a:hover,
    .weather-widget.night-widget .weather-location select option,
    html[data-theme=dark] .btn-outline-black:focus,
    html[data-theme=dark] .btn-outline-black:hover,
    html[data-theme=dark] .chatbot .systemMessage,
    html[data-theme=dark] .daterangepicker .calendar-table table,
    html[data-theme=dark] .events-tabs button.active:hover {
        color: #000
    }

.btn-outline-black:hover {
    background-color: #222;
    color: #fff
}

.btn.login-btn {
    background-color: #d7bc89;
    border-radius: 0;
    padding-block: 10px;
    padding-inline: 10px;
    margin-inline-start: 15px;
    font-size: 15px;
    font-weight: 700;
    color: #3a3a3a;
    height: 50px;
    display: flex;
    align-items: center
}

html[data-theme=dark] .btn.login-btn,
html[data-theme=dark] .btn.login-btn.watch-more-login,
html[data-theme=dark] .btn.login-btn.watch-more-login a {
    color: #3a3a3a !important
}

.btn.login-btn .word-wrap {
    max-width: 150px;
    overflow: hidden
}

@media (max-width:575.98px) {
    .btn.login-btn .word-wrap {
        max-width: 80px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .btn-social.apple-icon,
    .btn-social.facebook-icon,
    .btn-social.google-icon,
    .btn-social.twitter-icon {
        padding: 15px 30px !important
    }

    html[lang=en] .btn-social.apple-icon,
    html[lang=en] .btn-social.facebook-icon,
    html[lang=en] .btn-social.google-icon,
    html[lang=en] .btn-social.twitter-icon {
        padding: 15px 0 !important
    }

    html[lang=es] .btn-social.apple-icon,
    html[lang=es] .btn-social.facebook-icon,
    html[lang=es] .btn-social.google-icon,
    html[lang=es] .btn-social.twitter-icon {
        padding-inline: 0 !important
    }
}

@media (max-width:450px) {
    .btn.login-btn .word-wrap {
        max-width: 40px;
        display: inline-block
    }
}

@media (max-width:414px) {
    .btn.login-btn .word-wrap {
        display: none
    }

    .minister-card .item-end .minister-desp .h6,
    .minister-card .item-end .minister-desp h6 {
        max-width: 120px;
        font-size: 16px
    }
}

.btn.login-btn.watch-more-login {
    border-radius: 50px;
    padding-block: 10px;
    padding-inline: 13px;
    font-size: 15px;
    position: initial;
    font-weight: 700
}

.btn.login-btn img {
    padding-inline-end: 4px
}

.btn.login-btn:hover {
    background-color: #c9a35a
}

.btn.load-more {
    background-color: #fafafa;
    border-radius: 0
}

    .btn.load-more:hover {
        border: 1px solid #83273c !important
    }

.btn.btn-hearing {
    border-radius: 50%;
    width: 36px;
    height: 33px;
    padding: 0;
    background: #d9d9d9
}

.btn-light {
    color: #232323;
    background: rgba(177, 177, 177, .2)
}

.btn-subscribe {
    padding: 0;
    background: #83273c;
    color: #fff;
    height: 44px;
    flex: 0 0 40px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.umbraco-forms-field-wrapper html[data-theme=dark] .account-form .checkboxlist label,
html[data-theme=dark] .account-form .form-label,
html[data-theme=dark] .account-form .remember-check label,
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper .checkboxlist label,
html[data-theme=dark] .account-form .umbraco-forms-label,
html[data-theme=dark] .btn-light {
    color: #fff
}

.btn-scrollTop {
    padding: 5px 10px;
    position: fixed;
    inset-inline-end: 24px;
    bottom: 94px;
    opacity: 0;
    background-color: #83273c !important;
    color: #fff !important;
    border: 0 !important
}

    .btn-scrollTop.active {
        visibility: visible;
        opacity: 1
    }

.new-account-form .form-head {
    padding-block-end: 40px
}

.new-account-form .social-login-box {
    padding-inline: 60px;
    padding-block: 50px
}

    .new-account-form .social-login-box .reg-link {
        color: #fff;
        font-size: 13px;
        font-weight: 700
    }

html[data-theme=dark] .new-account-form .social-login-box {
    background-color: #212121 !important;
    border: 1px solid #fff
}

.new-account-form .mobile-input .mobile-code {
    padding-left: 0 !important;
    padding-right: 0 !important;
    opacity: 0
}

.new-account-form .mobile-input .iti__selected-flag {
    border: 1px solid #dee2e6;
    border-radius: .375rem !important
}

.btn-social {
    background-color: #fff;
    color: #000;
    font-size: 15px !important
}

    .btn-social.facebook-icon::before {
        -webkit-mask-image: url(../../assets/images/fb.svg);
        mask-image: url(../../assets/images/fb.svg)
    }

    .btn-social.twitter-icon::before {
        -webkit-mask-image: url(../../assets/images/icons/twitter.svg);
        mask-image: url(../../assets/images/icons/twitter.svg)
    }

    .btn-social.google-icon::before {
        -webkit-mask-image: url(../../assets/images/google.svg);
        mask-image: url(../../assets/images/google.svg)
    }

    .btn-social.apple-icon::before {
        -webkit-mask-image: url(../../assets/images/apple.svg);
        mask-image: url(../../assets/images/apple.svg)
    }

    .btn-social.apple-icon,
    .btn-social.facebook-icon,
    .btn-social.google-icon,
    .btn-social.twitter-icon {
        display: flex;
        align-items: center;
        justify-content: start
    }

        .btn-social.apple-icon::before,
        .btn-social.facebook-icon::before,
        .btn-social.google-icon::before,
        .btn-social.twitter-icon::before {
            display: inline-flex;
            margin-inline-end: 10px;
            margin-inline-start: 20%;
            content: "";
            width: 18px;
            height: 18px;
            background-color: #000;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            mask-size: contain
        }

@media (max-width:575.98px) {
    .btn-social.apple-icon::before,
    .btn-social.facebook-icon::before,
    .btn-social.google-icon::before,
    .btn-social.twitter-icon::before {
        margin-inline-end: 8px;
        margin-inline-start: 15px
    }

    .form-step-wraper,
    .steps-wraper {
        display: none
    }
}

@media (min-width:480px) and (max-width:767px) {
    .btn-social.apple-icon::before,
    .btn-social.facebook-icon::before,
    .btn-social.google-icon::before,
    .btn-social.twitter-icon::before {
        margin-inline-start: 33.3 !important
    }
}

html[dir=rtl] .btn-social.apple-icon::before,
html[dir=rtl] .btn-social.facebook-icon::before,
html[dir=rtl] .btn-social.google-icon::before,
html[dir=rtl] .btn-social.twitter-icon::before {
    margin-inline-start: 9%
}

.btn-social:hover {
    background-color: #7c1a31 !important;
    color: #fff !important
}

    .btn-social:hover.twitter-icon img {
        filter: invert(1)
    }

.account-form .remember-check .form-check-input[type=checkbox],
.account-form .remember-check .umbraco-forms-field-wrapper input[type=checkbox],
.account-form .umbraco-forms-field-wrapper .checkboxlist .form-check-input[type=checkbox],
.account-form .umbraco-forms-field-wrapper .checkboxlist .umbraco-forms-field-wrapper input[type=checkbox],
.remember-check .form-check-input[type=checkbox],
.remember-check .umbraco-forms-field-wrapper input[type=checkbox],
.umbraco-forms-field-wrapper .account-form .checkboxlist .form-check-input[type=checkbox],
.umbraco-forms-field-wrapper .account-form .checkboxlist input[type=checkbox],
.umbraco-forms-field-wrapper .account-form .remember-check input[type=checkbox],
.umbraco-forms-field-wrapper .checkboxlist .form-check-input[type=checkbox],
.umbraco-forms-field-wrapper .checkboxlist input[type=checkbox],
.umbraco-forms-field-wrapper .remember-check input[type=checkbox] {
    border-radius: 0;
    padding: 10px
}

    .account-form .remember-check .form-check-input[type=checkbox]:focus,
    .account-form .remember-check .umbraco-forms-field-wrapper input[type=checkbox]:focus,
    .account-form .umbraco-forms-field-wrapper .checkboxlist .form-check-input[type=checkbox]:focus,
    .account-form .umbraco-forms-field-wrapper .checkboxlist .umbraco-forms-field-wrapper input[type=checkbox]:focus,
    .dropdownmultiselect select:focus,
    .form-control:focus,
    .remember-check .form-check-input[type=checkbox]:focus,
    .remember-check .umbraco-forms-field-wrapper input[type=checkbox]:focus,
    .umbraco-forms-field-wrapper .account-form .checkboxlist .form-check-input[type=checkbox]:focus,
    .umbraco-forms-field-wrapper .account-form .checkboxlist input[type=checkbox]:focus,
    .umbraco-forms-field-wrapper .account-form .remember-check input[type=checkbox]:focus,
    .umbraco-forms-field-wrapper .checkboxlist .form-check-input[type=checkbox]:focus,
    .umbraco-forms-field-wrapper .checkboxlist input[type=checkbox]:focus,
    .umbraco-forms-field-wrapper .remember-check input[type=checkbox]:focus,
    .umbraco-forms-field-wrapper input:focus,
    .umbraco-forms-field-wrapper select:focus,
    .umbraco-forms-field-wrapper textarea:focus {
        border-color: #dee2e6;
        outline: 0;
        box-shadow: none
    }

.account-form .remember-check label,
.account-form .umbraco-forms-field-wrapper .checkboxlist label,
.remember-check label,
.umbraco-forms-field-wrapper .account-form .checkboxlist label,
.umbraco-forms-field-wrapper .checkboxlist label {
    vertical-align: sub;
    padding-inline-start: 10px
}

.account-form .form-login-btn:hover,
.reports-item figure figcaption .read-more button:hover {
    background-color: #670d22;
    color: #fff
}

.account-form .form-label,
.account-form .umbraco-forms-label {
    vertical-align: sub
}

.dropdownmultiselect html[data-theme=dark] .account-form select,
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form input,
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form select,
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form textarea,
html[data-theme=dark] .account-form .dropdownmultiselect select,
html[data-theme=dark] .account-form .form-control,
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper input,
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper select,
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper textarea {
    background-color: transparent;
    border: 1px solid grey;
    color: #fff
}

.account-form .dropdownmultiselect select::-moz-placeholder,
.account-form .form-control::-moz-placeholder,
.account-form .umbraco-forms-field-wrapper input::-moz-placeholder,
.account-form .umbraco-forms-field-wrapper select::-moz-placeholder,
.account-form .umbraco-forms-field-wrapper textarea::-moz-placeholder,
.dropdownmultiselect .account-form select::-moz-placeholder,
.umbraco-forms-field-wrapper .account-form input::-moz-placeholder,
.umbraco-forms-field-wrapper .account-form select::-moz-placeholder,
.umbraco-forms-field-wrapper .account-form textarea::-moz-placeholder {
    font-size: 16px;
    opacity: 1
}

.account-form .dropdownmultiselect select::placeholder,
.account-form .form-control::placeholder,
.account-form .umbraco-forms-field-wrapper input::placeholder,
.account-form .umbraco-forms-field-wrapper select::placeholder,
.account-form .umbraco-forms-field-wrapper textarea::placeholder,
.dropdownmultiselect .account-form select::placeholder,
.umbraco-forms-field-wrapper .account-form input::placeholder,
.umbraco-forms-field-wrapper .account-form select::placeholder,
.umbraco-forms-field-wrapper .account-form textarea::placeholder {
    font-size: 16px;
    opacity: 1
}

.dropdownmultiselect html[data-theme=dark] .account-form select::-moz-placeholder,
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form input::-moz-placeholder,
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form select::-moz-placeholder,
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form textarea::-moz-placeholder,
html[data-theme=dark] .account-form .dropdownmultiselect select::-moz-placeholder,
html[data-theme=dark] .account-form .form-control::-moz-placeholder,
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper input::-moz-placeholder,
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper select::-moz-placeholder,
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper textarea::-moz-placeholder {
    color: #fff
}

.dropdownmultiselect html[data-theme=dark] .account-form select::placeholder,
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form input::placeholder,
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form select::placeholder,
.umbraco-forms-field-wrapper html[data-theme=dark] .account-form textarea::placeholder,
html[data-theme=dark] .account-form .dropdownmultiselect select::placeholder,
html[data-theme=dark] .account-form .form-control::placeholder,
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper input::placeholder,
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper select::placeholder,
html[data-theme=dark] .account-form .umbraco-forms-field-wrapper textarea::placeholder {
    color: #fff
}

.account-form .info-eg {
    font-size: 12px;
    position: absolute;
    inset-inline-end: 25px;
    inset-block-start: 55px
}

.account-form .reset-method {
    border: 1px solid rgba(48, 48, 48, .2);
    padding: 40px
}

html[data-theme=dark] .account-form .reset-method {
    border: 1px solid rgba(207, 207, 207, .15)
}

.otp-input {
    margin: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    width: 100%
}

    .otp-input input {
        display: inline-block;
        border: 1px solid #c8c8c8;
        border-radius: 4px;
        width: 60px;
        height: 45px;
        margin-inline: 4px;
        text-align: center;
        font-weight: 600
    }

        .otp-input input:focus-visible {
            outline: #83273C solid 1px
        }

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.filter-style {
    width: 250px;
    height: 45px
}

.umbraco-forms-field-wrapper html[data-theme=dark] .checkboxlist .form-check-input[type=checkbox],
.umbraco-forms-field-wrapper html[data-theme=dark] .checkboxlist input[type=checkbox],
.umbraco-forms-field-wrapper html[data-theme=dark] .remember-check input[type=checkbox],
html[data-theme=dark] .remember-check .form-check-input[type=checkbox],
html[data-theme=dark] .remember-check .umbraco-forms-field-wrapper input[type=checkbox],
html[data-theme=dark] .umbraco-forms-field-wrapper .checkboxlist .form-check-input[type=checkbox],
html[data-theme=dark] .umbraco-forms-field-wrapper .checkboxlist .umbraco-forms-field-wrapper input[type=checkbox] {
    background-color: transparent;
    border: 1px solid #fff !important
}

.my-info .interest-check .form-check-input:checked,
.my-info .interest-check .umbraco-forms-field-wrapper input[type=checkbox]:checked,
.remember-check .form-check-input[type=checkbox]:checked,
.remember-check .umbraco-forms-field-wrapper input[type=checkbox]:checked,
.umbraco-forms-field-wrapper .checkboxlist .form-check-input[type=checkbox]:checked,
.umbraco-forms-field-wrapper .checkboxlist input[type=checkbox]:checked,
.umbraco-forms-field-wrapper .my-info .interest-check input[type=checkbox]:checked,
.umbraco-forms-field-wrapper .remember-check input[type=checkbox]:checked,
.umbraco-forms-field-wrapper input[type=checkbox]:checked {
    background-color: #83273c;
    border-color: #83273c
}

.umbraco-forms-field-wrapper html[data-theme=dark] .checkboxlist label,
html[data-theme=dark] .page-heading.h4,
html[data-theme=dark] .remember-check label,
html[data-theme=dark] .text-dark-grey,
html[data-theme=dark] .umbraco-forms-field-wrapper .checkboxlist label,
html[data-theme=dark] h4.page-heading {
    color: #fff
}

.umbraco-forms-field-wrapper html[dir=rtl] .checkboxlist,
html[dir=rtl] .remember-check,
html[dir=rtl] .umbraco-forms-field-wrapper .checkboxlist {
    padding-inline: 25px 0
}

    .umbraco-forms-field-wrapper html[dir=rtl] .checkboxlist .form-check-input,
    .umbraco-forms-field-wrapper html[dir=rtl] .checkboxlist input[type=checkbox],
    .umbraco-forms-field-wrapper html[dir=rtl] .remember-check input[type=checkbox],
    html[dir=rtl] .remember-check .form-check-input,
    html[dir=rtl] .remember-check .umbraco-forms-field-wrapper input[type=checkbox],
    html[dir=rtl] .umbraco-forms-field-wrapper .checkboxlist .form-check-input,
    html[dir=rtl] .umbraco-forms-field-wrapper .checkboxlist .umbraco-forms-field-wrapper input[type=checkbox] {
        float: right;
        margin-inline: -1.5em 0
    }

.card-container figure,
.main-type-3 .list-row li .social-btn,
.training-programs-item figure,
.useful-link-item figure,
[class*=" icon-"]:before,
[class^=icon-]:before,
ul {
    margin: 0
}

input[type=date] {
    position: relative;
    inset-inline-start: 0;
    padding-inline-end: 40px !important;
    background-image: url(../../assets/images/maroon-date-icon.svg) !important;
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    inset-inline-end: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left
}

html[data-theme=dark] input[type=date] {
    background-image: url(../../assets/images/yellow-date-icon.svg) !important
}

input[type=date i]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    left: 0
}

html[dir=rtl] input[type=date] {
    background-position: 16px center;
    text-align: right
}

html[data-theme=dark] input[type=date i]::-webkit-calendar-picker-indicator {
    background-image: url(../../assets/images/yellow-date-icon.svg) !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

html[data-theme=dark] input:-webkit-autofill,
html[data-theme=dark] input:-webkit-autofill:active,
html[data-theme=dark] input:-webkit-autofill:focus,
html[data-theme=dark] input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #212121 inset !important
}

body,
html {
    margin: 0;
    min-height: 100%
}

    body[dir=rtl],
    html[dir=rtl],
    html[dir=rtl] .chatbot {
        direction: rtl
    }

body {
    font-size: 14px;
    font-weight: 400;
    background: #fff
}

html[dir=rtl] body {
    direction: rtl;
    font-family: "Noto Kufi Arabic", sans-serif
}

@media (min-width:1600px) {
    .container-lg {
        max-width: 1464px
    }

    .recent-news .scrollable-list {
        height: 800px !important
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .container-lg {
        max-width: 1180px
    }
}

ul {
    padding: 0
}

li {
    list-style: none
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    text-decoration: none
}

.form-control,
.umbraco-forms-field-wrapper input,
.umbraco-forms-field-wrapper select,
.umbraco-forms-field-wrapper textarea {
    padding: 15px 20px
}

.page-heading.h4,
h4.page-heading {
    font-size: 18px;
    color: #83273c;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.5
}

@media screen and (max-width:1540px) {
    .f-18 {
        font-size: 16px
    }
}

.conferences-detail .news-details-holder .conference-date,
.conferences-detail .news-details-holder .conference-location,
.f-15,
.fs-15 {
    font-size: 15px
}

@media (min-width:1200px) and (max-width:1414px) {
    .container-lg {
        max-width: 1110px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .container-lg {
        max-width: 900px
    }
}

html[dir=rtl] .pe-2 {
    padding-right: 0 !important;
    padding-left: .5rem !important
}

.umbraco-forms-field-wrapper html[dir=rtl] input[type=checkbox],
html[dir=rtl] .me-2,
html[dir=rtl] .umbraco-forms-field-wrapper input[type=checkbox] {
    margin-right: 0 !important;
    margin-left: .5rem !important
}

.new-account-form .text-danger {
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.h6 a:hover,
h6 a:hover,
p a:hover {
    color: #83273c;
    text-decoration: underline
}

.info-box {
    position: relative;
    padding-inline-start: 27px
}

    .info-box .bi {
        position: absolute;
        inset-inline-start: 0;
        inset-block-start: 0;
        font-size: 18px
    }

    .info-box p {
        line-height: 1.3;
        font-size: 14px
    }

.gap-20 {
    gap: 20px !important
}

#webchat .webchat__bubble .webchat__bubble__content {
    background-color: inherit !important
}

:focus,
:focus-visible {
    outline: #edb420 solid 3px !important;
    border-radius: 2px
}

.skip-link {
    visibility: hiddle;
    padding: 5px 20px
}

    .skip-link:focus,
    .skip-link:focus-visible {
        display: block;
        visibility: visible;
        text-align: center;
        font-size: 20px;
        color: #edb420
    }

#Subscribe-email {
    overflow: hidden;
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
    margin-inline-start: 2px
}

.recent-news-holder .recent-news-ul li img,
.recent-news-holder .sub-news a img {
    border: 1px solid #dee2e6;
    margin-block-end: 20px
}

.switch.btn-toogle {
    width: 24px;
    height: 26px;
    margin: 0 !important;
    padding: 0
}

.switch::after {
    inset-block: 2px !important;
    inset-inline-end: 0 !important
}

.on-gallery {
    opacity: 0;
    width: 0;
    height: 0
}

html[dir=rtl] .iti--separate-dial-code .iti__selected-dial-code {
    direction: ltr;
    margin-inline: 6px 3px
}

.iti__flag-container {
    width: 94%;
    top: -2px
}

    .iti__flag-container .iti__flag,
    .long-arrow,
    .memory-frame .slick-slider.news-updates-slider .slick-slide,
    .memory-frame .slick-slider.news-updates-slider-M .slick-slide,
    .my-reports .always-open .daterangepicker,
    .owl-nav,
    .profile .profile-tabs-content .filter-search,
    .weather-widget.night-widget .weather-condition .condition-img .night-version-images,
    .weather-widget.night-widget .weather-details .detail-item .dark-mode-images,
    .webchat__stacked-layout__message-row,
    .webchat__stacked-layout__status {
        display: block !important
    }

.ad-widget article figure img,
.img-holder video,
.link-listing ul li,
.my-reports-download.full-width li,
.news-points,
html[dir=rtl] .iti__flag-container {
    width: 100%
}

.broadage-league-info {
    color: #83273c !important;
    font-weight: 700 !important
}

.broadage-footer-logo,
.broadage-tournament-image.broadage-cfix img,
.fc-content-skeleton table tbody,
.more-desp p:empty,
.news-widgets-item-right .rsbtn_right::before,
.rsbtn_toolpanel.vertical,
.weather-widget.night-widget .weather-details .detail-item .light-mode-images {
    display: none !important
}

.broadage-icons.flaticon-soccer {
    color: #83273c !important;
    margin-left: 0 !important
}

.broadage-live-match-circle {
    border-color: #83273c !important
}

.broadage-content-wrapper {
    border: 1px solid #f6f6f6 !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item + .broadage-livescore-content-item,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item:first-child,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item:last-child {
    border-bottom: 1px solid #333 !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-league-filter-dropdown .flaticon-down-arrow,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-stage-wrapper .broadage-head-container.broadage-align-center .broadage-tournament-name span.broadage-head-stage-info,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-stage-wrapper .broadage-head-container.broadage-align-center .broadage-tournament-name span.broadage-league-info,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-stage-wrapper.broadage-left-side .broadage-head-container.broadage-align-center .broadage-tournament-image .broadage-icons {
    color: rgba(255, 255, 255, .6) !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row td.broadage-cell.broadage-match-time-wrapper:not(.broadage-has-period) .broadage-special-time-info .broadage-match-date,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row td.broadage-cell.broadage-match-time-wrapper:not(.broadage-has-period) .broadage-special-time-info .broadage-status,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row th.broadage-cell.broadage-match-time-wrapper:not(.broadage-has-period) .broadage-special-time-info .broadage-match-date,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row th.broadage-cell.broadage-match-time-wrapper:not(.broadage-has-period) .broadage-special-time-info .broadage-status {
    color: rgba(255, 255, 255, .6) !important;
    background: rgba(255, 255, 255, .1) !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row td.broadage-cell.broadage-team-name-wrapper .broadage-away-team.broadage-match-cancelled-or-postponed,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row td.broadage-cell.broadage-team-name-wrapper .broadage-away-team.broadage-match-not-started,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row td.broadage-cell.broadage-team-name-wrapper .broadage-away-team.broadage-not-started,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row td.broadage-cell.broadage-team-name-wrapper .broadage-home-team.broadage-match-cancelled-or-postponed,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row td.broadage-cell.broadage-team-name-wrapper .broadage-home-team.broadage-match-not-started,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row td.broadage-cell.broadage-team-name-wrapper .broadage-home-team.broadage-not-started,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row th.broadage-cell.broadage-team-name-wrapper .broadage-away-team.broadage-match-cancelled-or-postponed,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row th.broadage-cell.broadage-team-name-wrapper .broadage-away-team.broadage-match-not-started,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row th.broadage-cell.broadage-team-name-wrapper .broadage-away-team.broadage-not-started,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row th.broadage-cell.broadage-team-name-wrapper .broadage-home-team.broadage-match-cancelled-or-postponed,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row th.broadage-cell.broadage-team-name-wrapper .broadage-home-team.broadage-match-not-started,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item table.broadage-table.broadage-livescore-content tr.broadage-row th.broadage-cell.broadage-team-name-wrapper .broadage-home-team.broadage-not-started {
    color: rgba(255, 255, 255, .75) !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-arrow {
    background: #292929 !important;
    color: #a9a9a9 !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-content .broadage-date-slider-item {
    background: #141414 !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-league-filter-dropdown,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-live-match-wrapper.broadage-desktop-view,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-live-match-wrapper.broadage-mobile-view,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-sort-filter {
    border: 1px solid rgba(255, 255, 255, .16) !important;
    background: #000 !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item + .broadage-livescore-content-item,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-line-1 .broadage-livescore-content-item:first-child {
    border-top: 1px solid #333 !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-content .slider-list .slider-slide .broadage-icons {
    color: rgba(255, 255, 255, .7) !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-content .broadage-date-slider-item.broadage-date-active .broadage-date-slider-button strong {
    color: #d7bc89 !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-sort-filter .broadage-sort-button .flaticon-cup-2,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-sort-filter .broadage-sort-button .flaticon-wall-clock {
    background: #d7bc89 !important;
    color: #000 !important;
    text-shadow: 0 0 0 #000 !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-live-match-wrapper .broadage-sort-live-match-button .broadage-live-match-icon-wrapper .broadage-sort-live-match .broadage-brackets-big {
    color: rgba(255, 255, 255, .2) !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-live-match-wrapper .broadage-sort-live-match-button .broadage-live-match-icon-wrapper .broadage-sort-live-match .broadage-brackets-small {
    color: rgba(255, 255, 255, .4) !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-live-match-wrapper .broadage-sort-live-match-button .broadage-live-match-icon-wrapper .broadage-sort-live-match .broadage-live-match-circle {
    border: 1px solid rgba(255, 255, 255, .8) !important
}

html[data-theme=dark] .backend-class li,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-league-filter-dropdown .flaticon-cup,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-live-match-wrapper .broadage-sort-live-match-button .broadage-live-match-icon-wrapper .broadage-sort-live-match .broadage-live-match-text,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-sort-filter .broadage-sort-button .broadage-icons.flaticon-sort,
html[data-theme=dark] .weather-condition .info-climate span {
    color: rgba(255, 255, 255, .8) !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-arrow .broadage-icons.flaticon-left-arrow,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-arrow .broadage-icons.flaticon-right-arrow {
    color: #a9a9a9 !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-content .broadage-date-slider-item .broadage-date-slider-button span {
    color: rgba(255, 255, 255, .5) !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-content .slider-list .slider-slide + .slider-slide {
    border-left: 1px solid #000 !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-sort-filter .broadage-sort-button {
    background: rgba(255, 255, 255, .08) !important;
    color: rgba(255, 255, 255, .8) !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-league-filter-dropdown .broadage-league-filter {
    background: rgba(255, 255, 255, .08) !important;
    color: rgba(255, 255, 255, .8) !important;
    border: none !important
}

html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-date-slider .broadage-date-slider-arrow:hover,
html[data-theme=dark] .broadage-widgets-body.broadage-livescore.broadage-theme-white .broadage-livescore-menu .broadage-live-match-wrapper .broadage-sort-live-match-button .broadage-live-match-icon-wrapper .broadage-sort-live-match {
    background: rgba(255, 255, 255, .08) !important
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.bottom-slant-lines.slant-lines-before:before,
.bottom-slant-lines:after {
    content: "";
    background-image: url(../../assets/images/btm-slant-lines.svg);
    height: 13px
}

.news-page-holder .slider-holder {
    margin-block-end: 20px;
    position: relative
}

.bottom-slant-lines.slant-lines-before:before,
.bottom-slant-lines:after,
.double-lines-btm:after {
    position: absolute;
    width: 100%;
    inset-inline-start: 0
}

.news-page-holder .slider-holder .h3,
.news-page-holder .slider-holder h3 {
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.bottom-slant-lines {
    position: relative;
    min-height: 13px
}

    .bottom-slant-lines.slant-lines-before:before {
        inset-block-start: -28px
    }

.currency-details-slider .slick-slide:after,
.stock-details-slider .slick-slide:after {
    border-right: 1px solid #d6d6d6;
    height: 20px;
    inset-inline-end: 35px;
    z-index: 0;
    content: ""
}

.btn.load-more {
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #333;
    border: 1px solid transparent !important
}

.recent-news-outer {
    padding-block-end: 50px
}

    .recent-news-outer .load-more {
        border: 1px solid #737373 !important
    }

html[data-theme=dark] .recent-news-outer .load-more:not(:hover) {
    border: 1px solid #fff !important
}

.recent-news-holder .h4 a,
.recent-news-holder h4 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 65px !important
}

.recent-news-holder .recent-news-ul li img {
    aspect-ratio: 10/7;
    object-fit: cover
}

.recent-news-holder.inline-end-part .sub-news {
    border-inline-end: 0;
    padding-inline: 25px;
    margin-block-end: 30px
}

    .recent-news-holder.inline-end-part .sub-news a img {
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        margin-block-end: 20px;
        border: 1px solid #dee2e6;
        aspect-ratio: 10/8
    }

    .recent-news-holder.inline-end-part .sub-news .h6,
    .recent-news-holder.inline-end-part .sub-news h6 {
        overflow: visible
    }

        .recent-news-holder.inline-end-part .sub-news .h6 a,
        .recent-news-holder.inline-end-part .sub-news h6 a {
            margin-top: 3px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            height: 45px
        }

            .recent-news-holder.inline-end-part .sub-news .h6 a:focus,
            .recent-news-holder.inline-end-part .sub-news h6 a:focus {
                padding-inline: 3px;
                margin-inline: -3px
            }

    .recent-news-holder.inline-end-part .sub-news p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 68px
    }

.recent-news-holder .sub-news {
    margin-block: 20px
}

    .recent-news-holder .sub-news .h4,
    .recent-news-holder .sub-news h4 {
        line-height: 32px;
        font-size: 20px
    }

html[data-theme=dark] .bulletin-list-holder .bulletin-list li,
html[data-theme=dark] .most-read-holder .most-read-news li,
html[data-theme=dark] .recent-news-ul li {
    border-bottom: 1px solid rgba(207, 207, 207, .4)
}

.recent-news-holder .sub-news p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400
}

.recent-news-holder .sub-news .viewed-time a,
.recent-news-holder .sub-news .viewed-time p {
    display: inline;
    margin-right: 1rem;
    background-color: #333;
    padding: 5px 15px;
    font-weight: 700;
    line-height: 14px
}

html[data-theme=dark] .recent-news-holder .sub-news .viewed-time a,
html[data-theme=dark] .recent-news-holder .sub-news .viewed-time p {
    background-color: #333;
    color: #fff !important
}

.catgry-time span {
    padding-inline-start: 10px
}

.double-lines-btm:after {
    content: "";
    background: url(../../assets/images/icons/btm-dble-lines.svg);
    inset-block-end: 0;
    height: 5px
}

.main-news-link video,
.main-news-link::after {
    height: 100%;
    width: 100%
}

html[data-theme=dark] .double-lines-btm:after {
    background: url(../../assets/images/btm-dble-lines-yellow.svg)
}

.bulletin-list-holder .bulletin-list {
    margin-block-end: 40px;
    border-inline-start: 1px solid #CFCFCF;
    padding-inline-start: 40px;
    margin-block-start: 20px
}

html[data-theme=dark] .bulletin-list-holder .bulletin-list {
    border-inline-start: 1px solid rgba(207, 207, 207, 0.4)
}

.bulletin-list-holder .bulletin-list li {
    border-bottom: 1px solid #cfcfcf;
    padding-block-start: 20px;
    position: relative
}

    .bulletin-list-holder .bulletin-list li:first-child,
    .news-thumbnail-holder:first-of-type .stream-thumbnail,
    .news-thumbnail-holder:nth-of-type(2) .stream-thumbnail,
    .news-thumbnail-holder:nth-of-type(3) .stream-thumbnail,
    .news-thumbnail-holder:nth-of-type(4) .stream-thumbnail {
        padding-block-start: 0
    }

        .bulletin-list-holder .bulletin-list li:first-child:before {
            inset-block-start: 0px
        }

    .b-bottom:last-child,
    .bulletin-list-holder .bulletin-list li:last-of-type,
    .job-details .modal-header,
    .most-read-holder .most-read-news li:last-of-type,
    .search-card:last-of-type,
    .special-list-holder ul:not(.pagination) li:last-child {
        border-bottom: 0
    }

.my-reports .custom-calender .daterangepicker .ranges li.active,
.my-reports .daterangepicker .calendar-table .drp-buttons .btn,
html[data-theme=dark] .bulletin-list-holder .bulletin-list li::before {
    background: #83273c
}

.bulletin-list-holder .bulletin-list li.active:before {
    background: #d7bc89
}

html[data-theme=dark] .bulletin-list-holder .bulletin-list li.active:before {
    background: #d7bc89;
    border: 2px solid #fff
}

.bulletin-list-holder .load-more {
    color: #fff !important;
    background-color: #83273c;
    border-radius: 4px;
    border: none
}

.ad-widget,
.bulletin-list-holder.bottom-slant-lines,
.mbottom-40,
.news-details-holder-more .more-desp {
    margin-bottom: 40px
}

.Photo-album .col-lg-6 .img-holder figure figcaption p,
.stock {
    margin-bottom: 1px
}

.small-head-line {
    display: inline-block;
    margin-block-end: 5px
}

.most-read-holder {
    padding-block: 6px
}

    .most-read-holder .most-read-news li {
        border-bottom: 1px solid #cfcfcf;
        padding-block: 20px
    }

        .most-read-holder .most-read-news li .news-num {
            font-size: 36px
        }

        #SearchResults .result-wrapper .search-card .search-content .viewed-time span,
        .Photo-album .col-lg-6 .img-holder figure figcaption p span:last-child,
        .featured-scroll .card-body p span,
        .most-read-holder .most-read-news li .catgry-time + span,
        .profile .profile-tabs-content .my-favourites-content .viewed-time span,
        figcaption.caption-overlay .viewed-time span {
            font-size: 11px !important
        }

.search-card p,
.text-dark-grey,
html[data-theme=light] .recent-news-holder .h6 a:hover,
html[data-theme=light] .recent-news-holder h6 a:hover {
    color: #333
}

.event-culture,
.event-miscellaneous,
.text-culture {
    color: #f47c50 !important
}

.bg-cc {
    background-color: #333 !important
}

.fs-17 {
    font-size: 17px
}

.lt-22 {
    line-height: 22px
}

.lt-32 {
    line-height: 32px
}

.lt-33 {
    line-height: 33px
}

.recent-news-ul li {
    width: 50%;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf
}

html[dir=rtl] .recent-news-ul li {
    border-right: 0;
    border-left: 1px solid #cfcfcf
}

html[data-theme=dark] .recent-news-ul li {
    border-right: 1px solid rgba(207, 207, 207, .4)
}

.recent-news-ul li:nth-child(2n) {
    border-right: none !important
}

html[dir=rtl] .recent-news-ul li:nth-child(2n) {
    border-left: none !important
}

.other-news-holder {
    padding-block-start: 30px
}

.viewed-time a,
.viewed-time p {
    display: inline-block;
    margin-inline-end: 1rem;
    background: #f5f5f5;
    padding: 5px 8px;
    font-size: 12px;
    line-height: 14px;
    color: #83273c
}

    .viewed-time a + .text-black-80,
    .viewed-time p + .text-black-80 {
        white-space: nowrap;
        margin-top: 3px;
        font-size: 11px !important
    }

.most-read-news .catgry-time {
    background-color: #f4f4f4;
    display: inline;
    margin-inline-end: 1rem;
    padding: 5px 15px
}

    .most-read-news .catgry-time a {
        font-weight: 700;
        font-size: 12px
    }

.listing-sport .slider-holder .h2,
.listing-sport .slider-holder h2 {
    padding-right: 10em !important
}

.sports-live {
    border: 1px solid #f7f7f7;
    padding: 10px
}

.main-news-link::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.stock {
    position: sticky;
    bottom: 0;
    z-index: 9;
    width: 100%;
    background-color: #fff
}

[data-theme=dark] .search-suggestions,
html[data-theme=dark] .stock {
    background-color: #212121 !important
}

.stock-title {
    background-color: #f0f0f0;
    padding: 16px 24px
}

.down,
.stock-view .down,
.stock-view .up,
.up {
    display: inline-block;
    height: 8px;
    padding-right: 15px;
    width: 10px
}

.stock-details {
    border: 1px solid rgba(207, 207, 207, .2);
    border-top: 0
}

.stock p {
    margin-bottom: 0;
    font-size: 14px
}

.down,
.stock-view .down {
    background: url(../images/icons/down.svg) 0 center no-repeat
}

.stock-view .up,
.up {
    background: url(../images/icons/up.svg) 0 center no-repeat
}

.currency-details-slider,
.stock-details-slider {
    padding: 0 24px
}

    .stock-details-slider .slick-slide:after {
        position: absolute;
        inset-block-start: 25%
    }

    .currency-details-slider .slick-slide:after {
        position: absolute;
        inset-block-start: 50%
    }

.d-flex.filter-wrapper .search-btn:disabled,
.umbraco-forms-field-wrapper .filter-wrapper.checkboxlist .search-btn:disabled {
    padding-block: 8px !important;
    opacity: 1
}

.news-catgry-tab-holder {
    margin-top: 2rem
}

html[data-theme=dark] .news-catgry-tab-holder .select-date input::-moz-placeholder {
    color: #fff
}

html[data-theme=dark] .news-catgry-tab-holder .select-date input::placeholder {
    color: #fff
}

html[dir=rtl] .news-catgry-tab-holder .select-date + div {
    margin-left: 0 !important;
    margin-right: 10px
}

.news-catgry-tab-holder .news-catgry.nav-pills .nav-item .nav-link {
    font-size: 16px;
    background: 0 0;
    color: #000;
    border-radius: 0;
    padding-inline: 0
}

.bookmark-wrapper:hover .icon-bookmark::before,
.dropdownmultiselect html[data-theme=dark] select > .container > option:hover,
.fc-highlight .fc-day-number,
.prayer-weather-most-read .weather-location label,
.prayer-weather-most-read .weather-widget .h6,
.prayer-weather-most-read .weather-widget h6,
.screenshot_slider figcaption a,
[data-theme=dark] .fa-headphones,
[data-theme=dark] .search-card .h4,
[data-theme=dark] .search-card h4,
[data-theme=dark] .search-filter .filter-checkbox span,
[data-theme=dark] .search-filter .h4,
[data-theme=dark] .search-filter h4,
[data-theme=dark] .social-media.share_icon-list a:hover i,
html[data-theme=dark] .back-link span,
html[data-theme=dark] .conference-item figcaption p a,
html[data-theme=dark] .custom-multiselect > .container > option:hover,
html[data-theme=dark] .custom-upload-text,
html[data-theme=dark] .dropdownmultiselect select > .container > option:hover,
html[data-theme=dark] .event-details .h6 a,
html[data-theme=dark] .event-details h6 a,
html[data-theme=dark] .events-tabs button,
html[data-theme=dark] .events-tabs button:hover,
html[data-theme=dark] .filter-checkbox label,
html[data-theme=dark] .form-step li .h4,
html[data-theme=dark] .form-step li a,
html[data-theme=dark] .form-step li h4,
html[data-theme=dark] .form-step-item .h4,
html[data-theme=dark] .form-step-item a,
html[data-theme=dark] .form-step-item h4,
html[data-theme=dark] .job-details ol li,
html[data-theme=dark] .job-details ul li,
html[data-theme=dark] .job-points ol li,
html[data-theme=dark] .job-points ul li,
html[data-theme=dark] .job-vacancies-item .card li,
html[data-theme=dark] .job-vacancies-item .card p,
html[data-theme=dark] .listing-img figcaption a,
html[data-theme=dark] .my-info label,
html[data-theme=dark] .my-reports .daterangepicker .calendar-table td.off:hover,
html[data-theme=dark] .my-reports-download ul li .title .h6,
html[data-theme=dark] .my-reports-download ul li .title h6,
html[data-theme=dark] .news-catgry-tab-holder .news-catgry.nav-pills .nav-item .nav-link,
html[data-theme=dark] .poll-listing .poll-results span,
html[data-theme=dark] .poll-listing .task-progress p,
html[data-theme=dark] .prayer-weather-most-read .weather-condition .info-climate,
html[data-theme=dark] .prayer-weather-most-read .weather-condition .info-climate span,
html[data-theme=dark] .prayer-weather-most-read .weather-condition .info-date,
html[data-theme=dark] .prayer-weather-most-read .weather-condition .info-weather,
html[data-theme=dark] .prayer-weather-most-read .weather-details p.text-gold,
html[data-theme=dark] .prayer-weather-most-read .weather-details p.text-white,
html[data-theme=dark] .prayer-weather-most-read .weather-location label,
html[data-theme=dark] .prayer-weather-most-read .weather-widget .h6,
html[data-theme=dark] .prayer-weather-most-read .weather-widget h6,
html[data-theme=dark] .section-title .h4 a,
html[data-theme=dark] .section-title h4 a,
html[data-theme=dark] .steps li .h4,
html[data-theme=dark] .steps li a,
html[data-theme=dark] .steps li h4,
html[data-theme=dark] .steps-item .h4,
html[data-theme=dark] .steps-item a,
html[data-theme=dark] .steps-item h4,
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .h2 button,
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item h2 button {
    color: #fff
}

.news-catgry-tab-holder .news-catgry.nav-pills .nav-item .nav-link.active {
    border-bottom: 2px solid #83273c;
    font-weight: 700
}

html[data-theme=dark] .news-catgry-tab-holder .news-catgry.nav-pills .nav-item .nav-link.active {
    border-bottom: 2px solid #ffc04b
}

.news-catgry-tab-holder .tab-content .bulletin-list-holder .bulletin-list {
    padding-inline-start: 0;
    border-inline-start: 0;
    margin-block-start: 40px !important
}

    .news-catgry-tab-holder .tab-content .bulletin-list-holder .bulletin-list .error-holder {
        margin-top: 3rem !important;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .news-catgry-tab-holder .tab-content .bulletin-list-holder .bulletin-list li {
        border-bottom: 1px solid rgba(207, 207, 207, .5)
    }

        .news-catgry-tab-holder .tab-content .bulletin-list-holder .bulletin-list li:first-child:before {
            inset-block-start: 40px
        }

        .news-catgry-tab-holder .tab-content .bulletin-list-holder .bulletin-list li p {
            padding-inline-start: 20px;
            padding-block-end: 20px;
            margin-top: .8rem;
            position: relative
        }

            .news-catgry-tab-holder .tab-content .bulletin-list-holder .bulletin-list li p:before {
                content: "";
                width: 10px;
                height: 10px;
                background-color: #83273c;
                position: absolute;
                inset-block-start: 5px;
                inset-inline-start: 0;
                border-radius: 100%
            }

.select-date input {
    z-index: 9;
    height: 56px;
    padding: 0 20px
}

.select-date span:after {
    content: "";
    width: 16px;
    height: 17px;
    background-color: #83273c;
    -webkit-mask-image: url(../images/icons/calender.svg);
    mask-image: url(../images/icons/calender.svg);
    position: absolute;
    top: 15px;
    inset-inline-end: 15px;
    z-index: 0
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #83273c;
    background: #83273c;
    color: #fff !important
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #d7bc89;
    background: #d7bc89;
    color: #000
}

.scrollable-list {
    max-height: 700px !important;
    overflow: hidden !important;
    overflow-y: scroll !important;
    height: 100% !important
}

    .scrollable-list .bulletin-list {
        margin-inline-start: 10px !important
    }

.bulletin-list-holder.bottom-slant-lines:after {
    inset-block-end: -20px !important
}

#icon-bookmark-news-details,
.my-reports-download.full-width li:nth-child(odd) {
    margin-inline-end: 0
}

.news-thumbnail-holder:nth-child(4n) .stream-thumbnail {
    border-inline-end: none;
    padding-inline-end: 0
}

.news-thumbnail-holder:first-child .stream-thumbnail,
.news-thumbnail-holder:nth-child(4n+1) .stream-thumbnail {
    padding-inline-start: 0
}

    .news-thumbnail-holder:nth-child(4n+1) .stream-thumbnail::before {
        position: absolute;
        top: 0;
        display: block;
        content: "";
        width: 100vw;
        height: 1px;
        background-color: #cfcfcf
    }

html[data-theme=dark] .news-thumbnail-holder:nth-child(4n+1) .stream-thumbnail::before {
    background-color: rgba(207, 207, 207, .3)
}

.stream-thumbnail {
    border: 1px solid #cfcfcf;
    border-inline-start: 0;
    border-block: 0;
    padding-block: 20px;
    padding-inline: 20px
}

html[data-theme=dark] .stream-thumbnail {
    border: 1px solid rgba(207, 207, 207, .3);
    border-inline-start: 0;
    border-block: 0
}

.stream-thumbnail a {
    border: 1px solid #a8a8a8;
    display: block;
    text-align: center
}

html[data-theme=dark] .stream-thumbnail a {
    border: 0;
    background: #fff
}

.stream-thumbnail a img {
    width: 160px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-block: 20px
}

.stream-thumbnail a p {
    background-color: #83273c;
    margin-block-end: 0;
    color: #fff;
    padding-block: 8px
}

.watch-more-text {
    border: 1px solid #a8a8a8;
    padding: 20px;
    font-weight: 700
}

.form-step-wraper,
.steps-wraper {
    min-height: 100px
}

    .form-step-wraper.toFixed,
    .steps-wraper.toFixed {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 11;
        inset-inline-start: 0
    }

        .form-step-wraper.toFixed .form-step-holder,
        .setps.toFixed .form-step-holder,
        .steps-wraper.toFixed .form-step-holder {
            max-width: 920px;
            background-color: #fff;
            margin-inline: auto;
            position: relative;
            inset-inline-start: 10px
        }

html[data-theme=dark] .form-step-wraper.toFixed .form-step-holder,
html[data-theme=dark] .setps.toFixed .form-step-holder,
html[data-theme=dark] .steps-wraper.toFixed .form-step-holder {
    padding-block: 0;
    background-color: transparent
}

.form-step ul,
.form-step-holder,
.steps ul,
.steps-holder {
    display: flex;
    gap: 30px;
    padding-block: 10px;
    margin-bottom: 40px;
    align-items: flex-start
}

.form-step li,
.form-step-item,
.steps li,
.steps-item {
    background: url(../../assets/images/step-1.svg) no-repeat #fff;
    min-height: 78px;
    position: relative;
    padding-inline-start: 15px;
    flex-grow: 1;
    flex-basis: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .form-step li .h4,
    .form-step li h4,
    .form-step-item .h4,
    .form-step-item h4,
    .steps li .h4,
    .steps li h4,
    .steps-item .h4,
    .steps-item h4 {
        margin-bottom: 3px
    }

html[data-theme=dark] .form-step li,
html[data-theme=dark] .form-step li:last-child:after,
html[data-theme=dark] .form-step-item,
html[data-theme=dark] .form-step-item:last-child:after,
html[data-theme=dark] .steps li,
html[data-theme=dark] .steps li:last-child:after,
html[data-theme=dark] .steps-item,
html[data-theme=dark] .steps-item:last-child:after {
    background: url(../../assets/images/step-1-dark.svg)
}

.form-step li:after,
.form-step-item:after,
.steps li:after,
.steps-item:after {
    content: "";
    background: url(../../assets/images/step-1.svg) right 0 #fff;
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: -20px;
    width: 20px;
    height: 100%
}

html[dir=rtl] .form-step li:after,
html[dir=rtl] .form-step-item:after,
html[dir=rtl] .steps li:after,
html[dir=rtl] .steps-item:after {
    inset-inline-end: -15px;
    transform: scaleX(-1)
}

html[data-theme=dark] .form-step li:after,
html[data-theme=dark] .form-step-item:after,
html[data-theme=dark] .steps li:after,
html[data-theme=dark] .steps-item:after {
    background: url(../../assets/images/step-1-dark.svg) right 0
}

.form-step li:before,
.form-step-item:before,
.steps li:before,
.steps-item:before {
    content: "";
    background: url(../../assets/images/step-2.svg);
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: -13px;
    width: 25px;
    height: 100%
}

html[data-theme=dark] .form-step li:before,
html[data-theme=dark] .form-step-item:before,
html[data-theme=dark] .steps li:before,
html[data-theme=dark] .steps-item:before {
    background: url(../../assets/images/step-2-dark.svg) !important
}

.form-step li:first-child,
.form-step-item:first-child,
.steps li:first-child,
.steps-item:first-child {
    padding-inline-start: 28px
}

html[dir=rtl] .form-step li:first-child:before,
html[dir=rtl] .form-step-item:first-child:before,
html[dir=rtl] .steps li:first-child:before,
html[dir=rtl] .steps-item:first-child:before {
    background: url(../../assets/images/step-1.svg) #fff;
    display: block
}

.form-step li:last-child:after,
.form-step-item:last-child:after,
.steps li:last-child:after,
.steps-item:last-child:after {
    background: url(../../assets/images/step-1.svg) #fff;
    transform: scaleX(-1);
    inset-inline-end: -5px
}

html[dir=rtl] .form-step li:last-child:after,
html[dir=rtl] .form-step-item:last-child:after,
html[dir=rtl] .steps li:last-child:after,
html[dir=rtl] .steps-item:last-child:after {
    transform: scaleX(1)
}

.form-step li.active,
.form-step li.active:last-child:after,
.form-step li.done,
.form-step li.done:last-child:after,
.form-step-item.active,
.form-step-item.active:last-child:after,
.form-step-item.done,
.form-step-item.done:last-child:after,
.steps li.active,
.steps li.active:last-child:after,
.steps li.done,
.steps li.done:last-child:after,
.steps-item.active,
.steps-item.active:last-child:after,
.steps-item.done,
.steps-item.done:last-child:after {
    background: url(../../assets/images/step-1-color.svg) #fff
}

    .form-step li.active a,
    .form-step li.done a,
    .form-step-item.active a,
    .form-step-item.done a,
    .steps li.active a,
    .steps li.done a,
    .steps-item.active a,
    .steps-item.done a {
        color: #83273c;
        font-weight: 700
    }

html[data-theme=dark] .form-step li.active,
html[data-theme=dark] .form-step li.active:last-child:after,
html[data-theme=dark] .form-step li.done,
html[data-theme=dark] .form-step li.done:last-child:after,
html[data-theme=dark] .form-step-item.active,
html[data-theme=dark] .form-step-item.active:last-child:after,
html[data-theme=dark] .form-step-item.done,
html[data-theme=dark] .form-step-item.done:last-child:after,
html[data-theme=dark] .steps li.active,
html[data-theme=dark] .steps li.active:last-child:after,
html[data-theme=dark] .steps li.done,
html[data-theme=dark] .steps li.done:last-child:after,
html[data-theme=dark] .steps-item.active,
html[data-theme=dark] .steps-item.active:last-child:after,
html[data-theme=dark] .steps-item.done,
html[data-theme=dark] .steps-item.done:last-child:after {
    background: url(../../assets/images/step-1-dark-color.svg)
}

.form-step li.active:after,
.form-step li.done:after,
.form-step-item.active:after,
.form-step-item.done:after,
.steps li.active:after,
.steps li.done:after,
.steps-item.active:after,
.steps-item.done:after {
    background: url(../../assets/images/step-1-color.svg) right 0 #fff
}

html[data-theme=dark] .form-step li.active:after,
html[data-theme=dark] .form-step li.done:after,
html[data-theme=dark] .form-step-item.active:after,
html[data-theme=dark] .form-step-item.done:after,
html[data-theme=dark] .steps li.active:after,
html[data-theme=dark] .steps li.done:after,
html[data-theme=dark] .steps-item.active:after,
html[data-theme=dark] .steps-item.done:after {
    background: url(../../assets/images/step-1-dark-color.svg) right 0
}

.form-step li.active:before,
.form-step li.done:before,
.form-step-item.active:before,
.form-step-item.done:before,
.steps li.active:before,
.steps li.done:before,
.steps-item.active:before,
.steps-item.done:before {
    background: url(../../assets/images/step-2-color.svg)
}

html[data-theme=dark] .form-step li.active:before,
html[data-theme=dark] .form-step li.done:before,
html[data-theme=dark] .form-step-item.active:before,
html[data-theme=dark] .form-step-item.done:before,
html[data-theme=dark] .steps li.active:before,
html[data-theme=dark] .steps li.done:before,
html[data-theme=dark] .steps-item.active:before,
html[data-theme=dark] .steps-item.done:before {
    background: url(../../assets/images/step-2-dark-color.svg) !important
}

html[dir=rtl] .form-step li.active:first-child:before,
html[dir=rtl] .form-step li.done:first-child:before,
html[dir=rtl] .form-step-item.active:first-child:before,
html[dir=rtl] .form-step-item.done:first-child:before,
html[dir=rtl] .steps li.active:first-child:before,
html[dir=rtl] .steps li.done:first-child:before,
html[dir=rtl] .steps-item.active:first-child:before,
html[dir=rtl] .steps-item.done:first-child:before {
    background: url(../../assets/images/step-1-color.svg) #fff;
    display: block
}

.form-step li .h4,
.form-step li a,
.form-step li h4,
.form-step-item .h4,
.form-step-item a,
.form-step-item h4,
.steps li .h4,
.steps li a,
.steps li h4,
.steps-item .h4,
.steps-item a,
.steps-item h4 {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.form-step li span,
.form-step-item span,
.steps li span,
.steps-item span {
    color: #697386;
    font-size: 12.874px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3
}

.fw-400,
html[data-theme=dark] .form-step li span,
html[data-theme=dark] .form-step-item span,
html[data-theme=dark] .steps li span,
html[data-theme=dark] .steps-item span {
    font-weight: 400
}

.correspondent-form label,
.form-labels label,
.umbraco-forms-page label {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700
}

.form-step li.active .h4,
.form-step li.active h4,
.form-step-item.active .h4,
.form-step-item.active h4,
.steps li.active .h4,
.steps li.active h4,
.steps-item.active .h4,
.steps-item.active h4 {
    color: #83273c !important;
    font-size: 14px;
    font-weight: 700
}

html[data-theme=dark] .form-step li.active span,
html[data-theme=dark] .form-step-item.active span,
html[data-theme=dark] .steps li.active span,
html[data-theme=dark] .steps-item.active span {
    color: #697386
}

.setps.toFixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
    inset-inline-start: 0
}

.custom-upload,
.fileupload .umbraco-forms-field-wrapper {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color;
    position: relative
}

.fileupload html[data-theme=dark] .umbraco-forms-field-wrapper,
html[data-theme=dark] .custom-upload,
html[data-theme=dark] .fileupload .umbraco-forms-field-wrapper,
html[data-theme=dark] .my-info input {
    background-color: transparent;
    color: #fff
}

.custom-upload-input,
.umbraco-forms-field-wrapper input[type=file] {
    border: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 2;
    opacity: 0;
    background: url(../../assets/images/folder-upload.svg)
}

.umbraco-forms-field-wrapper html[data-theme=dark] input[type=file],
html[data-theme=dark] .custom-upload-input,
html[data-theme=dark] .umbraco-forms-field-wrapper input[type=file] {
    background: url(../../assets/images/upload-dark.svg)
}

.custom-upload-close {
    border: 0;
    position: absolute;
    inset-inline-end: 7px;
    inset-block-start: 7px;
    z-index: 0;
    opacity: 1;
    background: url(../../assets/images/folder-upload.svg) center center no-repeat;
    width: 30px;
    height: 30px
}

html[data-theme=dark] .custom-upload-close {
    background: url(../../assets/images/upload-dark.svg) no-repeat;
    width: 21px;
    height: 18px;
    inset-block-start: 10px
}

.custom-upload-text {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    min-height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%
}

.custom-upload.active .custom-upload-close,
.fileupload .active.umbraco-forms-field-wrapper .custom-upload-close {
    background: url(../../assets/images/close.svg) center center no-repeat;
    cursor: pointer;
    z-index: 2
}

    .custom-upload.active .custom-upload-close:hover,
    .fileupload .active.umbraco-forms-field-wrapper .custom-upload-close:hover {
        opacity: .6
    }

.custom-upload.active .custom-upload-text,
.fileupload .active.umbraco-forms-field-wrapper .custom-upload-text {
    background: url(../../assets/images/check_upload.png) 0 center no-repeat;
    padding-inline-start: 35px;
    font-weight: 700;
    font-size: 16px
}

.fileupload html[dir=rtl] .active.umbraco-forms-field-wrapper .custom-upload-text,
html[dir=rtl] .custom-upload.active .custom-upload-text,
html[dir=rtl] .fileupload .active.umbraco-forms-field-wrapper .custom-upload-text {
    background-position: 100% 0
}

.form-section .form-head .h4,
.form-section .form-head h4 {
    font-size: 20px;
    font-weight: 700
}

.form-labels .resize-none,
.form-labels .umbraco-forms-field-wrapper textarea,
.umbraco-forms-field-wrapper .form-labels textarea,
.umbraco-forms-field-wrapper .umbraco-forms-page textarea,
.umbraco-forms-page .resize-none,
.umbraco-forms-page .umbraco-forms-field-wrapper textarea {
    resize: none
}

.toFixed .form-step-item:last-child:after {
    inset-inline-end: -5px !important
}

.prayer-widget {
    padding: 20px;
    margin-bottom: 20px
}

html[data-theme=dark] .minister-box,
html[data-theme=dark] .prayer-widget {
    background-color: transparent !important;
    border: 1px solid #cfcfcf !important
}

.prayer-detail {
    padding: 14px;
    background: rgba(131, 39, 62, .05);
    box-shadow: 0 .72px .72px 0 rgba(0, 0, 0, .1)
}

    .prayer-detail .flex-shrink-0 img,
    .vision-holder-document .document-holder .download-doc a {
        padding-inline-end: 12px
    }

.prayer-icon {
    display: flex;
    align-items: center;
    gap: 5px
}

    .prayer-icon .img-fluid {
        width: 12px;
        height: 12px
    }

.prayer-weather-most-read .weather-details img,
[data-theme=dark] .prayer-icon .img-fluid {
    filter: invert(1)
}

.prayer-listing ul li {
    background: #fff;
    box-shadow: 1px 1px 1px 0 rgba(179, 177, 177, .15);
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    border: 1px solid #f2f2f2
}

    .chatbot-webview .chatHeader,
    .prayer-listing ul li:last-child {
        box-shadow: none !important
    }

html[data-theme=dark] .prayer-listing ul li {
    background: 0 0;
    color: #fff;
    box-shadow: 1px 1px 1px 0 rgba(179, 177, 177, .15)
}

.prayer-listing ul li.highlighted-prayer {
    background: -webkit-linear-gradient(top, #ffebca, #f8e4c5 50%, #f3dfc1 0, #f1ddbf) !important
}

html[data-theme=dark] .prayer-listing ul li.highlighted-prayer {
    color: #000 !important;
    border-color: #f3dfc1
}

    html[data-theme=dark] .prayer-listing ul li.highlighted-prayer .prayer-icon .img-fluid {
        filter: none !important
    }

.weather-widget {
    background: #fff;
    padding: 18px;
    border: 1px solid #d2d2d2
}

    .weather-widget.night-widget {
        background: linear-gradient(138.61deg, #1f2e54 2.66%, #202953 97.34%) !important;
        border-radius: 2px;
        z-index: 0;
        position: relative
    }

        .weather-widget.night-widget:after {
            background-image: url(../images/widgets/night-theme-bg.svg);
            background-repeat: no-repeat;
            content: "";
            height: 231px;
            inset-block-end: 0;
            inset-inline-end: 0;
            position: absolute;
            width: -webkit-fill-available;
            z-index: -1
        }

        .weather-widget.night-widget .weather-location select {
            background-color: transparent !important;
            color: #fff !important;
            --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important
        }

.weather-location label {
    color: #333;
    font-size: 10px;
    font-weight: 700
}

.weather-location select {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    padding: 0 7px;
    height: 34px;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0
}

    .weather-location select:focus {
        box-shadow: none;
        outline: 0;
        border-color: rgba(126, 134, 177, .368627451) !important
    }

html[data-theme=dark] .weather-location select {
    color: #fff;
    border-color: #fff
}

.weather-condition {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(1.3125rem + .75vw)
}

    .weather-condition .info-weather {
        color: grey !important;
        font-size: calc(1.3875rem + 1.65vw);
        margin-block: 5px
    }

    .weather-condition .info-climate span {
        color: #000;
        font-size: 12px;
        font-weight: 400
    }

.weather-details {
    display: flex;
    align-items: center;
    gap: 10px
}

    .weather-details .detail-item {
        padding: 10px;
        height: 100px;
        width: 100px;
        background: rgba(131, 39, 62, .05) !important;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center
    }

html[data-theme=dark] .weather-details .detail-item {
    background: rgba(255, 255, 255, .05) !important
}

.weather-details .detail-item img {
    height: 20px
}

.weather-details .detail-item p.text-white {
    color: #000 !important;
    display: block;
    width: 100%;
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.weather-details .detail-item p.text-gold {
    color: #535353 !important;
    font-weight: 400 !important
}

.weather-details::-webkit-scrollbar {
    display: none
}

.ad-widget article figcaption {
    position: absolute;
    inset-block-end: 0;
    padding-inline-start: 16px;
    padding-block-end: 16px
}

.ad-widget.img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50%
}

    .ad-widget.img img {
        display: block;
        max-width: 100%;
        max-height: 500px;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.map-widget {
    padding: 20px;
    border: 1px solid #ececec;
    background: #cfcfcf
}

.map-pins .pin-1 {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 50%
}

.events-tabs .prayer-widget-most-read {
    padding: 32px !important;
    width: 100%;
    max-width: 436px;
    height: 665px
}

@media (max-width:1399.98px) {
    .btn,
    .dropdown-menu,
    .form-control,
    .form-select,
    .header .header-menu ul li a,
    .navbar-brand,
    .umbraco-forms-field-wrapper input,
    .umbraco-forms-field-wrapper select,
    .umbraco-forms-field-wrapper textarea,
    button,
    input,
    p,
    select,
    textarea {
        font-size: 14px
    }

    .events-tabs .prayer-widget-most-read {
        padding: 15px !important;
        max-width: 100%
    }
}

@media (max-width:1199.98px) {
    .page-title {
        margin: 15px 0
    }

    .main-news-slider .progressBarContainer .item .h3,
    .main-news-slider .progressBarContainer .item h3 {
        font-size: 14px;
        line-height: 20px
    }

    .btn-social {
        padding-inline: 25px
    }

    html[lang=en] .btn-social.apple-icon::before,
    html[lang=en] .btn-social.facebook-icon::before,
    html[lang=en] .btn-social.google-icon::before,
    html[lang=en] .btn-social.twitter-icon::before {
        margin-inline-start: 12% !important
    }

    .events-tabs .prayer-widget-most-read {
        max-width: 280px
    }
}

.events-tabs .prayer-widget-most-read .mosque-wrapper .dark-mode-images,
.events-tabs .prayer-widget-most-read .mosque-wrapper .light-mode-images {
    width: 80px;
    height: 70px
}

.events-tabs .prayer-widget-most-read .prayer-listing ul li {
    padding: 28px 20px;
    margin-bottom: 16px
}

@media (max-width:991.98px) {
    .slick-slider.news-updates-slider .sliding-text-holder {
        padding-inline-end: 0
    }

    .slick-slider.news-updates-slider .slick-slide {
        min-height: 1px !important
    }

    .main-news-slider .slick-slider .slider-content .main-news-link img {
        height: auto
    }

    .news-tag,
    .news-thumbnail-holder:nth-child(4n+1) .stream-thumbnail::before {
        display: none
    }

    .main-news-slider .progressBarContainer,
    .stock {
        position: relative
    }

    .currency-details-slider .slick-arrow {
        inset-block-start: 0.4rem !important
    }

    .new-account-form .form-head .h4,
    .new-account-form .form-head h4 {
        font-size: 20px
    }

    .new-account-form .form-head {
        padding-block-end: 10px
    }

    .account-form .reset-method {
        padding: 20px
    }

    .h3,
    h3 {
        font-size: 22px
    }

    .h6,
    .page-heading.h4,
    h4.page-heading,
    h6 {
        font-size: 16px
    }

    .f-16 {
        font-size: 14px
    }

    .f-14,
    .f-18 {
        font-size: 12px
    }

    .f-22 {
        font-size: 18px
    }

    .f-15 {
        font-size: 13px
    }

    .f-12 {
        font-size: 10px
    }

    main {
        overflow-x: hidden
    }

    .bottom-slant-lines:after {
        inset-block-end: 20px
    }

    .recent-news-holder.inline-end-part .sub-news {
        padding-inline-start: 0px
    }

    .most-read-holder .most-read-news li .news-num {
        font-size: 28px
    }

    .recent-news-ul li {
        width: 100%;
        border-right: 0
    }

        .news-thumbnail-holder .stream-thumbnail,
        .recent-news-ul li:nth-last-child(2) {
            border-bottom: 1px solid #cfcfcf
        }

    .other-news-holder.bottom-slant-lines::after {
        inset-block-end: -9px
    }

    .currency-details-slider .slick-slide:after {
        inset-inline-end: 15px
    }

    .news-catgry-tab-holder {
        margin-top: 1rem
    }

        .news-catgry-tab-holder .tab-content .bulletin-list-holder {
            padding-block-end: 0
        }

    .news-thumbnail-holder:first-of-type .stream-thumbnail,
    .news-thumbnail-holder:nth-of-type(2) .stream-thumbnail,
    .news-thumbnail-holder:nth-of-type(3) .stream-thumbnail,
    .news-thumbnail-holder:nth-of-type(4) .stream-thumbnail {
        padding-block-start: 20px
    }

    html[data-theme=dark] .news-thumbnail-holder .stream-thumbnail {
        border-bottom: 1px solid rgba(207, 207, 207, .3)
    }

    .news-thumbnail-holder:last-child .stream-thumbnail {
        border-bottom: none;
        margin-bottom: 0
    }

    .stream-thumbnail {
        border: 0;
        padding-inline: 0px
    }

    .weather-details .detail-item {
        max-width: calc(33.33% - 7px);
        padding: 5px;
        width: 32.33%
    }

    .ad-widget.img {
        min-height: auto;
        margin-top: 40px
    }

    .events-tabs .prayer-widget-most-read {
        max-width: 100%
    }

        .events-tabs .prayer-widget-most-read .prayer-listing ul li {
            padding: 30px 20px
        }

    .prayer-weather-most-read {
        margin-bottom: 30px !important
    }
}

.events-tabs .prayer-widget-most-read .prayer-icon .img-fluid {
    width: 24px;
    height: 18px
}

.event-box .event-listing .tab-content {
    height: 185px
}

.event-box.widget-event-box {
    height: calc(100% - (50px + 3.2rem))
}

.weather-widget.prayer-widget-most-read {
    background-image: url(../images/weather-bg-image.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 217px
}

.prayer-weather-most-read {
    -moz-column-gap: 25px;
    column-gap: 25px;
    justify-content: space-around
}

    .prayer-weather-most-read .dark-mode-images,
    .prayer-weather-most-read .light-mode-images {
        width: 48px;
        height: 48px
    }

    .prayer-weather-most-read .weather-widget,
    html[data-theme=dark] .prayer-weather-most-read .weather-widget {
        background-color: #1f2e54
    }

    .prayer-weather-most-read .weather-location select {
        background-color: #1f2e54;
        color: #fff;
        margin-bottom: 35px !important
    }

        .prayer-weather-most-read .weather-location select .rte-responsive-image,
        .rte-responsive-image,
        .weather-widget-light-mode .weather-location select .rte-responsive-image {
            max-width: 100%;
            max-height: 100%;
            height: auto !important
        }

    .dropdownmultiselect .prayer-weather-most-read .weather-location select,
    .prayer-weather-most-read .weather-location .dropdownmultiselect select,
    .prayer-weather-most-read .weather-location .form-select,
    .prayer-weather-most-read .weather-location .umbraco-forms-field-wrapper select,
    .umbraco-forms-field-wrapper .prayer-weather-most-read .weather-location select {
        --bs-form-select-bg-img: url(../images/Vector.png);
        background-size: 15px !important
    }

    .prayer-weather-most-read .weather-condition .condition-img img,
    .weather-widget-dark-mode .weather-condition .condition-img img,
    .weather-widget-light-mode .weather-condition .condition-img img {
        width: 80px;
        height: 80px
    }

html[data-theme=dark] .prayer-weather-most-read .weather-location select {
    background-color: #1f2e54;
    color: #fff !important;
    margin-bottom: 35px
}

.weather-widget-light-mode,
html[data-theme=light] .weather-widget-light-mode {
    background-color: #fff;
    background-image: none
}

    .weather-widget-light-mode .weather-location select {
        background-color: #fff;
        color: #212529;
        margin-bottom: 35px
    }

    .dropdownmultiselect .weather-widget-light-mode .weather-location select,
    .umbraco-forms-field-wrapper .weather-widget-light-mode .weather-location select,
    .weather-widget-light-mode .weather-location .dropdownmultiselect select,
    .weather-widget-light-mode .weather-location .form-select,
    .weather-widget-light-mode .weather-location .umbraco-forms-field-wrapper select {
        --bs-form-select-bg-img: url(../images/Vector-light-02.png);
        background-size: 15px !important
    }

    .weather-widget-light-mode .weather-condition .info-climate,
    .weather-widget-light-mode .weather-condition .info-climate span,
    .weather-widget-light-mode .weather-condition .info-date,
    .weather-widget-light-mode .weather-details p.text-white {
        color: #212529 !important
    }

    .weather-widget-light-mode .weather-condition .info-weather {
        color: #9c3b53 !important
    }

    .weather-widget-light-mode .weather-details {
        flex-direction: column-reverse
    }

        .weather-widget-light-mode .weather-details .detail-item {
            width: 100%;
            justify-content: space-between !important;
            align-items: center !important;
            flex-direction: row !important;
            padding-inline-end: 25px !important
        }

            .weather-widget-light-mode .weather-details .detail-item img {
                height: 30px !important;
                margin-bottom: 0 !important
            }

            .weather-widget-light-mode .weather-details .detail-item .item-text {
                display: flex;
                flex-direction: row;
                align-items: center;
                -moz-column-gap: 10px;
                column-gap: 10px
            }

        .weather-widget-light-mode .weather-details img {
            filter: invert(0)
        }

.gallery-item figure {
    position: relative;
    margin-bottom: 10px
}

.gallery-item .gallery-img,
.gallery-item img {
    position: relative;
    display: block;
    z-index: 1;
    width: 100%;
    transition: .5s;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #dee2e6
}

.gallery-item figcaption,
.listing-img figcaption,
.listing-img figcaption .h6,
.listing-img figcaption h6 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.gallery-item .gallery-img {
    background-size: cover;
    background-position: center
}

.gallery-item figcaption {
    min-height: 45px
}

.gallery-item:hover figcaption {
    color: #000 !important;
    text-decoration: underline
}

.gallery-item .thumbnail-wrapper {
    position: relative;
    margin-bottom: 30px
}

    .gallery-item .thumbnail-wrapper::after,
    .gallery-item .thumbnail-wrapper::before {
        position: absolute;
        bottom: -8px;
        height: 50px;
        width: calc(100% - 30px);
        display: block;
        content: "";
        background-color: #fff;
        border: 1px solid #a4a4a4
    }

    .gallery-item .thumbnail-wrapper::after {
        inset-inline-start: 15px
    }

    .gallery-item .thumbnail-wrapper::before {
        inset-inline-start: 20px;
        bottom: -16px;
        width: calc(100% - 40px)
    }

    .gallery-item .thumbnail-wrapper .gallery-type {
        position: absolute;
        width: 14px;
        height: 14px;
        inset-inline-start: 25px;
        bottom: 30px
    }

        .gallery-item .thumbnail-wrapper .gallery-type img {
            width: 14px;
            height: 14px;
            border: 0 !important
        }

.gallery-item .badge {
    margin-bottom: 5px;
    padding: 5px 15px;
    font-size: 12px;
    line-height: 14px
}

@media (max-width:991px) {
    .share_icon-description {
        position: relative
    }

        .share_icon-description .social-media {
            display: flex;
            flex-wrap: nowrap
        }

            .share_icon-description .social-media a,
            .share_icon-description .social-media button {
                margin-inline-end: 5px
            }

            .share_icon-description .social-media .share_icon-print {
                margin-top: 0;
                display: flex
            }

    .footer-link-list li a {
        line-height: 16px;
        font-size: 12px
    }

    .megamenu-header .modal-dialog .modal-body {
        padding: 15px !important
    }

        .megamenu-header .modal-dialog .modal-body .mega-footer-media {
            display: none
        }

    .slick-slider .slick-arrow {
        inset-block: -5px;
        background-color: rgba(220, 220, 220, .4)
    }

    .btn.login-btn {
        height: auto
    }

    .btn.load-more {
        margin-bottom: 20px
    }

    .listing-sport .slider-holder .h2,
    .listing-sport .slider-holder h2 {
        padding-right: 0 !important
    }

    .stock {
        margin-bottom: 5px !important
    }

    .stock-title {
        padding: 10px
    }

    .stock-details {
        overflow: scroll;
        margin-top: 5px !important;
        flex-wrap: nowrap
    }

    .listing-img {
        margin-bottom: 0 !important;
        padding: 10px
    }
}

.listing-img figure {
    padding-right: 2em
}

    .listing-img figure .thumbnail-wrapper {
        height: 392px
    }

    .listing-img figure img {
        min-height: 320px;
        height: 320px
    }

[data-theme=dark] .listing-img figure img {
    display: block;
    border: 1px solid #d9d9d9
}

.listing-img figcaption {
    margin-top: 1em;
    padding-right: 3em;
    height: 43px
}

html[dir=rtl] .listing-img figcaption {
    padding-right: 0
}

@media (max-width:580px) {
    .listing-img {
        text-align: center;
        margin: 0 auto
    }

        .listing-img figcaption {
            padding-right: 0
        }
}

.listing-img figcaption .h6,
.listing-img figcaption h6 {
    min-height: 44px;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    color: #000
}

.listing-img figcaption a {
    color: #000;
    transition: .5s
}

    .listing-img figcaption a:hover {
        color: #83273c;
        text-decoration: none
    }

.listing-img figcaption p {
    color: #212529;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.listing-img .badge {
    display: inline-block;
    padding: 5px 15px;
    font-size: 12px
}

html[data-theme=dark] .pagination-holder .page-item .page-link:hover {
    background-color: #ffc04b;
    border-color: #ffc04b
}

.pagination-holder .page-item .active {
    background-color: #83273c;
    color: #fff !important
}

.pd-inline-0,
html[dir=rtl] .bg-gold + .dropdown-menu li:first-of-type .dropdown-item img {
    padding-inline: 0 !important
}

.pd-inline-end-5 {
    padding-inline-end: 5rem
}

.btn-clear,
.btn-clear:hover {
    background: rgba(177, 177, 177, .5)
}

.h6-title .h6,
.h6-title h6 {
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
    color: #000
}

#webchat .webchat__basic-transcript__activity-body,
.card-container.main-typeone article .flex-grow-1 .viewed-time,
.card-listing .viewed-time,
.events-tabs .viewed-time,
.listed-holder .viewed-time,
.pd-bottom-3 {
    padding-bottom: 0
}

.custom-multiselect:hover,
.dropdownmultiselect select:hover {
    border: 1px solid rgba(0, 0, 0, .3)
}

.custom-multiselect > .container,
.dropdownmultiselect select > .container {
    max-height: 200px;
    overflow: auto;
    transition: .2s;
    position: absolute;
    inset-inline-start: 0;
    z-index: 99;
    background: #fff
}

    .custom-multiselect > .container > option,
    .dropdownmultiselect select > .container > option {
        display: none;
        padding: 5px;
        cursor: pointer;
        transition: .2s;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent
    }

        .custom-multiselect > .container > option:hover,
        .dropdownmultiselect select > .container > option:hover {
            background: rgba(0, 0, 0, .1);
            color: #000
        }

        .custom-multiselect > .container > option .selected,
        .dropdownmultiselect select > .container > option .selected {
            background: #7aafe9;
            border-top: 1px solid rgba(0, 0, 0, .1);
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            color: #fff
        }

.custom-multiselect .noselect,
.dropdownmultiselect select .noselect {
    display: block;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.dropdownmultiselect html[data-theme=dark] select .noselect,
html[data-theme=dark] .custom-multiselect .noselect,
html[data-theme=dark] .dropdownmultiselect select .noselect {
    background-color: transparent;
    color: #000 !important
}

.is-modern .f-thumbs__track {
    width: 0 !important
}

.f-thumbs__track {
    justify-content: center
}

.fancybox__caption {
    position: absolute;
    bottom: 15%;
    z-index: 99;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    left: 20%;
    max-width: 50%
}

    .fancybox__caption .h4,
    .fancybox__caption h4 {
        color: #fff !important;
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 16px
    }

    .fancybox__caption p {
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 8px
    }

    .fancybox__caption span {
        font-size: 15px;
        font-weight: 400
    }

.infographics .fancybox__caption {
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: inherit !important;
    max-width: 450px;
    opacity: 0;
    transition: .5s
}

    .infographics .fancybox__caption .h4,
    .infographics .fancybox__caption h4 {
        color: #fff !important;
        font-size: 15px !important;
        margin-bottom: 5px
    }

    .infographics .fancybox__caption p {
        font-size: 12px !important;
        margin-bottom: 8px
    }

    .infographics .fancybox__caption span {
        font-size: 10px !important;
        display: block
    }

.infographics .fancybox__content:after {
    content: "";
    position: absolute;
    background: linear-gradient(359deg, rgba(0, 0, 0, .75) .54%, rgba(0, 0, 0, .75) .55%, rgba(0, 0, 0, 0) 53.95%);
    width: 100%;
    height: 100%
}

.events-tabs button.active:after,
.infographics .fancybox__slide:hover .fancybox__caption,
.opacity-1,
.poll-content input:checked + label:before,
.reports-item figure:hover .read-more,
.screenshot_slider .center figure:after,
.umbraco-forms-field-wrapper input[type=file] {
    opacity: 1
}

.contact-us,
.report-section {
    padding-bottom: 3rem
}

.reports-item figure {
    cursor: pointer;
    border: 1px solid #e0e0e0;
    margin-bottom: 0 !important;
    margin-inline: 1rem;
    min-height: 500px;
    height: 100%
}

    .reports-item figure .img-holder {
        text-align: center;
        overflow: hidden;
        position: relative
    }

        .reports-item figure .img-holder img {
            max-height: 100%;
            width: 100%;
            transition: .5s ease-in;
            aspect-ratio: 10/6
        }

    .dropdownmultiselect .my-reports .show select.datepicker,
    .my-reports .daterangepicker::after,
    .my-reports .daterangepicker::before,
    .my-reports .show .dropdownmultiselect select.datepicker,
    .my-reports .show .form-control.datepicker,
    .my-reports .show .umbraco-forms-field-wrapper input.datepicker,
    .my-reports .show .umbraco-forms-field-wrapper select.datepicker,
    .my-reports .show .umbraco-forms-field-wrapper textarea.datepicker,
    .news-details-holder-more.bottom-slant-lines.slant-lines-before:before,
    .news-widgets-item-right .rsbtn_left,
    .radio-confirm input[type=radio],
    .reports-item figure:hover .item-img-1,
    .umbraco-forms-field-wrapper .my-reports .show input.datepicker,
    .umbraco-forms-field-wrapper .my-reports .show select.datepicker,
    .umbraco-forms-field-wrapper .my-reports .show textarea.datepicker,
    .umbraco-forms-field-wrapper .radiobuttonlist input[type=radio],
    html[data-theme=dark] .light-mode-images,
    html[data-theme=light] .dark-mode-images {
        display: none
    }

.icon-bookmark.in-bookmark:before,
.icon-bookmark:before {
    display: inline-block;
    font-family: bootstrap-icons, sans-serif !important
}

.reports-item figure .item-img-2 {
    display: none;
    transition: .5s ease-in-out
}

.reports-item figure figcaption {
    position: relative;
    padding: 1.5rem
}

    .reports-item figure figcaption .h6,
    .reports-item figure figcaption h6 {
        font-weight: 700;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 44px
    }

    .reports-item figure figcaption p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 15px
    }

    .reports-item figure figcaption .read-more {
        position: absolute;
        top: 80%;
        opacity: 0;
        transition: .5s ease-out
    }

.bookmark-wrapper {
    align-items: center;
    border-radius: 20px;
    color: #000;
    background: #f4f4f4;
    display: flex;
    height: 40px;
    transition: .3s;
    width: 40px;
    margin-bottom: 10px;
    align-content: center;
    justify-content: center
}

    #calendar table .fc-content-skeleton table thead td.selected,
    .bookmark-wrapper:hover,
    .broadage-widgets-body.broadage-livescore.broadage-theme-white,
    .daterangepicker td.active,
    .daterangepicker td.active:hover,
    .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check input:checked,
    .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist input:checked,
    .umbraco-forms-field-wrapper .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist input:checked,
    [data-theme=dark] .social-media.share_icon-list a:hover {
        background-color: #83273c
    }

.icon-bookmark:before {
    content: "\f1a2"
}

.icon-bookmark.in-bookmark {
    opacity: 1;
    animation-name: bookmark-ani;
    animation-duration: 1s;
    background: 0 0
}

    .icon-bookmark.in-bookmark:before {
        content: "\f199";
        color: #83273c
    }

@keyframes bookmark-ani {
    0%, 100% {
        transform: scale(1)
    }

    25% {
        transform: scale(.5)
    }

    50% {
        transform: scale(1.2)
    }
}

@keyframes zoom-in-zoom-out {
    0%, 100% {
        opacity: 1
    }

    50% {
        opacity: .9
    }
}

.share_icon-list.toFixed {
    position: fixed;
    top: 0;
    z-index: 1
}

.font-common {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400
}

html[dir=rtl] .float-right {
    float: left
}

.page-content {
    margin-bottom: 60px
}

@media (max-width:767.98px) {
    .news-tag + .news-updates-slider {
        padding-inline-end: 90px
    }

    .btn.login-btn img {
        padding-inline-end: 2px
    }

    .btn.login-btn {
        position: absolute;
        inset-inline-end: 50px;
        inset-block-start: 6px;
        padding-block: 5px;
        padding-inline: 5px;
        font-size: 10px
    }

    .account-form .info-eg,
    .currency-details-slider .slick-slide:after,
    .stock-details-slider .slick-slide:after {
        display: none
    }

    .w-lg-100 .dropdown {
        position: relative !important
    }

    .dropdown.lang-drop {
        position: inherit !important
    }

    .page-heading.h4,
    h4.page-heading {
        margin-bottom: 20px
    }

    .recent-news-holder .recent-news-ul li img {
        height: auto
    }

    .currency-details-slider .slick-slide {
        text-align: center
    }

    .watch-more-text {
        flex-direction: column;
        text-align: center
    }

    .form-step li,
    .form-step-item,
    .steps li,
    .steps-item {
        padding-inline-start: 13px
    }

        .form-step li:first-child,
        .form-step-item:first-child,
        .steps li:first-child,
        .steps-item:first-child {
            padding-inline-start: 16px
        }

        .form-step li .h4,
        .form-step li a,
        .form-step li h4,
        .form-step-item .h4,
        .form-step-item a,
        .form-step-item h4,
        .steps li .h4,
        .steps li a,
        .steps li h4,
        .steps-item .h4,
        .steps-item a,
        .steps-item h4 {
            font-size: 13px
        }

        .form-step li span,
        .form-step-item span,
        .steps li span,
        .steps-item span {
            font-size: 11px
        }

        .form-step li.active .h4,
        .form-step li.active h4,
        .form-step-item.active .h4,
        .form-step-item.active h4,
        .steps li.active .h4,
        .steps li.active h4,
        .steps-item.active .h4,
        .steps-item.active h4 {
            font-size: 12px
        }

    .prayer-weather-most-read {
        row-gap: 15px !important
    }

    .page-content {
        padding-top: 15px;
        margin-bottom: 15px
    }

        .page-content .recent-news .bulletin-list-holder {
            margin-top: 25px
        }
}

.text-modal {
    color: #a30134
}

.bg-modal {
    background-color: #a30134
}

.f-26 {
    font-size: 26px !important
}

.gap-10,
.news-widgets-item {
    gap: 10px
}

html[dir=rtl] .mr-pxrtl-5 {
    margin-right: 5px
}

.border-top-1 {
    border-top: 1px solid rgba(200, 200, 200, .4)
}

.mblock-40 {
    margin-top: 40px
}

.pblock-0,
.search-content .viewed-time {
    padding-block: 0 !important
}

.new-account-form .form-head .h4,
.new-account-form .form-head h4 {
    font-size: 26px;
    font-weight: 700;
    line-height: 37px;
    padding-bottom: .6rem
}

.new-account-form .form-head .small,
.new-account-form .form-head small {
    font-size: 14px !important;
    font-weight: 400 !important
}

.new-account-form .account-form {
    width: calc(100% - 25px)
}

    .new-account-form .account-form .remember-check,
    .new-account-form .account-form .umbraco-forms-field-wrapper .checkboxlist,
    .umbraco-forms-field-wrapper .new-account-form .account-form .checkboxlist {
        display: flex;
        align-items: end
    }

.umbraco-forms-field-wrapper html[dir=rtl] .new-account-form .account-form .checkboxlist .form-check-input,
.umbraco-forms-field-wrapper html[dir=rtl] .new-account-form .account-form .checkboxlist input[type=checkbox],
.umbraco-forms-field-wrapper html[dir=rtl] .new-account-form .account-form .remember-check input[type=checkbox],
html[dir=rtl] .new-account-form .account-form .remember-check .form-check-input,
html[dir=rtl] .new-account-form .account-form .remember-check .umbraco-forms-field-wrapper input[type=checkbox],
html[dir=rtl] .new-account-form .account-form .umbraco-forms-field-wrapper .checkboxlist .form-check-input,
html[dir=rtl] .new-account-form .account-form .umbraco-forms-field-wrapper .checkboxlist .umbraco-forms-field-wrapper input[type=checkbox] {
    margin-left: .5rem
}

.new-account-form .account-form .remember-check a,
.new-account-form .account-form .umbraco-forms-field-wrapper .checkboxlist a,
.umbraco-forms-field-wrapper .new-account-form .account-form .checkboxlist a {
    color: #153c87;
    text-decoration: underline;
    font-size: 15px;
    font-weight: 400
}

.umbraco-forms-field-wrapper html[data-theme=dark] .new-account-form .account-form .checkboxlist a,
html[data-theme=dark] .new-account-form .account-form .remember-check a,
html[data-theme=dark] .new-account-form .account-form .umbraco-forms-field-wrapper .checkboxlist a {
    color: #6d9dfb !important
}

.dropdownmultiselect .new-account-form .account-form select,
.forgot-password form input,
.new-account-form .account-form .dropdownmultiselect select,
.new-account-form .account-form .form-select,
.new-account-form .account-form .umbraco-forms-field-wrapper select,
.register-account form input,
.umbraco-forms-field-wrapper .new-account-form .account-form select {
    margin-top: .875rem
}

.new-account-form .reg-link {
    font-size: 18px;
    font-weight: 500
}

    .new-account-form .reg-link a.disabled {
        text-decoration: none !important;
        color: #212529 !important;
        font-weight: 400;
        cursor: auto
    }

html[data-theme=dark] .new-account-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #212121 inset !important
}

html[dir=rtl] .new-account-form .iti__flag-container {
    top: -1px !important
}

html[dir=rtl] .new-account-form .mobile-code {
    margin-right: -13px !important;
    padding-left: 0 !important
}

.form-login-btn {
    font-size: 18px !important;
    font-weight: 700 !important;
    border: none
}

    .form-login-btn:focus-visible,
    .form-login-btn:hover {
        background-color: #670d22;
        color: #fff
    }

.forgot-password form label {
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 20px;
    color: #1e293b
}

html[data-theme=dark] .forgot-password form label {
    line-height: 10px
}

.mobile-input {
    display: flex;
    align-items: baseline
}

    .mobile-input .mobile-code {
        background-color: #fff;
        margin-inline-start: 0 !important
    }

    .dropdownmultiselect .mobile-input select,
    .mobile-input .dropdownmultiselect select,
    .mobile-input .form-control,
    .mobile-input .umbraco-forms-field-wrapper input,
    .mobile-input .umbraco-forms-field-wrapper select,
    .mobile-input .umbraco-forms-field-wrapper textarea,
    .survey-sec .nav-tabs .survey-tabSecond a img,
    .umbraco-forms-field-wrapper .mobile-input input,
    .umbraco-forms-field-wrapper .mobile-input select,
    .umbraco-forms-field-wrapper .mobile-input textarea {
        margin-inline-start: 10px
    }

        .dropdownmultiselect .mobile-input select.mobile-code,
        .mobile-input .dropdownmultiselect select.mobile-code,
        .mobile-input .form-control.mobile-code,
        .mobile-input .umbraco-forms-field-wrapper input.mobile-code,
        .mobile-input .umbraco-forms-field-wrapper select.mobile-code,
        .mobile-input .umbraco-forms-field-wrapper textarea.mobile-code,
        .umbraco-forms-field-wrapper .mobile-input input.mobile-code,
        .umbraco-forms-field-wrapper .mobile-input select.mobile-code,
        .umbraco-forms-field-wrapper .mobile-input textarea.mobile-code {
            padding-inline-start: 52px !important
        }

    .mobile-input .iti.iti--allow-dropdown {
        min-width: 100px
    }

html[dir=rtl] .mobile-input {
    direction: ltr;
    text-align: left
}

.iti__selected-flag {
    background-color: transparent !important;
    border-radius: 8px !important;
    height: 56px
}

.register-account label {
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 10px;
    color: #1e293b
}

.register-account .remember-check label,
.register-account .umbraco-forms-field-wrapper .checkboxlist label,
.umbraco-forms-field-wrapper .register-account .checkboxlist label {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 20px !important
}

.back-link span {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 10px
}

.back-link .fa-arrow-left:before {
    content: "" !important;
    background-image: url(../images/icons/back.svg) !important;
    position: absolute;
    width: 17px;
    height: 16px;
    inset-inline-start: -20px;
    inset-block-start: -8px
}

html[data-theme=dark] .back-link .fa-arrow-left:before {
    background-image: url(../images/icons/back-white.svg) !important;
    height: 15px
}

@media (max-width:991.98px) {
    .weather-widget-light-mode .weather-details .detail-item {
        max-width: 100% !important
    }

    .gallery-item figcaption {
        min-height: 40px
    }

    .fancybox__caption {
        max-width: 100%;
        left: 15px
    }

        .fancybox__caption .h4,
        .fancybox__caption h4 {
            font-size: 15px
        }

        .fancybox__caption p {
            font-size: 12px
        }

    .share_icon-list.toFixed {
        position: relative
    }

    .page-heading {
        padding-left: 2rem
    }

    html[dir=rtl] .page-heading {
        padding-left: 0 !important;
        padding-right: 2rem
    }

    .appstore-sec {
        margin-top: 10px
    }

    .new-account-form {
        padding-bottom: 0;
        padding-top: 1.5rem
    }

        .new-account-form .reset-method {
            margin-bottom: 1rem
        }

    footer .pb-5 {
        padding-bottom: 5px !important
    }

    html[dir=rtl] .back-link .fa-arrow-left:before {
        inset-inline-start: -15px !important;
        inset-block-start: -5px !important
    }
}

html[dir=rtl] .back-link .fa-arrow-left:before {
    inset-inline-start: 15px;
    inset-block-start: -3px
}

@media (max-width:1700px) {
    html[dir=rtl] .back-link .fa-arrow-left:before {
        inset-inline-start: 2px
    }
}

.input-group-btn {
    padding: 2px
}

@media (max-width:1600px) and (min-width:1200px) {
    .page-heading.h4,
    h4.page-heading {
        padding-inline-start: 0px !important
    }
}

.social-links {
    display: none;
    position: absolute;
    z-index: 9;
    inset-block-start: 50%;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 6px;
    padding: 8px;
    transition: .5s ease-in-out;
    width: 278px;
    transform: translateY(-50%);
    inset-inline-start: 50px;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width:1024px) {
    .social-links.bottom-social {
        inset-block-start: 211px;
        inset-inline-start: -145px
    }
}

.rs-player-loadindicator,
html[dir=rtl] .rsbtn.rsexpanded .rsbtn_exp {
    inset-inline-start: 0 !important
}

.social-links .a2a_kit {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap
}

.social-links .a2a_more {
    border-top: 1px solid #eee !important;
    text-align: center;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0;
    padding-top: 13px !important;
    border-radius: 0;
    width: 100% !important
}

html[data-theme=dark] .social-links .a2a_more {
    border: none;
    padding-block: 13px !important
}

.social-links .a2a_svg svg {
    width: 25px;
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain
}

.a2a_custom_icon,
.social-links .a2a_img_text {
    margin-right: -3px;
    background-size: 24px;
    height: 24px;
    line-height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible !important
}

.social-links .social_a2a {
    margin-top: 10px;
    color: #0166ff;
    text-decoration: none;
    border: none;
    font: 16px/14px sans-serif-light, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, "Liberation Sans", sans-serif;
    height: auto;
    width: calc(50% - 20px);
    outline: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    background: 0 0
}

    .social-links .social_a2a:hover {
        background-color: transparent;
        color: #0166ff
    }

        .social-links .social_a2a:hover:hover {
            color: #1b74f8 !important
        }

.social-btn:hover.filter-icon img {
    filter: invert(1)
}

.select2-container--default .select2-selection {
    background: url(../images/select-arrow.svg) 0 0/11px no-repeat;
    background-position: calc(100% - 21px) center
}

html[data-theme=dark] .select2-container--default .select2-selection {
    filter: none !important;
    border: 1px solid grey !important
}

    html[data-theme=dark] .select2-container--default .select2-selection .select2-search__field::-moz-placeholder {
        color: #fff !important
    }

    html[data-theme=dark] .select2-container--default .select2-selection .select2-search__field::placeholder {
        color: #fff !important
    }

.select2-container--default .select2-selection:has(.select2-selection__clear) {
    background-image: none
}

.btn-social {
    padding: 15px;
    font-weight: 700
}

.search-news::-webkit-input-placeholder {
    color: #fff !important
}

::-webkit-input-placeholder {
    color: #000 !important
}

html[data-theme=dark] ::-webkit-input-placeholder {
    color: #fff !important
}

.Photo-album .img-holder figcaption p a,
.main-news-slider .slick-slider .slider-content .slider-text .h2,
.main-news-slider .slick-slider .slider-content .slider-text h2,
.main-news-slider .slick-slider .slider-content .slider-text p,
.sliding-text-holder.align-items-lg-center .text-black-80,
.sliding-text-holder.align-items-lg-center p,
.top-picks li article a,
figcaption.caption-overlay .h6,
figcaption.caption-overlay .h6 + p,
figcaption.caption-overlay h6,
figcaption.caption-overlay h6 + p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.custom-modal .h3 > div.d-flex:has(.rsbtn_exp.rsimg.rspart),
.custom-modal .umbraco-forms-field-wrapper .h3 > div.checkboxlist:has(.rsbtn_exp.rsimg.rspart),
.custom-modal .umbraco-forms-field-wrapper h3 > div.checkboxlist:has(.rsbtn_exp.rsimg.rspart),
.custom-modal h3 > div.d-flex:has(.rsbtn_exp.rsimg.rspart),
.umbraco-forms-field-wrapper .custom-modal .h3 > div.checkboxlist:has(.rsbtn_exp.rsimg.rspart),
.umbraco-forms-field-wrapper .custom-modal h3 > div.checkboxlist:has(.rsbtn_exp.rsimg.rspart) {
    margin-bottom: 40px !important
}

.active > .page-link,
.page-link.active {
    background-color: #83273c !important;
    color: #fff !important
}

.profile-tabs-content .interest-check .form-check-input,
.profile-tabs-content .interest-check .umbraco-forms-field-wrapper input[type=checkbox],
.umbraco-forms-field-wrapper .profile-tabs-content .interest-check input[type=checkbox] {
    margin-top: .275rem !important
}

html[dir=rtl] .filter-wrapper .search-btn {
    margin-left: 5px !important
}

.recent-news-ul .lt-22 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 70px
}

html[dir=rtl] .recent-news-ul .viewed-time p {
    margin-right: 0 !important;
    font-size: 14px !important
}

.fc-highlight {
    background: #83273c !important;
    opacity: 1
}

.two-line-paragraph {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px !important
}

.f-0,
.rsbtn_tooltoggle {
    font-size: 0 !important
}

.icon-wrapper {
    display: inline-block;
    content: "";
    padding-inline: 3px;
    color: #3a3a3a
}

html[data-theme=dark] .icon-wrapper {
    color: #c5c5c5
}

.recent-news-ul li .d-flex.flex-column a,
.recent-news-ul li .umbraco-forms-field-wrapper .flex-column.checkboxlist a,
.umbraco-forms-field-wrapper .recent-news-ul li .flex-column.checkboxlist a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    height: 45px
}

.news-widgets-item-right .rsbtn {
    height: 40px !important;
    width: 40px !important
}

.rsbtn.rsexpanded .rsbtn_exp {
    position: absolute !important;
    inset-inline-start: -22em !important;
    top: 50px !important;
    width: 260px !important
}

[data-theme=dark] .important-news .popup,
[data-theme=dark] .iti__country-list,
html[data-theme=dark] .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop span.rsicn,
html[data-theme=dark] .rsbtn_exp_inner {
    background: #212121 !important
}

.news-widgets-item .news-widgets-item-right .rsbtn_play::before {
    inset-inline-start: unset !important
}

@media (max-width:320px) {
    .fs-20 {
        font-size: 12px !important
    }

    .btn.login-btn {
        display: none !important
    }

    .card-container article {
        border-right: 0 !important
    }

        .card-container article > div > figure {
            display: block !important
        }

    .top-picks article .viewed-time ul {
        margin-top: 6px
    }

        .top-picks article .viewed-time ul .social-btn {
            margin-inline-start: 0
        }
}

.currency-details-slider p,
.currency-details-slider span {
    font-size: 13px !important
}

#home-reader a,
.main-news figcaption > a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 50px
}

.account-form .form-label.mb-0,
.account-form .mb-0.umbraco-forms-label {
    margin-bottom: 12px !important
}

.rsbtn_play:before {
    content: "" !important;
    background-image: url(../images/icons/head-phone-2.svg) !important;
    width: 19px !important;
    height: 19px !important;
    display: flex !important;
    background-repeat: no-repeat !important;
    position: absolute;
    inset-inline-start: 5px
}

[data-theme=dark] .double-lines-btm.h5 a img,
[data-theme=dark] .headphones,
[data-theme=dark] .long-arrow,
[data-theme=dark] body .account-form .select2-container--default .select2-selection,
[data-theme=dark] h5.double-lines-btm a img,
html[data-theme=dark] .news-widgets-item-right .rsbtn_right::before,
html[data-theme=dark] .rsbtn_play:before {
    filter: brightness(0) invert(1)
}

@media (max-width:991px) and (min-width:768px) {
    .header .lang-search .search-news {
        width: 180px
    }

    .dark-mode label:after {
        inset-inline-end: 10px !important
    }

    .btn.login-btn .word-wrap {
        max-width: 80px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block
    }

    .login-btn.dropdown-toggle img {
        vertical-align: top !important
    }
}

.top-picks figcaption .viewed-time li .integrations .social-links {
    inset-inline-end: -100px !important;
    inset-inline-start: inherit !important;
    inset-block-start: -100px !important
}

.top-picks figcaption .viewed-time .news-widgets-item-right {
    margin-right: 0 !important;
    border: 0 !important
}

.top-picks .viewed-time p + .text-black-80 {
    font-size: 10px !important
}

.news-widgets {
    margin-bottom: 20px;
    transition: .5s ease-in-out
}

.listing-container li figcaption > a.text-black-color.fw-bold,
.main-news li figcaption > a.text-black-color.fw-bold {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 75px !important;
    line-height: 1.5
}

.news-details .news-widgets:has(.rsbtn_exp.rsimg.rspart) {
    margin-bottom: 40px !important
}

.news-widgets-item:has(.rsbtn_exp.rsimg.rspart) {
    margin-bottom: 15px !important
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop span.rsicn {
    line-height: 1.8em !important
}

.recent-news .scrollable-list {
    max-height: 800px !important
}

.ps-2 {
    padding-left: 0 !important;
    padding-inline-start: 0.5rem !important
}

.contact-info {
    margin-inline: 1.5rem;
    display: flex;
    min-width: 435px;
    padding: 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
}

html[data-theme=dark] .contact-info {
    background-color: transparent !important;
    border: 1px solid grey
}

.contact .h4,
.contact h4 {
    line-height: 23px
}

.contact-info-list p {
    line-height: 25px;
    margin-bottom: 0
}

.contact-info-list span {
    margin-top: 4px;
    margin-right: 1.5rem
}

    .contact-info-list span i {
        width: 18px
    }

html[dir=rtl] .contact-info-list span {
    margin-left: 1.5rem;
    margin-right: 0
}

.mx-250 {
    max-width: 250px
}

.fa-rotate-45,
html[dir=rtl] .chatbot .beta-btn span {
    transform: rotate(45deg)
}

.news-details .slider-holder .main-news-link:After {
    background: 0 0
}

.news-widgets-item-right .rsbtn_right::before,
.news-widgets-item-right .rsbtn_text span,
.news-widgets-item-right .rsbtn_text::before,
.news-widgets-item-right .rsicn::before,
html[data-theme=dark] .news-details .viewed-time p a,
html[data-theme=dark] .profile-tabs-button button span i {
    color: #000 !important
}

.news-details .news-widgets-item-right .rsbtn_play:before {
    inset-inline-start: unset !important;
    align-items: center;
    justify-content: center;
    inset-inline: 11px
}

.news-details-holder .h2,
.news-details-holder h2 {
    line-height: 37px;
    color: #0b0b0b
}

.download-doc:hover a,
.umbraco-forms-field-wrapper html[data-theme=dark] .radiobuttonlist label,
.umbraco-forms-field-wrapper html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist label,
html[data-theme=dark] .my-reports-download ul li .title > p,
html[data-theme=dark] .news-details .related-news-holder-content a,
html[data-theme=dark] .news-details-holder .h2,
html[data-theme=dark] .news-details-holder h2,
html[data-theme=dark] .news-details-holder-more #SelectebleItemsContainer .selectable-text,
html[data-theme=dark] .news-details-holder-more .more-desp .last-p,
html[data-theme=dark] .news-widgets-item-right .rsbtn_right::before,
html[data-theme=dark] .news-widgets-item-right .rsbtn_text span,
html[data-theme=dark] .news-widgets-item-right .rsbtn_text::before,
html[data-theme=dark] .news-widgets-item-right .rsicn::before,
html[data-theme=dark] .profile-tabs-button .profile-btn-top p span,
html[data-theme=dark] .profile-tabs-button button a,
html[data-theme=dark] .profile-tabs-button button i,
html[data-theme=dark] .radio-confirm label,
html[data-theme=dark] .special-list-holder ul:not(.pagination) li a,
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check label,
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist label,
html[data-theme=dark] .survey-sec .nav-tabs .survey-tabSecond a,
html[data-theme=dark] .umbraco-forms-field-wrapper .radiobuttonlist label,
html[data-theme=dark] .useful-link-item figure p {
    color: #fff !important
}

.news-details-holder-description p {
    color: #1b2024;
    margin-bottom: 12px
}

.news-details-holder-description .desp-last {
    font-style: italic;
    line-height: 24px
}

.news-details-holder .slider-holder {
    margin-block-end: 0
}

.news-details-holder-more p span {
    color: #1b2024;
    font-size: 13px;
    line-height: 17px
}

html[data-theme=dark] .news-details-holder-more p span {
    color: hsla(0, 0%, 100%, .8) !important;
    background-color: transparent !important;
    font-size: 16px !important
}

.news-details-holder-more #SelectebleItemsContainer {
    color: rgba(27, 32, 36, .8) !important
}

html[data-theme=dark] .news-details-holder-more #SelectebleItemsContainer {
    color: #fff !important;
    background-color: transparent !important
}

.news-details-holder-more .more-desp p {
    color: rgba(27, 32, 36, .8);
    line-height: 24px
}

html[data-theme=dark] .news-details-holder-more .more-desp p {
    color: rgba(255, 255, 255, .8) !important;
    background-color: transparent !important
}

.news-details-holder-more .more-desp .last-p {
    color: #1b2024
}

.news-details-holder-more .detail-img {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 5px
}

.news-widgets-item-right .rsbtn_play,
.news-widgets-item-right .rsbtn_tooltoggle {
    border: none !important;
    background-color: transparent !important
}

html[data-theme=dark] .news-details-holder-more .detail-img {
    border-bottom: 1px solid rgba(217, 217, 217, .2117647059)
}

.news-details-holder-more .keyword-search a,
.top-picks li article .viewed-time ul .social-btn {
    margin-inline-end: 0 !important
}

.news-details .related-news-holder-item {
    padding-right: 1rem;
    padding-left: 1rem
}

.news-details .related-news-holder-content a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px
}

.iframe-video {
    height: 450px
}

@media (max-width:640px) {
    .news-details-holder-center,
    .news-details-holder-more .detail-img span,
    .news-widgets {
        display: block
    }

    .news-widgets-item {
        margin-bottom: 10px
    }

    .news-details-holder-more .detail-img {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

        .news-details-holder-more .detail-img img {
            width: 100%
        }

    .news-details .related-news-holder-item {
        padding-right: 0;
        padding-left: 0
    }

    .news-details .related-news-holder-content .related-desp {
        margin-top: 0 !important
    }

    .news-details .related-news-holder-content .viewed-time {
        padding-block: 5px !important
    }

    .iframe-video {
        height: 200px
    }
}

.news-widgets .viewed-time a.catgry-time {
    margin-inline-end: 5px;
    padding: 5px 15px;
    background: #f5f5f5
}

.news-widgets-item-right {
    background-color: #fff !important;
    border: 1px solid #dbdbdb !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important
}

    .news-widgets-item-right a {
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center
    }

html[data-theme=dark] .news-widgets-item-right a img {
    filter: invert(1)
}

html[data-theme=dark] .news-widgets-item-right {
    color: #212121 !important;
    background-color: #212121 !important
}

.news-widgets-item-right .rsbtn {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.news-widgets-item-right .rsbtn_right::before {
    content: "" !important;
    background-image: url(../images/icons/head-phone-2.svg);
    width: 20px;
    height: 20px;
    display: flex;
    background-repeat: no-repeat
}

.editable-cell .editable-field .edit-button,
.media-office table .edit-button {
    background-image: url("../images/icons/pen-icon.svg");
    background-repeat: no-repeat
}

.news-widgets-item-right .rsbtn_play {
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    float: none !important
}

.top-picks .list-row .news-widgets-item-right .rsbtn_play:before,
html[data-theme=dark] .news-widgets-item-right .rsbtn_play:before {
    inset-inline-start: 12px !important
}

.news-widgets-item-right .rsbtn_play .rsbtn_right.rsimg {
    padding: 0 0 0 4px !important;
    background-image: none;
    display: flex;
    align-items: center
}

.backend-class .catgry-time {
    margin-bottom: 10px !important
}

.backend-class li {
    font-family: Arial, sans-serif !important;
    color: rgba(27, 32, 36, .8)
}

.rsbtn_tooltoggle {
    display: none !important;
    width: 0 !important;
    outline: 0 !important
}

.rs-player-loadindicator {
    left: inherit !important
}

.news-detail-caption {
    color: #1b2024;
    font-size: 13px;
    font-weight: 300
}

.job-vacancies-item .card {
    display: flex;
    height: 100%;
    border-radius: 0;
    border-color: rgba(207, 203, 203, .25) !important
}

html[data-theme=light] .job-vacancies-item .card {
    border-color: rgba(168, 168, 168, .5) !important
}

html[data-theme=dark] .job-vacancies-item .card,
html[data-theme=dark] .poll-content input + label,
html[data-theme=dark] .show-result .feedback .poll-content input + label {
    background: 0 0
}

.job-vacancies-item .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px
}

    .job-vacancies-item .card-body .card-title {
        line-height: 24px
    }

    .job-vacancies-item .card-body .card-text {
        font-size: 14px;
        line-height: 20px;
        color: rgba(27, 32, 36, .8)
    }

    .job-vacancies-item .card-body .line-breaks {
        margin-top: auto;
        width: 100%;
        border-bottom: 1px solid rgba(207, 203, 203, .25);
        margin-bottom: 16px
    }

    .job-vacancies-item .card-body:has(h5.card-title, .card-title.h5) {
        align-items: center !important
    }

.job-details .gap-20 {
    gap: 20px
}

.job-details .modal-header .btn-close {
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M26.9998 1L1 27" stroke="%2383273C"/><path d="M1.00024 1L27 27" stroke="%2383273C"/></svg>');
    --bs-btn-close-focus-shadow: none;
    opacity: 1 !important;
    width: 28px;
    height: 28px;
    padding: 10px;
    font-size: 28px;
    position: absolute;
    inset-inline-end: 50px;
    inset-block-start: 50px;
    z-index: 2
}

html[data-theme=dark] .job-details .modal-header .btn-close {
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M26.9998 1L1 27" stroke="%23FFC04B"/><path d="M1.00024 1L27 27" stroke="%23FFC04B"/></svg>')
}

.job-details .modal-dialog {
    max-width: 900px !important
}

.job-details .modal-body {
    padding: 0 24px 24px 50px
}

.job-details .modal-body-title {
    line-height: 36px
}

.job-details .modal-description {
    padding: 24px 120px 50px 50px;
    border-top: 1px solid rgba(48, 48, 48, .2)
}

    .job-details .modal-description p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: rgba(27, 32, 36, .8)
    }

.job-details ol,
.job-details ul,
.job-points ol,
.job-points ul {
    padding-inline: 30px
}

    .job-details ol li,
    .job-details ul li,
    .job-points ol li,
    .job-points ul li {
        list-style: disc;
        color: rgba(27, 32, 36, .8);
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

.job-points {
    margin-top: 25px
}

    .job-points .h6,
    .job-points h6 {
        font-size: 14px;
        line-height: 22px;
        color: rgba(27, 32, 36, .8)
    }

.useful-link-item {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 30px;
    margin-bottom: 50px;
    min-height: 360px;
    height: calc(100% - 50px)
}

html[data-theme=dark] .useful-link-item {
    border: 1px solid #494949
}

.useful-link-item figure .h6,
.useful-link-item figure h6 {
    padding-top: 32px;
    padding-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 90px;
    line-height: 1.5
}

.training-programs-item {
    border: 1px solid rgba(168, 168, 168, .2);
    padding: 24px;
    margin-bottom: 25px;
    min-height: 560px
}

    .training-programs-item figure img {
        width: 100%;
        aspect-ratio: 4/3;
        -o-object-fit: cover;
        object-fit: cover;
        min-height: 350px
    }

    .training-programs-item figcaption .training-bottom-sec p {
        font-size: 14px;
        line-height: 24px;
        color: rgba(27, 32, 36, .8);
        margin-bottom: 0 !important
    }

        .training-programs-item figcaption .training-bottom-sec p span {
            padding-right: 10px
        }

    .training-programs-item figcaption .training-bottom-sec a {
        font-size: 14px;
        padding-inline: 10px !important;
        padding-block: 5px !important
    }

    .training-programs-item .training-top-sec {
        padding-top: 24px
    }

        .training-programs-item .training-top-sec .h5,
        .training-programs-item .training-top-sec h5 {
            min-height: 44px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

            .training-programs-item .training-top-sec .h5 a,
            .training-programs-item .training-top-sec h5 a,
            .training-programs-item .training-top-sec p a {
                position: relative;
                inset: 3px
            }

        .training-programs-item .training-top-sec p {
            font-size: 14px;
            font-weight: 400;
            color: rgba(27, 32, 36, .8)
        }

html[data-theme=dark] .my-info .interest-check,
html[data-theme=dark] .our-training .card,
html[data-theme=dark] .training-contact .card {
    background: 0 0;
    border: 1px solid rgba(255, 255, 255, .2)
}

.our-training .card .card-body p {
    margin-bottom: 0;
    color: #1b2024
}

.our-training .card .card-body .card-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 31px
}

.our-training .card .card-body .card-p {
    line-height: 31px
}

html[dir=rtl] .training-contact-list p span {
    direction: rtl;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.training-form .mobile-input .info-eg {
    inset-block-start: 20px !important
}

#calendar table .fc-bg,
#calendar table .fc-content-skeleton,
#calendar table .fc-highlight-skeleton,
.umbraco-forms-field-wrapper {
    height: 56px
}

    .umbraco-forms-field-wrapper input {
        line-height: 1 !important
    }

        .umbraco-forms-field-wrapper input[type=date i]::-webkit-calendar-picker-indicator {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.176' height='16.732' viewBox='0 0 15.176 16.732'%3E%3Cg id='calender' transform='translate(-0.736 -0.134)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M5.214,3.636a.588.588,0,0,1-.584-.584V.717A.584.584,0,1,1,5.8.717V3.052A.588.588,0,0,1,5.214,3.636Z' fill='%2383273c'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M11.434,3.636a.588.588,0,0,1-.584-.584V.717a.584.584,0,0,1,1.167,0V3.052A.588.588,0,0,1,11.434,3.636Z' fill='%2383273c'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M5.6,10.446a.775.775,0,0,1-.3-.062.747.747,0,0,1-.483-.716.775.775,0,0,1,.062-.3.9.9,0,0,1,.163-.257A.8.8,0,0,1,5.3,8.951a.8.8,0,0,1,.848.163.818.818,0,0,1,.226.553,1.17,1.17,0,0,1-.016.156.5.5,0,0,1-.047.14.589.589,0,0,1-.07.14,1.226,1.226,0,0,1-.093.117A.818.818,0,0,1,5.6,10.446Z' fill='%2383273c'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M8.327,10.445a.775.775,0,0,1-.3-.062.747.747,0,0,1-.483-.716.775.775,0,0,1,.062-.3.9.9,0,0,1,.163-.257.8.8,0,0,1,.257-.163.78.78,0,0,1,.848.163.818.818,0,0,1,.226.553,1.17,1.17,0,0,1-.016.156.5.5,0,0,1-.047.14.589.589,0,0,1-.07.14,1.226,1.226,0,0,1-.093.117A.818.818,0,0,1,8.327,10.445Z' fill='%2383273c'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M11.045,10.445a.774.774,0,0,1-.3-.062.8.8,0,0,1-.257-.163L10.4,10.1a.591.591,0,0,1-.07-.14.5.5,0,0,1-.047-.14,1.167,1.167,0,0,1-.016-.156.819.819,0,0,1,.226-.553.8.8,0,0,1,.257-.163.777.777,0,0,1,.848.163.818.818,0,0,1,.226.553,1.166,1.166,0,0,1-.016.156.5.5,0,0,1-.047.14.588.588,0,0,1-.07.14,1.208,1.208,0,0,1-.093.117A.818.818,0,0,1,11.045,10.445Z' fill='%2383273c'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M5.6,13.17a.775.775,0,0,1-.3-.062.9.9,0,0,1-.257-.163.819.819,0,0,1-.226-.553.774.774,0,0,1,.062-.3.727.727,0,0,1,.163-.257A.781.781,0,1,1,5.6,13.17Z' fill='%2383273c'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M8.327,13.17a.771.771,0,0,1-.778-.778.774.774,0,0,1,.062-.3.727.727,0,0,1,.163-.257.815.815,0,0,1,1.105,0,.727.727,0,0,1,.163.257.774.774,0,0,1,.062.3.771.771,0,0,1-.778.778Z' fill='%2383273c'/%3E%3Cpath id='Path_8' data-name='Path 8' d='M11.045,13.17a.818.818,0,0,1-.553-.226.726.726,0,0,1-.163-.257.733.733,0,0,1,0-.592.726.726,0,0,1,.163-.257.777.777,0,0,1,.7-.21.466.466,0,0,1,.148.047.588.588,0,0,1,.14.07,1.223,1.223,0,0,1,.117.093.778.778,0,0,1-.552,1.331Z' fill='%2383273c'/%3E%3Cpath id='Path_9' data-name='Path 9' d='M14.942,6.819H1.712a.584.584,0,0,1,0-1.167h13.23a.584.584,0,1,1,0,1.167Z' fill='%2383273c'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M11.437,16.866H5.211c-2.841,0-4.475-1.634-4.475-4.475V5.776C.736,2.935,2.371,1.3,5.211,1.3h6.226c2.841,0,4.475,1.634,4.475,4.475v6.615C15.912,15.231,14.278,16.866,11.437,16.866ZM5.211,2.468C2.985,2.468,1.9,3.55,1.9,5.776v6.615c0,2.226,1.082,3.307,3.308,3.307h6.226c2.226,0,3.308-1.082,3.308-3.307V5.776c0-2.226-1.082-3.308-3.308-3.308Z' fill='%2383273c'/%3E%3C/g%3E%3C/svg%3E%0A");
            width: 100%;
            background-position: right
        }

        .umbraco-forms-field-wrapper input[type=file] {
            background-repeat: no-repeat;
            background-position: right
        }

        .umbraco-forms-field-wrapper input[type=checkbox]:focus {
            box-shadow: none;
            border-color: #dee2e6
        }

        .umbraco-forms-field-wrapper input[type=time i]::-webkit-calendar-picker-indicator {
            width: 100%;
            background-position: right;
            background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0idGltZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxwYXRoIGlkPSJQYXRoXzEiIGRhdGEtbmFtZT0iUGF0aCAxIiBkPSJNMTEuOTksMkExMCwxMCwwLDEsMCwyMiwxMiwxMCwxMCwwLDAsMCwxMS45OSwyWk0xMiwyMGE4LDgsMCwxLDEsOC04QTgsOCwwLDAsMSwxMiwyMFoiIGZpbGw9IiM4MzI3M2MiLz4NCiAgPHBhdGggaWQ9IlBhdGhfMiIgZGF0YS1uYW1lPSJQYXRoIDIiIGQ9Ik0wLDBIMjRWMjRIMFoiIGZpbGw9Im5vbmUiLz4NCiAgPHBhdGggaWQ9IlBhdGhfMyIgZGF0YS1uYW1lPSJQYXRoIDMiIGQ9Ik0xMi41LDdIMTF2Nmw1LjI1LDMuMTVMMTcsMTQuOTJsLTQuNS0yLjY3WiIgZmlsbD0iIzgzMjczYyIvPg0KPC9zdmc+DQo=)
        }

.profile-tabs {
    display: flex;
    align-items: start
}

.profile-tabs-logo {
    display: flex;
    height: 96px;
    width: 95px;
    padding: 27px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: #d7bc89
}

    .profile-tabs-logo .h5,
    .profile-tabs-logo h5 {
        margin-bottom: 0 !important;
        color: #333;
        font-size: 26px;
        line-height: 30px
    }

.profile-tabs-name .line-seperator {
    border-bottom: 3px solid #d9d9d9
}

.profile-tabs-button .report-icon {
    width: 12px
}

html[data-theme=dark] .survey-sec .nav-tabs .survey-tabSecond a img,
html[data-theme=light] .profile-tabs-button .report-icon {
    filter: brightness(10)
}

html[data-theme=dark] #webchat .webchat__bubble__content a img,
html[data-theme=dark] .search-suggestions .flex-shrink-0 img {
    filter: invert(1)
}

.profile-tabs-button .profile-btn-top p span,
.profile-tabs-button p span {
    color: rgba(0, 0, 0, .8);
    font-size: 11px
}

.profile-tabs-button .profile-btn-top {
    padding-bottom: 1rem
}

.profile-tabs-button .profile-btn-middle {
    padding-top: 1.5rem
}

.profile-tabs-button .profile-btn-bottom a {
    text-decoration: underline;
    padding-top: 1.5rem
}

.profile-tabs-button button {
    display: flex;
    max-width: 260px;
    background-color: #fff !important;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 0;
    width: 100%;
    text-align: left
}

.my-info input,
.my-info select {
    background-color: #f4f4f4
}

html[dir=rtl] .profile-tabs-button button {
    padding-right: 0;
    padding-left: inherit;
    text-align: right
}

html[data-theme=dark] .profile-tabs-button button {
    background-color: transparent !important;
    color: #fff
}

.profile-tabs-button button span {
    background-color: #83273c;
    padding: 1px;
    border-radius: 100%;
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    text-align: center
}

html[dir=rtl] .profile-tabs-button button span {
    margin-right: 0;
    margin-left: 10px
}

.profile-tabs-button button span i {
    color: #fff;
    font-size: 12px;
    vertical-align: middle
}

.profile .profile-tabs-content {
    border: 1px solid #dadada
}

    .profile .profile-tabs-content .padding-50 {
        padding: 50px
    }

    .profile .profile-tabs-content .my-favourites-content {
        align-items: center;
        gap: 15px;
        padding-bottom: 10px
    }

    .profile .profile-tabs-content .my-favourites .clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-width: 500px
    }

    .profile .profile-tabs-content .my-favourites .my-favourites-content .clamp-2 a:focus {
        position: absolute;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-width: 500px
    }

    .profile .profile-tabs-content #buttonClearReportsSearch,
    .profile .profile-tabs-content #buttonReportsSearch {
        width: 180px !important;
        display: flex;
        align-items: center;
        justify-content: center
    }

.b-bottom {
    border-bottom: 1px solid rgba(51, 51, 51, .1);
    margin-bottom: 2rem
}

.search-input {
    width: 100%;
    height: 56px;
    border: 1px solid #c8c8c8;
    padding-inline-start: 50px;
    padding-top: 1px;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    background-image: url("../images/icons/search.svg");
    background-repeat: no-repeat;
    background-position: 2%;
    margin-left: 10px;
    outline: 0;
    border-radius: 6px
}

html[dir=rtl] .search-input {
    background-position: right .75em center
}

.search-input::-webkit-search-cancel-button {
    position: relative;
    right: 20px;
    -webkit-appearance: none;
    appearance: none;
    height: 15px;
    width: 15px;
    background-image: url("../images/icons/close.svg")
}

html[data-theme=dark] .search-input::-webkit-search-cancel-button {
    filter: invert(1)
}

.btn-submit:hover {
    background-color: #670d22;
    border-color: #670d22;
    color: #fff
}

.my-reports-download ul li {
    border: .1rem solid rgba(168, 168, 168, .8);
    width: 47%;
    padding: 24px;
    margin-bottom: 40px
}

html[data-theme=dark] .my-reports-download ul li,
html[data-theme=dark] .vision-holder-document .document-holder,
html[data-theme=dark] .vision-holder-document .document-holder .download-doc {
    border: 1px solid rgba(255, 255, 255, .2)
}

@media (max-width:1199px) {
    .header .date-time {
        display: none
    }

    .weather-details {
        overflow: hidden;
        overflow-x: scroll
    }

    .my-reports-download ul li {
        width: 100%;
        margin: 0 0 30px
    }
}

.my-reports-download ul li:nth-child(odd) {
    margin-inline-end: 40px
}

.my-reports-download ul li .title > p {
    font-weight: 400 !important;
    color: rgba(0, 0, 0, .8) !important
}

.my-reports-download ul li .title .h6,
.my-reports-download ul li .title h6 {
    color: #000;
    font-size: 18px !important;
    font-weight: 700;
    padding-bottom: 15px;
    text-transform: capitalize
}

.my-reports-download ul li .download-pdf {
    display: flex;
    gap: 10px
}

    .my-reports-download ul li .download-pdf a {
        border-radius: 6px;
        background: #f4f4f4;
        width: 25% !important;
        padding: 14px;
        position: relative;
        font-weight: 400;
        line-height: 27px;
        font-size: 16px;
        color: #000;
        text-transform: uppercase
    }

html[data-theme=dark] .my-reports-download ul li .download-pdf a {
    background: 0 0;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .2)
}

.my-reports-download ul li .download-pdf a img {
    margin-top: -5px
}

.my-reports-download ul li .download-pdf a span:after {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #000;
    -webkit-mask-image: url(../images/icons/download-icon.svg);
    mask-image: url(../images/icons/download-icon.svg);
    position: absolute;
    inset-block: 15px;
    inset-inline-end: 15px
}

.my-reports-download.full-width .title .h6,
.my-reports-download.full-width .title h6 {
    font-size: 14px;
    margin: 0
}

.home-banner .slider-text,
.my-reports-download.full-width li .download-pdf {
    max-width: 100%
}

.my-reports-download.full-width .download {
    white-space: nowrap;
    width: auto
}

.my-reports-download.full-width .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-inline-start: 15px
}

.my-reports-download .text-black7 {
    color: rgba(0, 0, 0, .7)
}

.my-reports .reportrange {
    display: flex;
    align-items: center;
    padding-block: 5px;
    padding-inline: 8px 35px;
    min-width: 210px;
    height: 100%;
    border: 1px solid #c8c8c8;
    border-radius: 6px
}

    .my-reports .reportrange span::after {
        top: 20px
    }

.my-reports .daterangepicker {
    position: static;
    background-color: transparent
}

    .listing-container .list-row li,
    .my-reports .daterangepicker .ranges {
        width: 25%
    }

    .my-reports .daterangepicker .drp-calendar {
        min-width: 37%
    }

@media (min-width:992px) and (max-width:1399.98px) {
    .my-reports .daterangepicker .ranges,
    .my-reports .daterangepicker .ranges ul {
        width: 100%
    }

    .my-reports .daterangepicker .drp-calendar {
        min-width: 100%;
        margin-top: 10px
    }
}

.my-reports .daterangepicker .calendar-table .drp-buttons .btn:focus,
.my-reports .daterangepicker .calendar-table .drp-buttons .btn:hover {
    border: none !important;
    background: #83273c
}

.my-reports .custom-calender {
    margin-top: 15px
}

.my-reports hr {
    border-color: rgba(0, 0, 0, .55)
}

.my-info label {
    padding-bottom: 10px;
    color: #1e293b;
    font-weight: 700;
    font-size: 15px
}

.my-info input {
    color: #000
}

html[data-theme=dark] .my-info input::-moz-placeholder {
    color: #908f8f
}

html[data-theme=dark] .my-info input::placeholder {
    color: #908f8f
}

.my-info .interest-check {
    background: #eee;
    width: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    gap: 10px
}

    .my-info .interest-check .form-check-input,
    .my-info .interest-check .umbraco-forms-field-wrapper input[type=checkbox],
    .umbraco-forms-field-wrapper .my-info .interest-check input[type=checkbox] {
        background-color: #fff;
        border: 1px solid #c1c1c1;
        margin-left: 0 !important;
        cursor: pointer
    }

        .my-info .interest-check .form-check-input:focus,
        .my-info .interest-check .umbraco-forms-field-wrapper input[type=checkbox]:focus,
        .umbraco-forms-field-wrapper .my-info .interest-check input[type=checkbox]:focus {
            outline: 0;
            box-shadow: none;
            border: 0
        }

    .my-info .interest-check .form-check-label {
        font-size: 16px;
        line-height: 25px;
        padding-bottom: 0 !important;
        padding-top: 12px;
        cursor: pointer
    }

.editable-cell {
    transition: .3s linear
}

    .editable-cell .editable-field {
        display: flex;
        justify-content: space-between;
        position: relative;
        flex-direction: column
    }

        .editable-cell .editable-field .editable-input {
            display: block;
            width: 100%;
            font-size: 1rem;
            font-weight: 400;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: .375rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            border: 1px solid #c8c8c8;
            padding: 0 20px;
            height: 56px
        }

            .editable-cell .editable-field .editable-input:focus {
                outline: 0;
                background: #fff;
                color: #545454
            }

        .editable-cell .editable-field .edit-button {
            cursor: pointer;
            position: absolute;
            inset-inline-end: 15px;
            top: 51px;
            width: 20px;
            height: 20px
        }

html[data-theme=dark] .editable-cell .editable-field .edit-button {
    background-image: none;
    -webkit-mask-image: url(../images/icons/pen-icon.svg);
    mask-image: url(../images/icons/pen-icon.svg);
    background-color: #ffc04b;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    content: ""
}

.editable-cell .editable-field .hide {
    visibility: hidden !important
}

.editable-cell .editable-field .editing {
    background: #e9f5fa;
    color: #f1f1f1;
    box-shadow: -2px 0 0 #0081c6
}

.editable-cell .fa-fw {
    inset-block: 40px
}

.editable-cell .iti--separate-dial-code {
    flex-basis: 20%
}

html[data-theme=dark] #Logout-Button button {
    color: #fff !important;
    text-decoration: underline
}

.radio-confirm .form-group,
.umbraco-forms-field-wrapper .radiobuttonlist .form-group {
    margin: 1rem 0
}

.radio-confirm input[type=radio]:checked + label::before,
.umbraco-forms-field-wrapper .radiobuttonlist input[type=radio]:checked + label::before {
    border-color: #83273c
}

.radio-confirm input[type=radio]:checked + label::after,
.umbraco-forms-field-wrapper .radiobuttonlist input[type=radio]:checked + label::after {
    transform: translateY(-50%) scale(.55)
}

.radio-confirm label,
.umbraco-forms-field-wrapper .radiobuttonlist label {
    cursor: pointer;
    position: relative;
    padding-inline-start: 2.5em
}

    .radio-confirm label::before,
    .umbraco-forms-field-wrapper .radiobuttonlist label::before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: transparent;
        border: 2px solid #83273c;
        border-radius: 50%;
        top: 50%;
        inset-inline-start: 14px;
        transform: translateY(-50%);
        transition: border-color .4s
    }

.umbraco-forms-field-wrapper html[data-theme=dark] .radiobuttonlist label::before,
html[data-theme=dark] .radio-confirm label::before,
html[data-theme=dark] .umbraco-forms-field-wrapper .radiobuttonlist label::before {
    border: 2px solid #ffc04b !important
}

.radio-confirm label::after,
.umbraco-forms-field-wrapper .radiobuttonlist label::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #83273c;
    border: 2px solid #83273c;
    border-radius: 50%;
    top: 50%;
    inset-inline-start: 14px;
    transform: translateY(-50%) scale(0);
    transition: transform .4s
}

.umbraco-forms-field-wrapper html[data-theme=dark] .radiobuttonlist label::after,
html[data-theme=dark] .radio-confirm label::after,
html[data-theme=dark] .umbraco-forms-field-wrapper .radiobuttonlist label::after {
    border: 2px solid #ffc04b;
    background: #ffc04b
}

.special-list-holder ul:not(.pagination) li {
    border-bottom: 1px solid rgba(200, 200, 200, .4);
    margin-bottom: 1.5rem
}

    .special-list-holder ul:not(.pagination) li p {
        position: relative;
        padding-left: 20px
    }

html[dir=rtl] .special-list-holder ul:not(.pagination) li p {
    padding-right: 20px;
    padding-left: 0
}

.special-list-holder ul:not(.pagination) li p:before {
    content: "";
    background: #83273c;
    position: absolute;
    inset-block-start: 5px;
    inset-inline-start: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px
}

.media-office table {
    border: 1px solid rgba(0, 0, 0, .1);
    text-align: center
}

    .media-office table td {
        border: 1px solid rgba(0, 0, 0, .1);
        vertical-align: middle
    }

        .media-office table td:last-of-type a {
            width: 10px;
            display: block;
            height: 10px;
            margin: auto;
            cursor: pointer
        }

    .media-office table th {
        background-color: #83273c;
        color: #fff;
        border: 1px solid #fff;
        padding: 17px 34px
    }

    .media-office table .accept-status,
    .media-office table .details,
    .media-office table .progress-status,
    .media-office table .refused-status {
        border-radius: 4px;
        font-weight: 700;
        text-align: center;
        font-size: 12px
    }

    .media-office table .accept-status {
        background-color: rgba(57, 187, 157, .3);
        color: #39bb9d;
        padding: 5px
    }

    .media-office table .progress-status {
        background-color: rgba(255, 164, 81, .3);
        color: #ffa451;
        padding: 5px
    }

    .media-office table .refused-status {
        background-color: rgba(250, 129, 129, .3);
        color: #fa8181;
        padding: 5px
    }

    .media-office table .details {
        background-color: rgba(131, 39, 60, .3)
    }

        .media-office table .details a {
            display: block;
            padding: 5px;
            color: #83273c;
            cursor: pointer
        }

    .media-office table .edit-button {
        cursor: pointer;
        position: absolute;
        inset-inline: 0;
        inset-block: 0;
        width: 20px;
        height: 20px
    }

.my-favourites-content .bookmark-wrapper {
    border-radius: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-inline-end: 0 !important
}

.my-favourites-content .flex-shrink-0 img {
    width: 150px !important
}

.field-icon {
    position: absolute;
    z-index: 1;
    inset-inline-end: 20px;
    inset-block: 45px
}

input::-ms-reveal {
    display: none
}

.download-disable {
    color: #a2a2a2 !important;
    background: #d4d4d4 !important
}

html[data-theme=dark] .download-disable {
    background: #9c9c9c !important;
    color: #5b5b5b !important
}

    html[data-theme=dark] .download-disable span:after {
        background: #5b5b5b !important
    }

.download-disable img {
    opacity: .5 !important
}

.download-disable span:after {
    background: #a2a2a2 !important
}

.his_highness-item .his_highness-camera {
    color: #fff;
    position: absolute;
    inset-inline-start: 20px;
    inset-block-end: 20px;
    z-index: 9;
    padding: 6px;
    border-radius: 2px;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: rgba(131, 39, 60, .7)
}

    .his_highness-item .his_highness-camera img {
        position: relative;
        z-index: 9;
        color: #fff;
        width: 17px;
        height: 17px;
        border: 0 !important
    }

.conference-location {
    width: 100%;
    margin-bottom: 22px
}

.conference-date {
    width: 100%;
    white-space: nowrap
}

.conference .dropdownmultiselect select,
.conference .form-control,
.conference .umbraco-forms-field-wrapper input,
.conference .umbraco-forms-field-wrapper select,
.conference .umbraco-forms-field-wrapper textarea,
.dropdownmultiselect .conference select,
.umbraco-forms-field-wrapper .conference input,
.umbraco-forms-field-wrapper .conference select,
.umbraco-forms-field-wrapper .conference textarea {
    height: 45px !important;
    color: #737373 !important;
    background-color: transparent !important
}

.conference-item {
    border: 1px solid rgba(168, 168, 168, .2);
    padding: 0;
    margin-bottom: 42px;
    height: calc(100% - 42px)
}

    .conference-item figure {
        margin: 0;
        position: relative;
        overflow: hidden
    }

        .conference-item figure img {
            transition: .3s
        }

            .conference-item figure img:hover {
                transform: scale(1.02)
            }

    .conference-item figcaption p {
        max-width: 305px
    }

        .conference-item figcaption p a {
            color: #222;
            font-size: 20px;
            font-weight: 400;
            line-height: 23px
        }

            .conference-item figcaption p a:hover {
                color: #222 !important;
                text-decoration: underline !important
            }

.featured-scroll .card-body p a:hover,
html[data-theme=dark] .conference-item figcaption p a:hover {
    color: #fff !important;
    text-decoration: underline !important
}

.conference-item-top {
    margin-bottom: 30px;
    margin-top: -45px;
    z-index: 9;
    position: relative
}

    .conference-item-top .event {
        background: #8b0d35;
        padding: 6px 16px;
        color: #fff;
        font-weight: 400;
        width: -moz-max-content;
        width: max-content;
        border-radius: 6px;
        font-size: 16px
    }

.conference-item-middle {
    border-bottom: 1px solid rgba(168, 168, 168, .2);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 84px;
    line-height: 24px
}

    .conference-item-middle:has(a:focus) {
        overflow: unset !important
    }

.conference-item-bottom {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 20px;
    flex-wrap: wrap
}

    .conference-item-bottom i {
        width: 18px;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-block;
        margin-inline-end: 5px !important
    }

html[dir=rtl] .conference-item-bottom i {
    padding-left: .5rem !important;
    padding-right: 0 !important
}

    html[dir=rtl] .conference-item-bottom i.me-2 {
        margin-right: 2px !important
    }

.conference-item .conference-date i {
    margin-inline-end: 1px !important
}

html[dir=rtl] .conference button {
    margin-left: 10px !important
}

@media (min-width:768px) and (max-width:1199.98px) {
    .header .header-menu ul li {
        margin-inline: 7px
    }

    .conference .btn {
        white-space: nowrap;
        width: auto !important;
        padding-inline: 10px !important
    }
}

.dropdownmultiselect html[dir=rtl] .conference select,
.umbraco-forms-field-wrapper html[dir=rtl] .conference select,
html[dir=rtl] .conference .dropdownmultiselect select,
html[dir=rtl] .conference .form-select,
html[dir=rtl] .conference .umbraco-forms-field-wrapper select {
    background-position: left .75rem center !important
}

.conference .col-lg-2 > .d-flex,
.conference .umbraco-forms-field-wrapper .col-lg-2 > .checkboxlist,
.umbraco-forms-field-wrapper .conference .col-lg-2 > .checkboxlist {
    gap: 5px
}

.conferences-detail .conference-icons {
    margin-bottom: 50px
}

html[data-theme=dark] .conferences-detail .viewed-time p {
    color: #ffc04b !important;
    background-color: transparent !important
}

.conferences-detail .main-news-slider .slick-slider .slider-content .main-news-link img {
    min-height: 600px !important
}

.vision-holder .vision-content {
    margin-top: 1rem
}

    .vision-holder .vision-content p {
        line-height: 1.6;
        margin-bottom: 20px
    }

.vision-holder .vision-content-listing ul {
    padding-inline: 2rem;
    padding-block: 5px;
    margin-bottom: 20px
}

    .vision-holder .vision-content-listing ul li {
        line-height: 1.7;
        font-weight: 400;
        list-style: disc;
        padding-bottom: 4px
    }

        .vision-holder .vision-content-listing ul li span {
            font-weight: 700;
            font-size: 16px
        }

.vision-holder-document .h5,
.vision-holder-document h5 {
    font-size: 22px;
    margin-bottom: 20px
}

.vision-holder-document .document-holder {
    padding: 50px 50px 10px;
    border: 1px solid #f0f0f0
}

    .vision-holder-document .document-holder p {
        font-size: 18px;
        margin: 3px 3px 20px
    }

    .vision-holder-document .document-holder .download-doc {
        padding: 13px 30px;
        border: 1px solid #000;
        position: relative;
        display: inline-block;
        border-radius: 6px
    }

        .vision-holder-document .document-holder .download-doc a::after {
            content: "";
            width: 19px;
            height: 20px;
            background-color: #83273c;
            -webkit-mask-image: url(../images/icons/round-arrow.svg);
            mask-image: url(../images/icons/round-arrow.svg);
            position: absolute;
            inset-inline-end: 16px;
            inset-block: 16px
        }

        .vision-holder-document .document-holder .download-doc:hover {
            background-color: #83273c;
            cursor: pointer
        }

.download-doc:hover a::after {
    background-color: #fff !important
}

.survey-sec .nav-tabs button {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    line-height: 2;
    height: 66px;
    border-radius: 0;
    padding-inline: 53px;
    background: rgba(243, 243, 243, .3);
    border: 1px solid #f4f3f3;
    border-bottom: 0
}

.survey-sec .nav-tabs .survey-tabSecond a {
    display: flex;
    border: 1px solid #f4f3f3;
    border-radius: 0;
    padding-inline: 53px;
    font-size: 18px;
    padding: 18px
}

.survey-sec .nav-tabs .survey-tabSecond .archive-icon {
    display: inline-flex;
    content: "";
    margin-inline: 5px;
    width: 28px;
    height: 28px;
    -webkit-mask-image: url(../images/icons/archive.svg);
    mask-image: url(../images/icons/archive.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: #83273c
}

html[data-theme=dark] .main-news-slider .progressBarContainer .item.slick-current.slick-active span.progressBar,
html[data-theme=dark] .survey-sec .nav-tabs .survey-tabSecond .archive-icon {
    background-color: #ffc04b !important
}

.survey-sec .accordion-survey {
    padding-top: 42px;
    --bs-accordion-border-width: 0
}

    .survey-sec .accordion-survey .accordion-item {
        border-bottom: 1px solid #f4f3f3;
        border-radius: 0
    }

html[data-theme=dark] .survey-sec .accordion-survey .accordion-item {
    background-color: transparent;
    border-bottom: 1px solid rgba(244, 243, 243, .2)
}

.survey-sec .accordion-survey .accordion-item .h2 button,
.survey-sec .accordion-survey .accordion-item h2 button {
    background-color: transparent;
    font-size: 20px;
    color: #333
}

html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .h2 button:after,
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item h2 button:after {
    filter: brightness(100);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

html[dir=rtl] .survey-sec .accordion-survey .accordion-item .h2 button:after,
html[dir=rtl] .survey-sec .accordion-survey .accordion-item h2 button:after {
    margin-right: auto !important;
    margin-left: inherit !important
}

@media (max-width:540px) {
    .survey-sec .accordion-survey .accordion-item .h2 button,
    .survey-sec .accordion-survey .accordion-item h2 button {
        font-size: 14px
    }
}

@media (max-width:991px) {
    .listing-img figure {
        padding-right: 0 !important;
        margin: 0
    }

    .job-vacancies,
    .pagination-holder {
        padding-top: 0
    }

    .pd-inline-end-5 {
        padding-inline-end: 0
    }

    .report-section {
        padding-bottom: 1rem
    }

    .reports-item figure figcaption {
        padding: 1rem
    }

        .reports-item figure figcaption p {
            margin-bottom: 1rem !important
        }

        .reports-item figure figcaption .read-more {
            opacity: 1;
            position: relative
        }

    .mtop-md-2 {
        margin-top: .8rem
    }

    .header .container-lg {
        padding: 0 !important
    }

    .page-heading.h4,
    h4.page-heading {
        font-size: 16px !important;
        margin: 0
    }

    .header .py-md-3 {
        padding-bottom: 0 !important
    }

    .job-vacancies .g-5 {
        --bs-gutter-y: 1rem !important
    }

    .job-vacancies-item {
        padding-top: 10px
    }

    .our-training,
    .training-contact {
        margin-bottom: 2em
    }

    .profile-tabs {
        display: block
    }

    .my-reports-download ul li:nth-child(odd) {
        margin-inline-end: 0
    }

    .conference-item {
        margin-bottom: 25px
    }

    .survey-sec .accordion-survey .accordion-item .h2 button,
    .survey-sec .accordion-survey .accordion-item h2 button {
        font-size: 16px
    }

    .vision-holder-document img {
        width: 100% !important;
        height: 100% !important
    }
}

.survey-sec .accordion-survey .accordion-item .h2 button:focus,
.survey-sec .accordion-survey .accordion-item h2 button:focus {
    box-shadow: none;
    color: #83273c !important
}

.survey-sec .accordion-survey .accordion-item .accordion-body p {
    margin-bottom: 24px;
    font-size: 18px
}

.survey-sec .accordion-survey .accordion-item .accordion-body .feedback {
    padding: 40px;
    border: 1px solid rgba(217, 217, 217, .6);
    margin-bottom: 21px
}

.survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check,
.survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist,
.umbraco-forms-field-wrapper .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist {
    padding: 12px 32px;
    background: #fff;
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px
}

.umbraco-forms-field-wrapper html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist,
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check,
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist {
    background: 0 0 !important;
    border: 1px solid rgba(217, 217, 217, .2)
}

.survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check label,
.survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist label,
.umbraco-forms-field-wrapper .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist label {
    padding-left: 2.8rem;
    font-size: 18px !important;
    font-weight: 500 !important;
    width: 100%
}

.umbraco-forms-field-wrapper html[dir=rtl] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist label,
html[dir=rtl] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check label,
html[dir=rtl] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist label {
    padding-left: 0;
    padding-right: 2.5rem
}

.survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check label:after,
.survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check label:before,
.survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist label:after,
.survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist label:before,
.umbraco-forms-field-wrapper .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist label:after,
.umbraco-forms-field-wrapper .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist label:before {
    width: 20px;
    height: 20px
}

.umbraco-forms-field-wrapper html[dir=rtl] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist label:after,
.umbraco-forms-field-wrapper html[dir=rtl] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist label:before,
html[dir=rtl] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check label:after,
html[dir=rtl] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check label:before,
html[dir=rtl] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist label:after,
html[dir=rtl] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist label:before {
    right: 0 !important;
    left: inherit !important
}

.survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer textarea {
    resize: none;
    border: 1px solid #d9d9d9;
    padding: 10px
}

html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer textarea {
    background: 0 0 !important;
    color: #fff
}

.survey-sec .btn.load-more {
    background-color: #fafafa !important;
    border: 1px solid #737373 !important;
    border-radius: 0
}

    .survey-sec .btn.load-more:focus,
    .survey-sec .btn.load-more:hover {
        background-color: #670d22 !important;
        color: #fff !important;
        border: 1px solid #83273c !important
    }

.survey-completed span {
    align-items: center;
    border-radius: 100px;
    background: #83273c;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    margin-inline-end: 10px;
    transition: .3s;
    width: 48px
}

.survey .form-check:has(input[type=radio]:checked),
.survey .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked),
.umbraco-forms-field-wrapper .survey .checkboxlist:has(input[type=radio]:checked) {
    background-color: #83273c !important
}

    .survey .form-check:has(input[type=radio]:checked) label,
    .survey .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked) label,
    .umbraco-forms-field-wrapper .survey .checkboxlist:has(input[type=radio]:checked) label {
        color: #fff !important
    }

        .survey .form-check:has(input[type=radio]:checked) label:before,
        .survey .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked) label:before,
        .umbraco-forms-field-wrapper .survey .checkboxlist:has(input[type=radio]:checked) label:before {
            border-color: #fff
        }

        .survey .form-check:has(input[type=radio]:checked) label:after,
        .survey .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked) label:after,
        .umbraco-forms-field-wrapper .survey .checkboxlist:has(input[type=radio]:checked) label:after {
            background-color: #fff;
            border-color: #fff
        }

.poll-content {
    border: 1px solid #e7e7e7
}

    #calendar-popup,
    .fc-event-container,
    .fc-today-button,
    .light-listing .img-holder figcaption p,
    .modle,
    .poll-content input[type=checkbox],
    .share-icons li:before,
    .top-picks figcaption.caption-overlay p {
        display: none
    }

    .poll-content input + label {
        display: inline-block;
        border: 1px solid #d5d5d5;
        padding: 8px;
        border-radius: 5px;
        position: relative;
        cursor: pointer;
        width: 100%;
        font-size: 18px !important;
        background: #fff
    }

        .poll-content input + label:before {
            content: "\f00c";
            font-family: "Font Awesome 6 Free", sans-serif;
            font-size: 17px;
            position: absolute;
            inset-inline-end: 10px;
            inset-block: 10px;
            opacity: 0
        }

    .poll-content input:checked + label {
        background: #83273c !important;
        color: #fff
    }

        .poll-content input:checked + label:after {
            opacity: 1;
            border-color: #333
        }

.show-result {
    border: 1px solid rgba(157, 157, 157, .15);
    padding: 50px
}

.archive-polls .archive-title {
    border: 1px solid rgba(217, 217, 217, .6);
    padding: 15px 40px;
    width: 100%;
    margin-bottom: 16px
}

    .archive-polls .archive-title .h2,
    .archive-polls .archive-title h2 {
        font-size: 24px;
        margin-bottom: 0
    }

.poll-listing .poll-results {
    border: 1px solid rgba(217, 217, 217, .6);
    padding: 40px;
    margin-bottom: 16px
}

    .poll-listing .poll-results span {
        font-size: 14px;
        color: #525252
    }

.poll-listing .task-progress {
    margin: 24px 0
}

    .poll-listing .task-progress:last-child() {
        margin-bottom: 0 !important
    }

    .poll-listing .task-progress p {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #525252;
        font-size: 14px;
        margin-bottom: 5px !important
    }

.advertisement-content p,
.home-banner .bulletin-list li .news-points a,
.light-listing .viewed-time span,
.screenshot_slider figcaption a p span {
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.poll-listing .progress {
    width: 100% !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: none;
    border-radius: 4px;
    height: 31px !important
}

    .poll-listing .progress::-webkit-progress-bar {
        background-color: #f4f4f4
    }

    .poll-listing .progress::-webkit-progress-value {
        border-radius: 4px
    }

    .poll-listing .progress::-moz-progress-bar {
        border-radius: 4px
    }

.poll-listing .progress1::-webkit-progress-value {
    background: rgba(7, 165, 55, .7)
}

.poll-listing .progress2::-webkit-progress-value {
    background: rgba(247, 46, 46, .7)
}

.poll-listing .progress3::-webkit-progress-value {
    background: rgba(131, 39, 60, .7)
}

.home-banner .bulletin-list {
    padding-inline-start: 10px !important
}

    .home-banner .bulletin-list li {
        border-bottom: 0 !important
    }

        .home-banner .bulletin-list li:before {
            inset-inline-start: -18px !important
        }

        .home-banner .bulletin-list li .news-points {
            border-bottom: 1px solid #cfcfcf;
            width: 100%
        }

            .home-banner .bulletin-list li .news-points a {
                font-size: 15px;
                -webkit-line-clamp: 2;
                overflow: hidden
            }

            .home-banner .bulletin-list li .news-points .viewed-time,
            .news-points .viewed-time {
                padding-block: 10px !important
            }

.stock-view {
    position: relative;
    padding-inline: 1em
}

    .stock-view:after {
        content: "";
        border-right: 1px solid #d6d6d6;
        height: 20px;
        position: absolute;
        top: 25%;
        right: 0;
        z-index: 0
    }

html[dir=rtl] .stock-view:after {
    border-left: 1px solid #d6d6d6;
    left: 0;
    right: inherit
}

.card-container article:hover figure img,
.card-listing .b-bottom:hover img,
.events-tabs .b-bottom:hover img,
.featured-scroll .card-body:hover img,
.img-holder:hover img,
.listing-container .list-row li article:hover .news-card img,
.news-card:hover img {
    transform: scale(1.05)
}

.img-holder .thumbnail-wrapper,
.news-card,
.news-card .thumbnail-wrapper {
    position: relative;
    overflow: hidden
}

    .img-holder .thumbnail-wrapper img {
        transition: .6s ease-in-out;
        width: 100%;
        aspect-ratio: 10/7
    }

    .img-holder .thumbnail-wrapper:after {
        content: "";
        height: 100%;
        position: absolute;
        inset: 0;
        width: 100%
    }

.img-holder figcaption {
    inset-block-end: 10px;
    inset-inline-start: 25px
}

    .img-holder figcaption .img-thumb {
        background-color: rgba(131, 39, 60, .65);
        padding: 6px;
        width: -moz-max-content;
        width: max-content
    }

.light-listing .img-holder figcaption,
.screenshot_slider figcaption {
    background: linear-gradient(358.65deg, rgba(0, 0, 0, .68) 6.23%, rgba(0, 0, 0, .28) 85.62%);
    bottom: 0
}

.light-listing .img-holder figcaption {
    height: auto;
    inset-block-end: 0px !important;
    inset-inline-start: 0px;
    padding: 25px;
    position: absolute;
    width: 100%
}

    .light-listing .img-holder figcaption .h6,
    .light-listing .img-holder figcaption h6,
    .top-picks figcaption.caption-overlay .h6,
    .top-picks figcaption.caption-overlay h6 {
        font-size: 17px !important
    }

@media (min-width:763px) and (max-width:991px) {
    .light-listing .img-holder figcaption {
        inset-block-end: 38px
    }
}

@media (min-width:992px) and (max-width:1400px) {
    .viewed-time span {
        display: flex;
        margin-top: 5px 15px
    }

    .dropdownmultiselect .mobile-input select,
    .mobile-input .dropdownmultiselect select,
    .mobile-input .form-control,
    .mobile-input .umbraco-forms-field-wrapper input,
    .mobile-input .umbraco-forms-field-wrapper select,
    .mobile-input .umbraco-forms-field-wrapper textarea,
    .umbraco-forms-field-wrapper .mobile-input input,
    .umbraco-forms-field-wrapper .mobile-input select,
    .umbraco-forms-field-wrapper .mobile-input textarea {
        margin-inline-start: 22px
    }

    .light-listing .img-holder figcaption {
        inset-block-end: 15px
    }
}

@media (min-width:1401px) and (max-width:1600px) {
    .light-listing .img-holder figcaption {
        inset-block-end: 20px
    }
}

@media (min-width:1601px) and (max-width:3000px) {
    .light-listing .img-holder figcaption {
        inset-block-end: 0px
    }
}

.light-listing .viewed-time span {
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px
}

.featured-scroll img {
    border: 1px solid #dee2e6;
    transition: .3s ease-in-out;
    aspect-ratio: 10/7
}

.featured-scroll::-webkit-scrollbar {
    width: 20px;
    background-color: #212225
}

.featured-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(67, 67, 67, .0588235294);
    border-radius: 10px;
    background-color: #212225;
    border-left: 3px solid #212225;
    border-right: 3px solid #212225
}

.featured-scroll::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 px rgba(67, 67, 67, .0588235294);
    background: linear-gradient(0deg, rgba(250, 250, 250, .8) 59.99%, rgba(80, 79, 79, 0) 150.17%)
}

.featured-scroll::-webkit-scrollbar-button {
    width: 20px;
    background-color: rgba(126, 123, 123, .35);
    height: 20px;
    color: #fff
}

.featured-scroll .card {
    background-color: #212225;
    padding: 10px;
    margin-inline: 8px
}

.w-200 {
    width: 200px
}

.section-title .h4,
.section-title h4 {
    position: relative;
    text-transform: capitalize
}

    .section-title .h4:before,
    .section-title h4:before {
        content: "";
        background-image: url("../images/icons/stock-rect.svg");
        width: 15px;
        height: 16px;
        position: absolute;
        inset-block: 5px
    }

    .section-title .h4 span,
    .section-title h4 span {
        padding-left: 1.5rem
    }

html[dir=rtl] .section-title .h4 span,
html[dir=rtl] .section-title h4 span {
    padding-right: 1.5rem;
    padding-left: 0
}

.section-title .h4 a,
.section-title h4 a {
    white-space: nowrap;
    font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, .8)
}

.section-title .double-lines-btm:after {
    inset-block-end: -4px
}

.dark-bg .double-lines-btm::after {
    background: url(../../assets/images/btm-double-lines-white.svg)
}

.play-circle {
    inset-inline-end: 50%;
    inset-block-end: 50%;
    transform: translate(0, 50%)
}

.padding-block-80 {
    padding-block: 2rem
}

    .padding-block-80 .show-result {
        padding: 35px 50px
    }

.breaking-news,
.news-card .two-line-paragraph {
    min-height: 45px
}

@media (max-width:400px) {
    header .login-btn {
        font-size: 0 !important
    }

    .padding-block-80 .g-recaptcha > div {
        width: 100% !important
    }

        .padding-block-80 .g-recaptcha > div > div {
            width: 100% !important;
            display: flex;
            justify-content: center
        }
}

.padding-top-80 {
    padding-top: 5rem
}

.padding-bottom-80 {
    padding-bottom: 5rem
}

.padding-32 {
    padding: 32px
}

.poll-listing.show-result {
    padding: 8px 50px !important
}

    .poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]),
    .poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]),
    .umbraco-forms-field-wrapper .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]) {
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 8px;
        margin-bottom: 15px;
        padding: 12px 32px;
        display: flex
    }

        .poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]):last-child,
        .poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]):last-child,
        .umbraco-forms-field-wrapper .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]):last-child {
            margin-bottom: 0 !important
        }

        .poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]) label,
        .poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]) label,
        .umbraco-forms-field-wrapper .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]) label {
            font-weight: 500 !important;
            padding-inline-start: 2.8rem !important;
            background: 0 0 !important;
            border: 0 !important;
            margin-bottom: 0 !important;
            padding: 0
        }

.umbraco-forms-field-wrapper html[data-theme=dark] .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]) label,
html[data-theme=dark] .poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]) label,
html[data-theme=dark] .poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]) label {
    color: #000 !important
}

.poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]) label::before,
.poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]) label::before,
.umbraco-forms-field-wrapper .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]) label::before {
    background-color: transparent;
    border: 2px solid #83273c;
    border-radius: 50%;
    content: "";
    inset-inline-start: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: border-color .4s;
    height: 20px;
    width: 20px;
    opacity: 1
}

.poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]) label::after,
.poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]) label::after,
.umbraco-forms-field-wrapper .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]) label::after {
    background-color: #83273c;
    border: 2px solid #83273c;
    border-radius: 50%;
    content: "";
    inset-inline-start: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .4s;
    height: 20px;
    width: 20px
}

.poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]) input[type=radio],
.poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]) input[type=radio],
.umbraco-forms-field-wrapper .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]) input[type=radio] {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-body-color);
    font-size: 1rem;
    font-weight: 400;
    padding: 15px 20px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
    margin-bottom: .5rem !important;
    position: relative;
    line-height: 1 !important
}

.poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]:checked),
.poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked),
.umbraco-forms-field-wrapper .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]:checked) {
    background-color: #83273c !important
}

    .poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]:checked) label,
    .poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked) label,
    .umbraco-forms-field-wrapper .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]:checked) label {
        background: 0 0 !important
    }

.umbraco-forms-field-wrapper html[data-theme=dark] .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]:checked) label,
html[data-theme=dark] .poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]:checked) label,
html[data-theme=dark] .poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked) label {
    color: #fff !important
}

.poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]:checked) label:before,
.poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked) label:before,
.umbraco-forms-field-wrapper .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]:checked) label:before {
    border-color: #fff
}

.poll-listing.show-result .feedback-Qone .agree-box .form-check:has(input[type=radio]:checked) label::after,
.poll-listing.show-result .feedback-Qone .agree-box .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked) label::after,
.umbraco-forms-field-wrapper .poll-listing.show-result .feedback-Qone .agree-box .checkboxlist:has(input[type=radio]:checked) label::after {
    background-color: #fff;
    border-color: #fff;
    transform: translateY(-50%) scale(.55)
}

.poll-listing.show-result .feedback-Qone .mt-4:has(.form-login-btn),
.poll-listing.show-result .feedback-Qone .mt-4:has(.g-recaptcha),
.poll-listing.show-result .feedback-Qone .umbraco-forms-fieldset:has(.form-login-btn),
.poll-listing.show-result .feedback-Qone .umbraco-forms-fieldset:has(.g-recaptcha) {
    margin-top: .5rem !important
}

.poll-listing.show-result .feedback-Qone .mb-4:has(.form-login-btn),
.poll-listing.show-result .feedback-Qone .mb-4:has(.g-recaptcha) {
    margin-bottom: .5rem !important
}

.poll-listing.show-result .btn-with-download {
    padding-inline-end: 30px !important
}

    .poll-listing.show-result .btn-with-download:after {
        width: 20px !important
    }

    .poll-listing.show-result .btn-with-download:hover:after,
    html[data-theme=dark] .cmn-page-head .gap-3.align-items-stretch .btn-with-download:hover::after {
        filter: brightness(900%) !important
    }

@media (min-width:1400px) {
    .our-training .card,
    .training-contact .card {
        max-height: 220px
    }

        .our-training .card .card-body {
            padding: 50px 49px !important
        }

        .training-contact .card .card-body {
            padding: 23px 46px !important
        }

    .poll-listing.show-result .btn-with-download {
        max-width: 200px !important
    }
}

.advertisement-container {
    background-repeat: no-repeat !important;
    background-position: center;
    width: 100%;
    height: 125px;
    position: relative;
    background-size: contain
}

    .advertisement-container .h4,
    .advertisement-container h4 {
        font-size: 32px
    }

    .advertisement-container[style=""] {
        height: 80px;
        margin: 0
    }

.advertisement-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 2;
    padding-inline: 30px
}

    .advertisement-content .item-two > a {
        position: relative !important;
        inset-inline-end: 0 !important;
        inset-block-start: 0 !important;
        padding-block: 10px !important;
        padding-inline: 20px !important;
        margin-inline-start: 0 !important;
        text-align: center
    }

    .advertisement-content .h4,
    .advertisement-content h4 {
        font-size: 32px;
        border-right: 1px solid #fff;
        padding-right: 20px
    }

    .advertisement-content p {
        -webkit-line-clamp: 2;
        overflow: hidden;
        padding-inline: 20px;
        max-width: calc(100% - 400px)
    }

    .advertisement-content button {
        padding-block: 24px !important;
        padding-inline: 48px !important
    }

.share-icons {
    list-style: none;
    gap: 10px
}

    .share-icons li {
        border-bottom: 0 !important;
        padding-block-start: 0 !important
    }

.listed-holder .card {
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }

    .flex-xl-row {
        flex-direction: row !important
    }

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

    .header .header-logo img {
        height: 151px
    }

    .animate {
        animation-duration: .3s;
        animation-fill-mode: both
    }

    .weather-condition {
        margin-bottom: 1.875rem
    }

        .weather-condition .info-weather {
            font-size: 2.625rem
        }

    .pd-bottom-3 {
        padding-bottom: 1rem
    }

    .py-3.border-bottom-1 {
        margin-bottom: 1rem
    }

    .news-details-w275 {
        width: calc(100% - 275px)
    }

    .listed-holder .card {
        flex-direction: row
    }

        .listed-holder .card img {
            width: 100%
        }
}

.card-listing .b-bottom,
.listed-holder .b-bottom {
    margin-top: 10px
}

.memory-frame {
    padding: 40px 60px;
    border: 1px solid #5c5c5c;
    height: calc(100% - (53px + 3rem))
}

    .memory-frame .frame-card-header {
        margin-bottom: 20px
    }

        .memory-frame .frame-card-header img {
            margin: 0 auto
        }

.chatbot .contact-no i,
.custom-modal-bulletin #copyLinkBulletin,
.custom-modal-bulletin .social-media #copyLink {
    margin-inline-end: 10px
}

.memory-frame .frame-card-body,
.memory-frame .frame-card-footer {
    border-bottom: 1px solid #5c5c5c
}

.memory-frame .news-updates-slider .slick-prev,
.memory-frame .news-updates-slider-M .slick-prev {
    inset-block-start: auto;
    inset-block-end: 7px !important;
    inset-inline-start: calc(50% - 20px) !important
}

.memory-frame .news-updates-slider .slick-next,
.memory-frame .news-updates-slider-M .slick-next {
    inset-block-start: auto;
    inset-block-end: 7px !important;
    inset-inline-start: calc(50% + 20px) !important
}

.minister-card {
    display: flex;
    align-items: center;
    position: relative
}

    .minister-card .item-start {
        position: relative;
        z-index: 1
    }

    .minister-card .item-end {
        background: linear-gradient(180deg, #a72341 0, #84273c .01%, rgba(73, 8, 22, .76) 100%);
        border-radius: 0 2px 0 0;
        padding: 30px;
        position: absolute;
        inset-inline-start: 100px;
        inset-block-end: 0;
        z-index: 0;
        width: -webkit-fill-available;
        width: -moz-available
    }

        .minister-card .item-end:after {
            content: "";
            background-image: url(../images/shadow.svg);
            width: 276px;
            height: 64px;
            position: absolute;
            background-repeat: no-repeat;
            inset-block-end: 0;
            inset-inline-end: 0
        }

        .minister-card .item-end .minister-desp {
            margin-inline-start: 40px
        }

@media (min-width:992px) and (max-width:1199.98px) {
    .minister-card .item-end {
        height: 170px !important;
        padding-block: 10px;
        padding-inline: 20px 10px;
        display: flex;
        align-items: center
    }

    html[lang=de] .minister-card .item-end .minister-desp {
        margin-inline-start: 20px
    }

    .minister-card .item-end .minister-desp .h6,
    .minister-card .item-end .minister-desp h6 {
        font-size: 16px
    }

    html[lang=de] .minister-card .item-end .minister-desp .h6,
    html[lang=de] .minister-card .item-end .minister-desp h6 {
        font-size: 14px
    }

    .minister-card .item-end .minister-desp a {
        font-size: 12px
    }

    .minister-card .item-start img {
        margin-inline-start: -15px
    }

    .minister-card .item-end .minister-desp {
        margin-inline-start: 18px
    }
}

@media (max-width:414px) {
    .minister-card .item-end .minister-desp a {
        font-size: 14px
    }

    .minister-card {
        margin-bottom: 20px
    }
}

.breaking-news {
    width: 100%;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 0;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: #c31833;
    align-items: center
}

.breaknews-slide .slick-track {
    inset-inline-start: 40px;
}

@media (max-width:767.98px) {
    .social-links {
        inset-block-start: 100%;
        transform: translateY(0);
        inset-inline-start: -198px
    }

    .social-btn {
        margin-inline-start: 10px
    }

    .custom-modal .modal-body .d-flex.justify-content-between,
    .custom-modal .modal-body .umbraco-forms-field-wrapper .justify-content-between.checkboxlist,
    .umbraco-forms-field-wrapper .custom-modal .modal-body .justify-content-between.checkboxlist {
        flex-direction: column;
        align-items: start !important;
        gap: 10px
    }

    .card-container article figure {
        flex-wrap: wrap
    }

        .card-container article figure .flex-shrink-0 {
            max-width: 100%
        }

    .card-container article .h6 > a,
    .card-container article h6 > a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .share_icon-description .social-links {
        inset-inline-start: auto;
        inset-block-start: 12rem
    }

    .top-picks figcaption .viewed-time li .integrations .social-links {
        inset-inline-end: -100px !important;
        inset-inline-start: inherit !important;
        inset-block-start: -100px !important;
        transform: translateY(-50%) !important
    }

    .social {
        margin-bottom: 5px
    }

    .job-details .modal-header .btn-close {
        inset-inline-end: 14px;
        inset-block-start: 14px;
        width: 14px;
        height: 14px;
        font-size: 14px
    }

    .my-reports .daterangepicker .ranges,
    .my-reports .daterangepicker .ranges ul,
    .poll-content button,
    .survey-tabSecond {
        width: 100%
    }

    .my-reports .daterangepicker .drp-calendar {
        min-width: 100%;
        margin-top: 10px
    }

    .advertisement-content p,
    .editable-cell .editable-field .edit-button {
        display: none
    }

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

    .conference .form-group,
    .conference .select-date {
        padding-bottom: 10px !important
    }

    .vision {
        padding-block-start: 0;
        padding-block-end: 20px
    }

    .vision-holder-document .document-holder {
        padding: 15px
    }

    .survey-sec .accordion-survey {
        padding-top: 15px
    }

        .survey-sec .accordion-survey .accordion-item .h2 button,
        .survey-sec .accordion-survey .accordion-item h2 button {
            padding: 5px !important;
            line-height: 1.5;
            margin-block: 10px
        }

            .survey-sec .accordion-survey .accordion-item .h2 button img,
            .survey-sec .accordion-survey .accordion-item h2 button img {
                padding-inline-start: 0 !important
            }

        .survey-sec .accordion-survey .accordion-item .accordion-body {
            padding: 0 !important;
            margin-bottom: 10px
        }

            .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check label,
            .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist label,
            .umbraco-forms-field-wrapper .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist label {
                font-size: 14px !important;
                margin-bottom: 0 !important
            }

    .survey-tabFirst {
        width: 100%;
        margin-bottom: 10px
    }

    .survey-tabSecond a {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .poll-content input + label {
        font-size: 14px !important
    }

    .img-holder {
        margin-bottom: 1rem
    }

        .img-holder figcaption {
            inset-inline-start: 15px
        }

        .img-holder .viewed-time {
            display: flex;
            gap: 6px;
            align-items: center
        }

    .padding-block-80 .show-result {
        padding: 35px 10px
    }

    .advertisement-content {
        flex-direction: column;
        justify-content: center
    }

        .advertisement-content .h4,
        .advertisement-content h4 {
            border: 0;
            text-align: center;
            padding-right: 0
        }

        .advertisement-content button {
            position: relative !important;
            inset: 0 !important;
            padding: 10px !important;
            width: 100%;
            margin: 0 !important
        }

    .breaking-news > .col-auto {
        text-align: center;
        width: 100%
    }

    .breaking-news .break-title span {
        border-inline-end: 0 !important
    }

    .news-order span {
        font-size: 16px
    }
}

.breaking-news .break-title {
    padding: 0 12px 0 0
}

    .breaking-news .break-title span {
        border-inline-end: 1px solid #fff;
        padding: 4px 12px 4px 0
    }

.breaking-news .slick-list .slick-track .slick-slide {
    border-right: 1px solid #fff;
    color: #fff;
    padding: 2px 20px;
    font-weight: 700;
    font-size: 16px
}

.breaking-news .news-close i {
    font-weight: 700 !important;
    font-size: 18px !important
}

.marquee {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 100%)
}

    .marquee,
    .marquee > div {
        display: flex;
        white-space: nowrap;
        gap: 30px
    }

        .marquee > div {
            animation: 40s linear infinite animate-marquee;
            transition: margin-left .7s ease-out;
            will-change: transform, margin-left;
            color: #fff
        }

            .marquee > div:after {
                content: "";
                display: block;
                width: .1rem;
                height: 1rem;
                background-color: #fff
            }

        .marquee:hover > div {
            animation-play-state: paused;
            margin-left: -50px
        }

@keyframes animate-marquee {
    0% {
        transform: translateX(0) translateZ(0)
    }

    100% {
        transform: translateX(-100%) translateZ(0)
    }
}

.events-tabs nav {
    width: 100%;
    margin-bottom: 3rem
}

.events-tabs button {
    width: 50%;
    font-size: 24px;
    font-weight: 700;
    color: rgba(0, 0, 0, .5);
    border-bottom: 2px solid #cfcfcf;
    position: relative
}

    .events-tabs button.active {
        color: #83273c;
        border-bottom: 2px solid #83273c !important
    }

html[data-theme=dark] .events-tabs button.active {
    color: #000;
    border-bottom: 2px solid #ffc04b !important
}

.events-tabs button.active:before {
    opacity: 1;
    border-top-color: #83273c;
    border-bottom-color: transparent;
    margin-inline-start: -.8rem;
    margin-top: 2px
}

html[data-theme=dark] .events-tabs button.active:before {
    border-top-color: #ffc04b
}

.events-tabs button::before {
    content: "";
    background-image: url("../images/icons/stock-rect.svg");
    width: 15px;
    height: 16px;
    display: inline-block;
    position: relative;
    inset-inline-start: 0;
    inset-block-start: 0;
    opacity: 0;
    transition: .3s
}

.card-listing .b-bottom img,
.events-tabs .b-bottom img {
    transition: .3s ease-in-out
}

html[dir=rtl] .ar-order-2 {
    order: 1
}

.important-container {
    position: fixed;
    width: 100%;
    height: 0;
    bottom: 0;
    z-index: 100
}

.important-news {
    position: absolute;
    background: linear-gradient(180deg, #a72341 0, #e9204e .01%, rgba(73, 8, 22, .76) 100%);
    padding: 8px 16px;
    inset-block-end: 20px;
    inset-inline-start: 11px;
    border-radius: 12px 0 11px;
    z-index: 1000
}

    .important-news .overlay {
        position: absolute;
        max-width: 541px;
        width: 100vw;
        inset-block-end: 65px;
        inset-inline-start: 0;
        transition: opacity 50ms;
        visibility: hidden;
        opacity: 0;
        display: none
    }

        .important-news .overlay.active {
            visibility: visible;
            opacity: 1;
            display: block
        }

    .important-news figure {
        max-height: calc(95vh - 120px);
        overflow-y: auto
    }

    .important-news .popup {
        background: #fff;
        border-radius: 5px;
        max-width: 541px;
        position: relative;
        border: 10px solid #83273c;
        z-index: 9
    }

        .important-news .popup figcaption {
            padding: 10px 24px
        }

.light-listing .text-white,
[data-theme=dark] .important-news .popup .viewed-time p,
[data-theme=dark] .loc-desp .h3,
[data-theme=dark] .loc-desp .h6,
[data-theme=dark] .loc-desp h3,
[data-theme=dark] .loc-desp h6,
[data-theme=dark] .loc-desp p,
[data-theme=dark] .modal-keywordsString .text-black-color,
[data-theme=dark] .news-details-holder-more .viewed-time p.text-black-color,
html[data-theme=dark] .chatbot .contact-no,
html[data-theme=dark] .important-news .popup figcaption .viewed-time p {
    color: #000 !important
}

.important-news .popup .close {
    position: absolute;
    inset-inline-end: 0;
    transition: .2s;
    font-size: 50px;
    font-weight: 200;
    width: 42px;
    height: 42px;
    text-decoration: none;
    color: #83273c;
    background-color: #f5f5f5 !important;
    text-align: center;
    z-index: 9
}

    .important-news .popup .close:before {
        content: "";
        -webkit-mask-image: url(../images/icons/close-megamenu.svg);
        mask-image: url(../images/icons/close-megamenu.svg);
        background: #83273c;
        width: 28px;
        height: 28px;
        display: inline-block;
        position: absolute;
        inset-inline: 9px;
        inset-block: 9px
    }

html[data-theme=dark] .important-news .popup .close:before {
    background: #ffc04b
}

.important-news .popup figure {
    margin-bottom: 0 !important;
    padding: 10px !important
}

.important-news .popup .viewed-time {
    padding-block: 0.5rem !important
}

.important-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}

    .important-content .loading-state:before {
        content: "";
        background-image: url("../images/icons/speaker.svg");
        width: 19px;
        height: 16px;
        display: inline-block;
        position: absolute;
        inset: 10px
    }

    .important-content .loading {
        width: 39px;
        height: 39px;
        border-radius: 100%;
        border: 5px solid #ddd;
        border-top-color: #f8ba46;
        animation: 5s linear infinite loading
    }

@keyframes loading {
    to {
        transform: rotate(360deg)
    }

    10%, 90% {
        transform: perspective(120px) rotateX(0) rotateY(0);
        scale: 1
    }

    40% {
        transform: perspective(120px) rotateX(0) rotateY(-180deg) translateY(-10px);
        scale: 0.65
    }
}

.news-order {
    background-color: #83273c;
    width: 35px;
    height: 35px;
    position: absolute;
    inset-block-start: 0
}

    .news-order span {
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%
    }

.screenshot_slider .owl-item .item {
    transform: translate3d(0, 0, 0);
    margin: 50px 0
}

.filter-search .select-date .calender-icon::after,
.select-date .calender-icon::after {
    top: 50%;
    transform: translateY(-50%)
}

.screenshot_slider .owl-item .item img {
    height: 320px;
    -webkit-transition: .3s;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    transition: .3s;
    transform: scale(.8)
}

@media (max-width:1399.98px) {
    .screenshot_slider .owl-item .item img {
        height: 260px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .memory-frame {
        height: auto
    }
}

@media (max-width:1199.98px) {
    .screenshot_slider .owl-item .item img {
        height: 240px
    }
}

@media (max-width:991.98px) {
    .contact-info {
        margin-inline: 0
    }

    .profile .profile-tabs-content .my-info .col-lg-6:nth-child(2) .h6,
    .profile .profile-tabs-content .my-info .col-lg-6:nth-child(2) h6 {
        margin-top: 15px
    }

    .home-banner .slider-text {
        max-width: 100%
    }

    .container-lg.my-5:has(.advertisement-container) {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .memory-frame .news-updates-slider .slick-prev,
    .memory-frame .news-updates-slider-M .slick-prev {
        inset-inline-start: 15px !important
    }

    .memory-frame .news-updates-slider .slick-next,
    .memory-frame .news-updates-slider-M .slick-next {
        inset-inline-start: calc(100% - 50px) !important
    }

    .memory-frame .news-updates-slider .slick-next,
    .memory-frame .news-updates-slider .slick-prev,
    .memory-frame .news-updates-slider-M .slick-next,
    .memory-frame .news-updates-slider-M .slick-prev {
        inset-block-end: 50% !important
    }

    .minister-card .item-end {
        inset-inline-end: 0px
    }

    .events-tabs button {
        font-size: 12px
    }

        .events-tabs button::before {
            inset-inline: -3px;
            inset-block-start: 3px
        }

    .ar-order-1 {
        margin-top: 25px
    }

    .important-news {
        inset-inline-start: 10px;
        padding: 6px
    }

        .important-news .text-white {
            font-size: 14px
        }

    .important-content {
        gap: 10px
    }

    .screenshot_slider .owl-item .item img {
        height: 340px
    }
}

@media (max-width:767.98px) {
    .screenshot_slider .owl-item .item img {
        height: 240px
    }
}

@media (max-width:563px) {
    .screenshot_slider .owl-item .item img {
        height: 420px
    }
}

.screenshot_slider figure:after {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #55091a 100%);
    opacity: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    inset-block-end: 0;
    z-index: 0
}

.screenshot_slider figcaption {
    position: absolute;
    inset-block-end: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    padding: 15px;
    height: auto;
    inset-inline-start: 0;
    width: 100%
}

    .screenshot_slider figcaption a p span {
        -webkit-line-clamp: 3;
        overflow: hidden
    }

.screenshot_slider .center figcaption {
    opacity: 1;
    visibility: visible
}

.screenshot_slider .center .item {
    padding: 10px;
    gap: 10px;
    background: #fff;
    box-shadow: 0 0 13px rgba(0, 0, 0, .2)
}

    .screenshot_slider .center .item img {
        transform: scale(1)
    }

.screenshot_slider .owl-nav button {
    font-size: 24px !important;
    margin: 10px;
    color: #fff !important;
    background-color: rgba(0, 0, 0, .35) !important;
/*    padding: 20px !important;*/
    border-radius: 0
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    padding:20px !important;
}
.screenshot_slider .owl-next {
    position: absolute;
    inset-inline-end: -18px;
    inset-block-start: 35%
}

.screenshot_slider .owl-prev{
    position: absolute;
    inset-inline-start: -75px;
    inset-block-start: 35%
}

.breaking-news-2 {
    background-color: #c31833;
    height: 45px;
    justify-content: space-between
}

    .breaking-news-2 .slick-list .slick-track .slick-slide .sliding-text-holder p {
        line-height: 22px;
        text-align: left
    }

    .breaking-news-2 .sliding-text-holder {
        align-items: center;
        display: flex;
        min-height: 45px;
        float: left;
        height: 100%;
        overflow: hidden;
        text-align: initial;
        white-space: nowrap;
        width: -webkit-fill-available
    }

.fc-day-number,
.fc-left,
.fc-right {
    float: none !important
}

.breaking-news-2 .sliding-text-holder p {
    color: #fff;
    border-right: 1px solid #fff;
    padding: 2px 20px;
    transform: translateX(100%);
    animation: 20s linear infinite slider-text
}

    .breaking-news-2 .sliding-text-holder p:last-child,
    html[dir=rtl] .card-container.light-listing article {
        border-right: 0
    }

@keyframes slider-text {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-200%)
    }
}

.breaking-news-2 .w-140 {
    width: 160px
}

.breaking-news-2 .close-news {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    padding: 15px;
    justify-content: center;
    width: calc(100% - 52px)
}

@media (max-width:767.98px) {
    .breaking-news-2 .close-news {
        font-size: 15px;
        width: 30px !important
    }

    .breaking-slider .slick-next,
    .breaking.slider-products .slick-next {
        inset-inline-end: 0 !important
    }
}

@media (max-width:360px) {
    header {
        position: relative
    }

        header .row.test {
            flex-wrap: nowrap !important
        }

    .social-media {
        flex-wrap: wrap
    }

        .social-media a {
            margin-bottom: 5px;
            width: 35px;
            height: 35px
        }

    .social-btn {
        margin-bottom: 5px
    }

    .breaking-news-2 .col-lg-10:has(.news-updates) {
        width: 54%
    }
}

@media (min-width:361px) and (max-width:575px) {
    .breaking-news-2 .col-lg-10:has(.news-updates) {
        width: 60%
    }
}

@media (min-width:576px) and (max-width:1200px) {
    .breaking-news-2 .col-lg-10:has(.news-updates) {
        width: 77.333333%
    }
}

@media (max-width:575px) {
    .breaking-news-2 .sliding-text-holder p,
    .poll-listing.show-result .btn-with-download {
        font-size: 12px !important
    }

    .breaking-news-2 .breaking-title {
        font-size: 10px !important;
        padding: 8px 5px !important
    }
}

@media (min-width:575px) and (max-width:991px) {
    .breaking-news-2 .breaking-title {
        font-size: 12px !important;
        padding: 8px 5px !important
    }

        .breaking-news-2 .breaking-title span {
            padding: 4px 4px 4px 0 !important
        }
}

.breaking-title {
    background-color: #c31833;
    font-size: 14px !important;
    padding: 8px 12px;
    position: relative;
    text-align: left;
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 100%
}

    .breaking-title span {
        border-right: 1px solid #fff;
        padding: 4px 12px 4px 0
    }

.breaking-slider .slick-arrow,
.breaking.slider-products .slick-arrow {
    background-color: transparent !important;
    inset-block-start: 6px !important
}

html[data-theme=dark] .fc-toolbar {
    border-bottom: 1px solid #fff
}

.fc-left .h2,
.fc-left h2 {
    float: none !important;
    color: #615e83 !important;
    font-size: 18px !important;
    font-weight: 700 !important
}

.Photo-album .col-lg-6 .row .col-6 .img-holder figure figcaption p span:first-child,
.fc-day-header span,
.fc-day-number {
    font-size: 14px !important
}

.fc-today span,
.search-keywords.active a,
[data-theme=dark] button#copyLink:hover i,
[data-theme=dark] input,
html[data-theme=dark] .fc-day-header span,
html[data-theme=dark] .fc-day-number,
html[data-theme=dark] .fc-left .h2,
html[data-theme=dark] .fc-left h2,
html[data-theme=dark] .fc-right .fc-next-button .fc-icon-right-single-arrow,
html[data-theme=dark] .minister-box .h3,
html[data-theme=dark] .minister-box a,
html[data-theme=dark] .minister-box h3,
html[data-theme=dark] .search-content .content-details .h4 a,
html[data-theme=dark] .search-content .content-details h4 a {
    color: #fff !important
}

.fc-right .fc-prev-button {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0
}

    .fc-right .fc-next-button .fc-icon-right-single-arrow,
    .fc-right .fc-prev-button .fc-icon-left-single-arrow {
        color: #83273c !important;
        font-weight: 500 !important
    }

.fc-right button {
    background: 0 0;
    box-shadow: none
}

.fc-day-header span {
    color: #9291a5 !important;
    font-weight: 400 !important
}

@media (min-width:992px) and (max-width:1399px) {
    .fc-day-header span {
        font-size: 12px !important
    }
}

.fc-day-number {
    text-align: center !important;
    height: calc(100% - 2px);
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0 auto !important;
    font-weight: 700 !important;
    color: #1d1c2b !important
}

.fc-week {
    height: 20px !important
}

.fc-other-month {
    color: rgba(47, 49, 53, .35) !important
}

.fc-widget-header {
    margin-bottom: 15px !important
}

.fc-row {
    min-height: 3em !important
}

.fc-today {
    background: #83273c !important;
    border-radius: 2px !important
}

.fc-scroller {
    height: 100% !important;
    overflow: hidden !important
}

.event-ad {
    background: url("../images/expo-bg.png") right no-repeat #000 !important
}

    .event-ad:before {
        background: linear-gradient(270deg, #310029 39.15%, rgba(0, 0, 0, 0) 143.73%) !important
    }

    .event-ad:after {
        background-image: url(../images/ad-2-shadow.svg);
        width: 721px;
        height: 125px
    }

.event-box {
    height: calc(100% - (50px + 3rem));
    border: 1px solid #cfcfcf
}

.event-calender {
    padding: 18px
}

    .event-calender .submit_btn {
        margin-top: 20px;
        color: #fff;
        background-color: #83273c
    }

.event-details:before,
.event-listing ul li button::before {
    width: 7px;
    background: linear-gradient(0deg, #e5252a 0, #e5252a 100%), #f1a109;
    border-radius: 100%;
    display: inline-block;
    content: ""
}

.event-listing ul li {
    width: 50%;
    flex-wrap: nowrap
}

    .event-listing ul li button {
        width: 100%;
        background-color: #f8f6f6;
        color: #000;
        font-weight: 400;
        border-radius: 0 !important;
        padding: 13px 8px
    }

        .event-listing ul li button::before {
            height: 7px
        }

    .event-listing ul li .active {
        background-color: #83273c !important;
        color: #fff !important;
        font-weight: 700
    }

        .event-listing ul li .active:before {
            background: linear-gradient(0deg, #f1a109 0, #f1a109 100%), #f1a109
        }

.event-listing .tab-content {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto
}

    .event-listing .tab-content::-webkit-scrollbar {
        opacity: 0
    }

.event-date span {
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
    color: #83273c;
    padding: 8px 16px;
    background: #f4f4f4
}

.event-details .h6,
.event-details h6,
.event-details p {
    color: #333;
    margin-inline-start: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.event-details:before {
    height: 7px;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 5px
}

.event-details .h6,
.event-details h6 {
    font-size: 15px !important;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.event-details p {
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.news-card img {
    display: block;
    transition: .3s ease-in-out
}

.close-button {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    z-index: 8
}

.card-listing ul li,
.listing-container .list-row li:first-child {
    width: 50%
}

    .listing-container .list-row li:first-child figure > a {
        position: relative;
        display: block;
        height: 100%
    }

        .listing-container .list-row li:first-child figure > a::after {
            content: "";
            position: absolute;
            background: linear-gradient(358.65deg, rgba(0, 0, 0, .55) 6.23%, rgba(0, 0, 0, 0) 85.62%);
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 0;
            height: 100%;
            width: 100%
        }

    .listing-container .list-row li:first-child article figure {
        min-height: 350px
    }

@media (min-width:1201px) and (max-width:1600px) {
    .listing-container .list-row li:first-child article figure img {
        height: 394px
    }
}

@media (min-width:1600px) {
    .survey-sec .accordion-survey .accordion-item .h2 button,
    .survey-sec .accordion-survey .accordion-item h2 button {
        font-size: 22px
    }

    .listing-container .list-row li:first-child article figure img {
        height: 422px
    }
}

.listing-container .list-row li figcaption a + p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 50px;
    margin-bottom: 0 !important
}

    .listing-container .list-row li figcaption a + p:has(a:focus) {
        overflow: unset !important
    }

.listing-container .list-row li article {
    width: 100%;
    min-height: 100%;
    position: relative;
    padding-bottom: 0;
    border-bottom: 1px solid #eeedeb;
    border-right: 1px solid #eeedeb;
    padding-inline: 15px;
    padding-block: 20px
}

    .listing-container .list-row li article figure {
        margin: 0;
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%
    }

        .listing-container .list-row li article figure img {
            display: block;
            width: 100%;
            transition: 2s cubic-bezier(.16, 1, .3, 1);
            border: 1px solid #dee2e6
        }

html[dir=rtl] .listing-container .list-row li article {
    border-right: none;
    border-left: 1px solid #eeedeb
}

figcaption.caption-overlay {
    background: linear-gradient(358.65deg, rgba(0, 0, 0, .68) 6.23%, rgba(0, 0, 0, .28) 85.62%);
    bottom: 0;
    height: auto;
    inset-inline-start: 16px;
    padding: 30px;
    position: absolute;
    width: calc(100% - 32px);
    inset-block-end: 20px
}

.main-type-3 .list-row li {
    position: relative;
    width: 33.3%
}

    .main-type-3 .list-row li:first-child {
        width: 66.6%
    }

    .main-type-3 .list-row li .social-links {
        top: 40px
    }

.main-type-3 .viewed-time {
    padding-bottom: 0;
    flex-wrap: wrap
}

.main-type-3 .bookmark-wrapper {
    width: auto;
    height: auto;
    margin-bottom: 0;
    background: 0 0
}

    .main-type-3 .bookmark-wrapper button {
        font-size: 13px;
        background-color: transparent
    }

.sep-line {
    margin-bottom: 10px;
    border-top: 1px solid rgba(51, 51, 51, .1)
}

.card-listing ul {
    display: flex;
    flex-wrap: wrap
}

@media (max-width:991.98px) {
    .screenshot_slider figcaption {
        inset-inline-start: 15px
    }

    .screenshot_slider .owl-next {
        inset-inline-end: 0
    }

    .screenshot_slider .owl-prev {
        inset-inline-start: 0
    }

    .card-listing ul li {
        width: 100%
    }
}

.card-container.light-listing.main-typeone article img,
.card-listing .end-line .news-card img {
    -o-object-fit: contain;
    object-fit: contain
}

.top-picks .list-row {
    border-top: 1px solid #eeedeb;
    border-inline-start: 1px solid #EEEDEB
}

.top-picks li .news-widgets-item-right {
    width: 40px !important;
    height: 40px !important;
    border-radius: 20px !important
}

.top-picks li article .viewed-time > div {
    display: flex;
    align-items: center;
    gap: 4px
}

.top-picks li article .viewed-time .catgry-time {
    display: inline-block;
    margin-inline-end: .5rem !important;
    margin-right: 0 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 74px;
    font-size: 12px !important
}

.top-picks li article .viewed-time ul {
    gap: 2px !important
}

    .top-picks li article .viewed-time ul li {
        width: 40% !important
    }

html[data-theme=dark] .top-picks li article .viewed-time ul .social-btn {
    background: #212121 !important;
    border: 1px solid #fff !important
}

.main-news .listing-container .list-row li article figure img {
    -o-object-fit: cover;
    object-fit: cover
}

.main-news.padding-top-80 {
    padding-top: 2rem !important
}

.card-container.main-typeone .viewed-time a,
.card-container.main-typeone .viewed-time p {
    font-weight: 700 !important;
    font-size: 15px !important
}

.main-typeone .card-listing ul li {
    width: 33.3%
}

@media (max-width:991.98px) {
    .main-typeone .card-listing ul li {
        width: 100%
    }
}

@media (max-width:1200px) and (min-width:992px) {
    .card-listing ul li,
    .main-typeone .card-listing ul li {
        width: 50%
    }
}

#webchat {
    margin: 0 !important;
    width: 100% !important;
    height: 60vh !important
}

.minister-box {
    border: .5px solid #cfcfcf;
    background-color: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 15px;
    flex: 1 0 0
}

    .minister-box .fig-round {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        overflow: hidden
    }

        .minister-box .fig-round img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .minister-box .h3,
    .minister-box h3 {
        color: #83273c;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 2px;
        text-align: center
    }

    .minister-box a {
        color: #222;
        font-size: 16px;
        font-weight: 400;
        text-align: center
    }

.search-filter {
    padding-inline: 30px;
    border-radius: 6px;
    background: #f2f2f2;
    padding-block: 25px 5px
}

    .search-filter .h4,
    .search-filter h4 {
        font-size: 18px;
        font-weight: 700;
        color: #2f3135;
        margin-bottom: 16px
    }

.search-keywords {
    position: relative;
    padding: 8px 14px;
    background: #f3e7ea;
    border-radius: 6px;
    color: #83273c;
    font-size: 17px;
    font-weight: 700
}

    .search-keywords.outline {
        background-color: transparent;
        border: 1px solid #c8c8c8
    }

        .search-keywords.outline a {
            font-size: 16px;
            font-weight: 400;
            color: rgba(0, 0, 0, .6) !important;
            white-space: nowrap
        }

    .search-keywords.active {
        background-color: #83273c;
        border: 1px solid #83273c
    }

html[data-theme=dark] .search-keywords.active {
    background-color: #5e2c38
}

.search-suggestions {
    position: absolute;
    inset-block-start: 60px;
    background: #fff;
    padding: 25px;
    z-index: 10;
    border: 1px solid #ccc;
    max-height: 350px;
    overflow: hidden;
    overflow-y: scroll;
    width: 100%
}

    .search-suggestions::-webkit-scrollbar {
        width: 8px
    }

    .search-suggestions::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        border-radius: 10px
    }

    .search-suggestions::-webkit-scrollbar-thumb {
        border-radius: 0 4px 4px 0;
        background: #83273c;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
    }

    .search-suggestions::-webkit-scrollbar-track {
        background: #84273c
    }

@media (max-width:800px) {
    .search-suggestions {
        min-width: 100%
    }
}

.search-card {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ececec
}

    .search-card img {
        display: block;
        height: 100%;
        border: 1px solid #dee2e6
    }

@media (max-width:992px) and (min-width:768px) {
    header .flex-md-row.justify-content-start {
        justify-content: center !important
    }

    .header .flex-md-row.align-items-start {
        align-items: center !important
    }

    .search-card img {
        width: 100%
    }
}

.search-card .h4,
.search-card .h4 a,
.search-card h4,
.search-card h4 a {
    font-size: 16px !important;
    font-weight: 700;
    color: #333
}

    .search-card .h4 span,
    .search-card h4 span {
        background: rgba(131, 39, 60, .8);
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        padding: 5px 10px;
        display: inline-block;
        margin-bottom: 5px
    }

.search-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%
}

    .search-content .content-details .h4 a,
    .search-content .content-details h4 a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-inline-box !important
    }

    .search-content .content-details .h4:has(a:focus),
    .search-content .content-details h4:has(a:focus) {
        display: inline-block
    }

html[dir=rtl] .search-content .viewed-time p {
    margin-right: 0 !important
}

html[data-theme=dark] .search-content .viewed-time p {
    background-color: #4b4b4b !important;
    color: #ffc04b !important
}

.title-text {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.filter-checkbox .form-check span,
.filter-checkbox .umbraco-forms-field-wrapper .checkboxlist span,
.umbraco-forms-field-wrapper .filter-checkbox .checkboxlist span {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    color: #2f3135
}

.umbraco-forms-field-wrapper html[dir=rtl] .filter-checkbox .checkboxlist span,
html[dir=rtl] .filter-checkbox .form-check span,
html[dir=rtl] .filter-checkbox .umbraco-forms-field-wrapper .checkboxlist span {
    right: inherit;
    left: 0
}

.filter-checkbox .form-check-input[type=checkbox],
.filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox],
.umbraco-forms-field-wrapper .filter-checkbox input[type=checkbox] {
    border-radius: 3px;
    padding: 10px;
    border: 1px solid #2f3135;
    background: 0 0
}

.umbraco-forms-field-wrapper html[dir=rtl] .filter-checkbox input[type=checkbox],
html[dir=rtl] .filter-checkbox .form-check-input[type=checkbox],
html[dir=rtl] .filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox] {
    float: right !important;
    margin-left: 0 !important
}

.filter-checkbox .form-check-input[type=checkbox]:checked,
.filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox]:checked,
.umbraco-forms-field-wrapper .filter-checkbox input[type=checkbox]:checked {
    background-color: transparent;
    color: #2f3135 !important;
    border: 1px solid #2f3135;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%232F3135' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

    .filter-checkbox .form-check-input[type=checkbox]:checked ~ label,
    .filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox]:checked ~ label,
    .umbraco-forms-field-wrapper .filter-checkbox input[type=checkbox]:checked ~ label {
        color: #2f3135 !important
    }

.filter-checkbox label {
    vertical-align: sub;
    padding-inline-start: 10px;
    color: rgba(47, 49, 53, .8);
    text-transform: capitalize
}

.filter-search {
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(207, 207, 207, .6)
}

    .dropdownmultiselect .filter-search select,
    .filter-search .dropdownmultiselect select,
    .filter-search .form-select,
    .filter-search .umbraco-forms-field-wrapper select,
    .umbraco-forms-field-wrapper .filter-search select {
        padding: 10px 20px
    }

.Photo-album .img-holder,
.actions ul a {
    padding-block: 10px
}

.filter-search .search-input {
    position: relative;
    padding-inline-end: 40px
}

html[dir=rtl] .filter-search .search-input {
    padding-left: 40px !important
}

.filter-search .search-input::-webkit-search-cancel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 10px
}

html[dir=rtl] .filter-search .search-input::-webkit-search-cancel-button {
    position: relative;
    top: 0;
    transform: none;
    inset-inline-end: 0
}

.rss-holder {
    padding: 50px;
    border: 1px solid rgba(218, 218, 218, .8)
}

    .rss-holder .h4,
    .rss-holder h4 {
        font-size: 24px;
        color: #333;
        font-weight: 700;
        margin-bottom: 20px
    }

.rss-links a {
    display: block;
    margin-bottom: 12px
}

.loc-section {
    padding: 50px;
    background: #e3e3e3;
    border: 1px solid #cfcfcf;
    display: flex;
    justify-content: end;
    position: relative;
    align-items: center
}

#webchat .webchat__icon-button,
.loc-listing {
    background-repeat: no-repeat;
    background-position: center
}

@media (max-width:767px) {
    .header .lang-search .lang-drop .dropdown-toggle img {
        width: 25px;
        margin-inline-end: 2px
    }

    .header .header-menu .mega-menu-bar {
        display: none
    }

    .dark-mode {
        position: absolute;
        top: 8px;
        inset-inline-start: 132px
    }

    .app-btns img {
        margin-bottom: 5px
    }

    .pd-inline-35 {
        padding-inline: 5px
    }

    .filter .container-lg {
        padding-block: 0 !important
    }

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

    .megamenu-header .modal-dialog .mega-footer ul li a {
        font-size: 12px
    }

    .main-news-slider .slick-slider .slider-content .slider-text .h2,
    .main-news-slider .slick-slider .slider-content .slider-text h2 {
        font-size: 16px !important;
        line-height: 1.2 !important;
        height: 38px
    }

    .main-news-slider .slick-slider .slider-content .slider-text p {
        font-size: 13px !important
    }

    .bg-primary .col-6 .img-holder figcaption .img-thumb {
        padding: 2px
    }

    .bg-primary .col-6 .img-holder figcaption p {
        font-size: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .profile-tabs .tab-content {
        margin-top: 1.5rem;
        margin-left: 0 !important
    }

    .profile .profile-tabs-content .padding-50 {
        padding: 15px
    }

    .profile .profile-tabs-content .h6,
    .profile .profile-tabs-content h6 {
        padding-bottom: 0 !important
    }

    .profile .profile-tabs-content .my-favourites-content {
        display: block !important
    }

    .his_highness-item {
        margin-top: 5px !important;
        margin-bottom: 5px
    }

    .conference-item figcaption p a {
        font-size: 15px
    }

    .conference-item-top {
        margin-bottom: 20px
    }

    .conferences-detail .h2,
    .conferences-detail h2 {
        font-size: 18px !important;
        line-height: 30px !important
    }

    .survey-sec .nav-tabs button {
        font-size: 14px;
        width: 100%;
        height: 50px;
        padding-inline: 15px
    }

    .survey-sec .nav-tabs .survey-tabSecond a {
        font-size: 14px;
        padding-inline: 15px;
        padding: 10px
    }

    .survey-sec .accordion-survey .accordion-item .accordion-body p {
        font-size: 14px !important
    }

    .poll-listing .poll-results,
    .survey-sec .accordion-survey .accordion-item .accordion-body .feedback {
        padding: 20px
    }

    .loc-section {
        display: block;
        padding: 20px
    }
}

.loc-listing {
    display: block;
    background-size: cover;
    height: 362px;
    width: 177px;
    position: absolute
}

    .loc-listing li {
        display: block;
        position: absolute;
        width: 8px;
        height: 19px;
        background-image: url(../images/map-pin.svg);
        cursor: pointer
    }

.loc-summary {
    max-width: 300px;
    transition: .5s ease-in-out
}

@media (max-width:1414px) and (min-width:992px) {
    .loc-summary {
        max-width: 150px
    }
}

.loc-desp {
    padding: 23px 32px;
    background: #fff;
    position: relative;
    max-height: 295px;
    display: none
}

.search-highlight {
    display: inline-block;
    padding: 4px;
    background-color: #9c5263;
    color: #fff;
    font-size: 14px
}

.loc-section:has(.loc-desp.visible) {
    justify-content: space-between
}

.weather-title:before {
    content: "";
    width: 29px;
    height: 29px;
    display: inline-block;
    background-color: #83273c;
    -webkit-mask-image: url(../images/icons/map-weather.svg);
    mask-image: url(../images/icons/map-weather.svg);
    position: absolute
}

.weather-title .h3,
.weather-title h3 {
    padding-inline-start: 2.2rem
}

.weather-content {
    padding-inline-end: 15px;
    max-height: 220px;
    overflow: hidden
}

    .weather-content::-webkit-scrollbar {
        width: 5px;
        background-color: #83273c
    }

    .weather-content::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #83273c
    }

    .weather-content::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background: linear-gradient(0deg, rgba(250, 250, 250, .8) 59.99%, rgba(230, 221, 221, 0) 150.17%)
    }

.loc-desp:hover .weather-content {
    overflow-y: scroll
}

[data-theme=dark] .pagination-holder .page-item > .active,
[data-theme=dark] button#copyLink:hover {
    background-color: #83273c !important
}

[data-theme=dark] .lang-search .dropdown-item:hover,
[data-theme=dark] .select2-container--default .select2-selection__choice {
    background: 0 0 !important
}

.dropdownmultiselect [data-theme=dark] select,
.umbraco-forms-field-wrapper [data-theme=dark] input,
.umbraco-forms-field-wrapper [data-theme=dark] select,
.umbraco-forms-field-wrapper [data-theme=dark] textarea,
[data-theme=dark] .dropdownmultiselect select,
[data-theme=dark] .form-control,
[data-theme=dark] .form-select,
[data-theme=dark] .umbraco-forms-field-wrapper input,
[data-theme=dark] .umbraco-forms-field-wrapper select,
[data-theme=dark] .umbraco-forms-field-wrapper textarea {
/*    background-color: #212121;*/
    background-color : #fff;
    color: #212121 !important;
    -webkit-text-fill-color: #212121 !important;
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

    .dropdownmultiselect [data-theme=dark] select::-moz-placeholder,
    .umbraco-forms-field-wrapper [data-theme=dark] input::-moz-placeholder,
    .umbraco-forms-field-wrapper [data-theme=dark] select::-moz-placeholder,
    .umbraco-forms-field-wrapper [data-theme=dark] textarea::-moz-placeholder,
    [data-theme=dark] .dropdownmultiselect select::-moz-placeholder,
    [data-theme=dark] .form-control::-moz-placeholder,
    [data-theme=dark] .form-select::-moz-placeholder,
    [data-theme=dark] .umbraco-forms-field-wrapper input::-moz-placeholder,
    [data-theme=dark] .umbraco-forms-field-wrapper select::-moz-placeholder,
    [data-theme=dark] .umbraco-forms-field-wrapper textarea::-moz-placeholder {
        color: #212121 !important;
        -webkit-text-fill-color: #212121 !important
    }

    .dropdownmultiselect [data-theme=dark] select::placeholder,
    .umbraco-forms-field-wrapper [data-theme=dark] input::placeholder,
    .umbraco-forms-field-wrapper [data-theme=dark] select::placeholder,
    .umbraco-forms-field-wrapper [data-theme=dark] textarea::placeholder,
    [data-theme=dark] .dropdownmultiselect select::placeholder,
    [data-theme=dark] .form-control::placeholder,
    [data-theme=dark] .form-select::placeholder,
    [data-theme=dark] .umbraco-forms-field-wrapper input::placeholder,
    [data-theme=dark] .umbraco-forms-field-wrapper select::placeholder,
    [data-theme=dark] .umbraco-forms-field-wrapper textarea::placeholder {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important
    }

[data-theme=dark] button#copyLink {
    background: #ececec !important;
    color: #434343 !important
}

[data-theme=dark] .select2-container--default .select2-search__field::-moz-placeholder {
    color: #fff !important
}

[data-theme=dark] .select2-container--default .select2-search__field::placeholder {
    color: #fff !important
}

[data-theme=dark] .social-media a.save-news {
    color: #ffc04b;
    background-color: rgba(255, 192, 75, .1);
    border: 2px solid #fff
}

[data-theme=dark] .custom-modal a.text-light-brown,
[data-theme=dark] .custom-modal p.text-light-brown {
    background: #f5f5f5;
    padding: 5px 15px
}

[data-theme=dark] .search-filter {
    background: 0 0 !important;
    border: 1px solid rgba(255, 255, 255, .5)
}

    .umbraco-forms-field-wrapper [data-theme=dark] .search-filter .filter-checkbox input[type=checkbox]:checked ~ label,
    [data-theme=dark] .search-filter .filter-checkbox .form-check-input[type=checkbox]:checked ~ label,
    [data-theme=dark] .search-filter .filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox]:checked ~ label,
    [data-theme=dark] .search-suggestions p a {
        color: #fff !important
    }

    .umbraco-forms-field-wrapper [data-theme=dark] .search-filter .filter-checkbox input[type=checkbox]:checked,
    [data-theme=dark] .search-filter .filter-checkbox .form-check-input[type=checkbox]:checked,
    [data-theme=dark] .search-filter .filter-checkbox .umbraco-forms-field-wrapper input[type=checkbox]:checked {
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
    }

    [data-theme=dark] .search-filter .filter-checkbox label {
        color: rgba(255, 255, 255, .45) !important
    }

[data-theme=dark] .search-suggestions::-webkit-scrollbar-thumb {
    background: #ffc04b !important
}

[data-theme=dark] .search-input {
    background-color: transparent !important;
    background-image: url(../images/icons/search-white.svg);
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .5) !important
}

    [data-theme=dark] .search-input::-moz-placeholder {
        color: #fff !important
    }

    [data-theme=dark] .search-input::placeholder {
        color: #fff !important
    }

[data-theme=dark] .select-date input {
    background-color: transparent !important;
    color: #fff !important
}

[data-theme=dark] input[type=date i]::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuOTY4OTQgMy42MzU5MkM0LjY0OTg2IDMuNjM1OTIgNC4zODUyNSAzLjM3MTMyIDQuMzg1MjUgMy4wNTIyNFYwLjcxNzQ3OEM0LjM4NTI1IDAuMzk4Mzk1IDQuNjQ5ODYgMC4xMzM3ODkgNC45Njg5NCAwLjEzMzc4OUM1LjI4ODAyIDAuMTMzNzg5IDUuNTUyNjIgMC4zOTgzOTUgNS41NTI2MiAwLjcxNzQ3OFYzLjA1MjI0QzUuNTUyNjIgMy4zNzEzMiA1LjI4ODAyIDMuNjM1OTIgNC45Njg5NCAzLjYzNTkyWiIgZmlsbD0iI0ZGQzA0QiIvPgo8cGF0aCBkPSJNMTEuMTg4OSAzLjYzNTkyQzEwLjg2OTggMy42MzU5MiAxMC42MDUyIDMuMzcxMzIgMTAuNjA1MiAzLjA1MjI0VjAuNzE3NDc4QzEwLjYwNTIgMC4zOTgzOTUgMTAuODY5OCAwLjEzMzc4OSAxMS4xODg5IDAuMTMzNzg5QzExLjUwOCAwLjEzMzc4OSAxMS43NzI2IDAuMzk4Mzk1IDExLjc3MjYgMC43MTc0NzhWMy4wNTIyNEMxMS43NzI2IDMuMzcxMzIgMTEuNTA4IDMuNjM1OTIgMTEuMTg4OSAzLjYzNTkyWiIgZmlsbD0iI0ZGQzA0QiIvPgo8cGF0aCBkPSJNNS4zNTQ5MSAxMC40NDU3QzUuMjUzNzMgMTAuNDQ1NyA1LjE1MjU2IDEwLjQyMjQgNS4wNTkxNyAxMC4zODM1QzQuOTU4IDEwLjM0NDYgNC44ODAxOCAxMC4yOTAxIDQuODAyMzUgMTAuMjJDNC42NjIyNyAxMC4wNzIyIDQuNTc2NjYgOS44Nzc2MSA0LjU3NjY2IDkuNjY3NDhDNC41NzY2NiA5LjU2NjMxIDQuNjAwMDEgOS40NjUxNCA0LjYzODkyIDkuMzcxNzVDNC42Nzc4MyA5LjI3ODM2IDQuNzMyMzEgOS4xOTI3NSA0LjgwMjM1IDkuMTE0OTJDNC44ODAxOCA5LjA0NDg4IDQuOTU4IDguOTkwNCA1LjA1OTE3IDguOTUxNDlDNS4zMzkzNCA4LjgzNDc1IDUuNjg5NTUgOC44OTcwMSA1LjkwNzQ2IDkuMTE0OTJDNi4wNDc1NCA5LjI2Mjc5IDYuMTMzMTUgOS40NjUxNCA2LjEzMzE1IDkuNjY3NDhDNi4xMzMxNSA5LjcxNDE4IDYuMTI1MzcgOS43Njg2NiA2LjExNzU5IDkuODIzMTNDNi4xMDk4IDkuODY5ODMgNi4wOTQyNCA5LjkxNjUyIDYuMDcwODkgOS45NjMyMkM2LjA1NTMzIDEwLjAwOTkgNi4wMzE5OCAxMC4wNTY2IDYuMDAwODUgMTAuMTAzM0M1Ljk3NzUgMTAuMTQyMiA1LjkzODU5IDEwLjE4MTEgNS45MDc0NiAxMC4yMkM1Ljc1OTU5IDEwLjM2MDEgNS41NTcyNSAxMC40NDU3IDUuMzU0OTEgMTAuNDQ1N1oiIGZpbGw9IiNGRkMwNEIiLz4KPHBhdGggZD0iTTguMDgxOTYgMTAuNDQ1NUM3Ljk4MDc4IDEwLjQ0NTUgNy44Nzk2MSAxMC40MjIyIDcuNzg2MjIgMTAuMzgzM0M3LjY4NTA1IDEwLjM0NDQgNy42MDcyMyAxMC4yODk5IDcuNTI5NCAxMC4yMTk4QzcuMzg5MzIgMTAuMDcyIDcuMzAzNzEgOS44Nzc0MSA3LjMwMzcxIDkuNjY3MjhDNy4zMDM3MSA5LjU2NjExIDcuMzI3MDYgOS40NjQ5MyA3LjM2NTk3IDkuMzcxNTRDNy40MDQ4OCA5LjI3ODE1IDcuNDU5MzYgOS4xOTI1NSA3LjUyOTQgOS4xMTQ3MkM3LjYwNzIzIDkuMDQ0NjggNy42ODUwNSA4Ljk5MDIgNy43ODYyMiA4Ljk1MTI5QzguMDY2MzkgOC44MjY3NyA4LjQxNjYgOC44OTY4MSA4LjYzNDUxIDkuMTE0NzJDOC43NzQ1OSA5LjI2MjU5IDguODYwMiA5LjQ2NDkzIDguODYwMiA5LjY2NzI4QzguODYwMiA5LjcxMzk4IDguODUyNDIgOS43Njg0NSA4Ljg0NDY0IDkuODIyOTNDOC44MzY4NSA5Ljg2OTYzIDguODIxMjkgOS45MTYzMiA4Ljc5Nzk0IDkuOTYzMDJDOC43ODIzOCAxMC4wMDk3IDguNzU5MDMgMTAuMDU2NCA4LjcyNzkgMTAuMTAzMUM4LjcwNDU1IDEwLjE0MiA4LjY2NTY0IDEwLjE4MDkgOC42MzQ1MSAxMC4yMTk4QzguNDg2NjQgMTAuMzU5OSA4LjI4NDMgMTAuNDQ1NSA4LjA4MTk2IDEwLjQ0NTVaIiBmaWxsPSIjRkZDMDRCIi8+CjxwYXRoIGQ9Ik0xMC43OTk3IDEwLjQ0NTVDMTAuNjk4NiAxMC40NDU1IDEwLjU5NzQgMTAuNDIyMiAxMC41MDQgMTAuMzgzM0MxMC40MDI4IDEwLjM0NDQgMTAuMzI1IDEwLjI4OTkgMTAuMjQ3MiAxMC4yMTk4QzEwLjIxNiAxMC4xODA5IDEwLjE4NDkgMTAuMTQyIDEwLjE1MzggMTAuMTAzMUMxMC4xMjI3IDEwLjA1NjQgMTAuMDk5MyAxMC4wMDk3IDEwLjA4MzcgOS45NjMwMkMxMC4wNjA0IDkuOTE2MzIgMTAuMDQ0OCA5Ljg2OTYzIDEwLjAzNyA5LjgyMjkzQzEwLjAyOTMgOS43Njg0NSAxMC4wMjE1IDkuNzEzOTggMTAuMDIxNSA5LjY2NzI4QzEwLjAyMTUgOS40NjQ5MyAxMC4xMDcxIDkuMjYyNTkgMTAuMjQ3MiA5LjExNDcyQzEwLjMyNSA5LjA0NDY4IDEwLjQwMjggOC45OTAyIDEwLjUwNCA4Ljk1MTI5QzEwLjc5MTkgOC44MjY3NyAxMS4xMzQ0IDguODk2ODEgMTEuMzUyMyA5LjExNDcyQzExLjQ5MjQgOS4yNjI1OSAxMS41NzggOS40NjQ5MyAxMS41NzggOS42NjcyOEMxMS41NzggOS43MTM5OCAxMS41NzAyIDkuNzY4NDUgMTEuNTYyNCA5LjgyMjkzQzExLjU1NDYgOS44Njk2MyAxMS41MzkxIDkuOTE2MzIgMTEuNTE1NyA5Ljk2MzAyQzExLjUwMDIgMTAuMDA5NyAxMS40NzY4IDEwLjA1NjQgMTEuNDQ1NyAxMC4xMDMxQzExLjQyMjMgMTAuMTQyIDExLjM4MzQgMTAuMTgwOSAxMS4zNTIzIDEwLjIxOThDMTEuMjA0NCAxMC4zNTk5IDExLjAwMjEgMTAuNDQ1NSAxMC43OTk3IDEwLjQ0NTVaIiBmaWxsPSIjRkZDMDRCIi8+CjxwYXRoIGQ9Ik01LjM1NDkxIDEzLjE2OTVDNS4yNTM3MyAxMy4xNjk1IDUuMTUyNTYgMTMuMTQ2MiA1LjA1OTE3IDEzLjEwNzNDNC45NjU3OCAxMy4wNjg0IDQuODgwMTggMTMuMDEzOSA0LjgwMjM1IDEyLjk0MzhDNC42NjIyNyAxMi43OTU5IDQuNTc2NjYgMTIuNTkzNiA0LjU3NjY2IDEyLjM5MTJDNC41NzY2NiAxMi4yOTAxIDQuNjAwMDEgMTIuMTg4OSA0LjYzODkyIDEyLjA5NTVDNC42Nzc4MyAxMS45OTQzIDQuNzMyMzEgMTEuOTA4OCA0LjgwMjM1IDExLjgzODhDNS4wOTAzIDExLjU1MDggNS42MTk1MSAxMS41NTA4IDUuOTA3NDYgMTEuODM4OEM2LjA0NzU0IDExLjk4NjYgNi4xMzMxNSAxMi4xODg5IDYuMTMzMTUgMTIuMzkxMkM2LjEzMzE1IDEyLjU5MzYgNi4wNDc1NCAxMi43OTU5IDUuOTA3NDYgMTIuOTQzOEM1Ljc1OTU5IDEzLjA4MzkgNS41NTcyNSAxMy4xNjk1IDUuMzU0OTEgMTMuMTY5NVoiIGZpbGw9IiNGRkMwNEIiLz4KPHBhdGggZD0iTTguMDgxOTYgMTMuMTY5NUM3Ljg3OTYxIDEzLjE2OTUgNy42NzcyNyAxMy4wODM5IDcuNTI5NCAxMi45NDM4QzcuMzg5MzIgMTIuNzk1OSA3LjMwMzcxIDEyLjU5MzYgNy4zMDM3MSAxMi4zOTEyQzcuMzAzNzEgMTIuMjkwMSA3LjMyNzA2IDEyLjE4ODkgNy4zNjU5NyAxMi4wOTU1QzcuNDA0ODggMTEuOTk0MyA3LjQ1OTM2IDExLjkwODggNy41Mjk0IDExLjgzODhDNy44MTczNSAxMS41NTA4IDguMzQ2NTYgMTEuNTUwOCA4LjYzNDUxIDExLjgzODhDOC43MDQ1NSAxMS45MDg4IDguNzU5MDMgMTEuOTk0MyA4Ljc5Nzk0IDEyLjA5NTVDOC44MzY4NSAxMi4xODg5IDguODYwMiAxMi4yOTAxIDguODYwMiAxMi4zOTEyQzguODYwMiAxMi41OTM2IDguNzc0NTkgMTIuNzk1OSA4LjYzNDUxIDEyLjk0MzhDOC40ODY2NCAxMy4wODM5IDguMjg0MyAxMy4xNjk1IDguMDgxOTYgMTMuMTY5NVoiIGZpbGw9IiNGRkMwNEIiLz4KPHBhdGggZD0iTTEwLjc5OTcgMTMuMTY5M0MxMC41OTc0IDEzLjE2OTMgMTAuMzk1IDEzLjA4MzYgMTAuMjQ3MiAxMi45NDM2QzEwLjE3NzEgMTIuODczNSAxMC4xMjI3IDEyLjc4NzkgMTAuMDgzNyAxMi42ODY3QzEwLjA0NDggMTIuNTkzMyAxMC4wMjE1IDEyLjQ5MjIgMTAuMDIxNSAxMi4zOTFDMTAuMDIxNSAxMi4yODk4IDEwLjA0NDggMTIuMTg4NyAxMC4wODM3IDEyLjA5NTNDMTAuMTIyNyAxMS45OTQxIDEwLjE3NzEgMTEuOTA4NSAxMC4yNDcyIDExLjgzODRDMTAuNDI2MiAxMS42NTk0IDEwLjY5ODYgMTEuNTczOCAxMC45NDc2IDExLjYyODNDMTEuMDAyMSAxMS42MzYxIDExLjA0ODggMTEuNjUxNyAxMS4wOTU1IDExLjY3NUMxMS4xNDIyIDExLjY5MDYgMTEuMTg4OSAxMS43MTM5IDExLjIzNTUgMTEuNzQ1QzExLjI3NDUgMTEuNzY4NCAxMS4zMTM0IDExLjgwNzMgMTEuMzUyMyAxMS44Mzg0QzExLjQ5MjQgMTEuOTg2MyAxMS41NzggMTIuMTg4NyAxMS41NzggMTIuMzkxQzExLjU3OCAxMi41OTMzIDExLjQ5MjQgMTIuNzk1NyAxMS4zNTIzIDEyLjk0MzZDMTEuMjA0NCAxMy4wODM2IDExLjAwMjEgMTMuMTY5MyAxMC43OTk3IDEzLjE2OTNaIiBmaWxsPSIjRkZDMDRCIi8+CjxwYXRoIGQ9Ik0xNC42OTY5IDYuODE4NzVIMS40NjY3NEMxLjE0NzY2IDYuODE4NzUgMC44ODMwNTcgNi41NTQxNCAwLjg4MzA1NyA2LjIzNTA2QzAuODgzMDU3IDUuOTE1OTcgMS4xNDc2NiA1LjY1MTM3IDEuNDY2NzQgNS42NTEzN0gxNC42OTY5QzE1LjAxNiA1LjY1MTM3IDE1LjI4MDYgNS45MTU5NyAxNS4yODA2IDYuMjM1MDZDMTUuMjgwNiA2LjU1NDE0IDE1LjAxNiA2LjgxODc1IDE0LjY5NjkgNi44MTg3NVoiIGZpbGw9IiNGRkMwNEIiLz4KPHBhdGggZD0iTTExLjE5MTggMTYuODY2M0g0Ljk2NTg4QzIuMTI1MjggMTYuODY2MyAwLjQ5MDk2NyAxNS4yMzIgMC40OTA5NjcgMTIuMzkxNFY1Ljc3NjIyQzAuNDkwOTY3IDIuOTM1NiAyLjEyNTI4IDEuMzAxMjcgNC45NjU4OCAxLjMwMTI3SDExLjE5MThDMTQuMDMyNCAxLjMwMTI3IDE1LjY2NjcgMi45MzU2IDE1LjY2NjcgNS43NzYyMlYxMi4zOTE0QzE1LjY2NjcgMTUuMjMyIDE0LjAzMjQgMTYuODY2MyAxMS4xOTE4IDE2Ljg2NjNaTTQuOTY1ODggMi40Njg2NUMyLjc0MDEgMi40Njg2NSAxLjY1ODMzIDMuNTUwNDIgMS42NTgzMyA1Ljc3NjIyVjEyLjM5MTRDMS42NTgzMyAxNC42MTcyIDIuNzQwMSAxNS42OTg5IDQuOTY1ODggMTUuNjk4OUgxMS4xOTE4QzEzLjQxNzYgMTUuNjk4OSAxNC40OTk0IDE0LjYxNzIgMTQuNDk5NCAxMi4zOTE0VjUuNzc2MjJDMTQuNDk5NCAzLjU1MDQyIDEzLjQxNzYgMi40Njg2NSAxMS4xOTE4IDIuNDY4NjVINC45NjU4OFoiIGZpbGw9IiNGRkMwNEIiLz4KPC9zdmc+Cg==") !important
}

[data-theme=dark] .news-updates-slider .slick-arrow {
    background-color: #5f5f5f !important;
    border: 1px solid silver;
    opacity: 1
}

#webchat .webchat__icon-button:focus,
#webchat .webchat__icon-button:hover,
#webchat .webchat__send-box__main #refresh_btn:hover,
.screenshot_slider .owl-item.active {
    opacity: .5
}

[data-theme=dark] .news-updates-slider .slick-prev {
    background-image: url(../../assets/images/icons/left-white-news-scroll.svg)
}

[data-theme=dark] .news-updates-slider .slick-next {
    background-image: url(../../assets/images/icons/right-white-news-scroll.svg)
}

[data-theme=dark] .search-news {
    background-color: #151515 !important
}

[data-theme=dark] .loc-desp {
    background: #fbfbfb
}

[data-theme=dark] .card-listing .b-bottom,
[data-theme=dark] .end-line,
[data-theme=dark] .sep-line {
    border-color: #cfcfcf
}

#calendar table .fc-content-skeleton table thead td.selected span,
#calendar.fc-ltr .fc-basic-view .fc-day-top.selected .fc-day-number,
.img-holder .thumbnail-wrapper + figcaption .text-black,
.light-listing figcaption .text-white,
[data-theme=dark] #SearchResults .special-list-holder li a,
[data-theme=dark] .fc-day-header span,
[data-theme=dark] .fc-header-toolbar .h2,
[data-theme=dark] .fc-header-toolbar h2,
[data-theme=dark] .fc-toolbar.fc-header-toolbar .fc-button .fc-icon::after,
[data-theme=dark] .light-listing .text-white,
html[data-theme=dark] .chatbot .chat-window p,
html[data-theme=dark] .chatbot .chatHeader p,
html[data-theme=dark] .chatbot .chatHeader p span,
html[data-theme=dark] .cmn-page-head .gap-3.align-items-stretch .btn-with-download:hover,
html[data-theme=dark] .cookies-popup p,
html[data-theme=dark] .description.document-holder li,
html[data-theme=dark] .profile-tabs-button .profile-btn-bottom #logout-button,
html[data-theme=dark] .search-keywords.outline a,
html[dir=rtl] #calendar table .fc-today.selected .fc-day-number {
    color: #fff !important
}

[data-theme=dark] .social_a2a {
    background: 0 0 !important;
    color: #fff !important
}

.social-media a.icon-bookmark-news-details,
html[data-theme=dark] .bookmark-wrapper {
    color: #ffc04b;
    background-color: rgba(255, 192, 75, .1019607843)
}

    html[data-theme=dark] .bookmark-wrapper button {
        color: #ffc04b;
        background-color: transparent
    }

[data-theme=dark] .form-step-wraper + form .iti--separate-dial-code .iti__selected-flag {
    border: 1px solid grey !important
}

html[data-theme=dark] .main-news-slider .progressBarContainer .item span.progressBar {
    background-color: rgba(255, 255, 255, .1)
}

html[data-theme=dark] .search-suggestions .search-keywords {
    background: #f3e7ea
}

.umbraco-forms-field-wrapper html[data-theme=dark] .survey .checkboxlist:has(input[type=radio]:checked),
html[data-theme=dark] .survey .form-check:has(input[type=radio]:checked),
html[data-theme=dark] .survey .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked) {
    background-color: #fff !important
}

.card-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr))
}

    .card-container.dark-listing article:nth-of-type(2) {
        grid-column: 2/3;
        grid-row: 1/span 2
    }

    .card-container.dark-listing article:nth-child(-n+3) {
        border-top: 1px solid #5b5959
    }

    .card-container.dark-listing article:nth-child(3),
    .card-container.dark-listing article:nth-child(5),
    .card-container.dark-listing article:nth-child(8) {
        border-inline-end: none
    }

    .card-container.light-listing {
        border-inline-start: 1px solid #CFCFCF
    }

.dark-bg .card-container.light-listing {
    border-inline-start: 1px solid #5c5c5c
}

.card-container.light-listing article {
    border-bottom: 1px solid #cfcfcf;
    border-inline-end: 1px solid #CFCFCF
}

.dark-bg .card-container.light-listing article {
    border-bottom: 1px solid #5c5c5c;
    border-inline-end: 1px solid #5c5c5c
}

.card-container.light-listing article .thumbnail-wrapper + figcaption .h6 a,
.card-container.light-listing article .thumbnail-wrapper + figcaption h6 a {
    -webkit-line-clamp: 2
}

.card-container.light-listing article:nth-of-type(2) {
    grid-column: 1/2;
    grid-row: 1/span 2
}

.card-container.light-listing article:nth-child(-n+3) {
    border-top: 1px solid #cfcfcf
}

.dark-bg .card-container.light-listing article:nth-child(-n+3) {
    border-top: 1px solid #5c5c5c
}

.card-container article {
    display: grid;
    border-bottom: 1px solid #5b5959;
    padding: 10px;
    align-items: center;
    border-right: 1px solid #5b5959
}

    .card-container article img {
        transition: .3s ease-in-out;
        width: 194px;
        height: auto
    }

.Photo-album .thumbnail-wrapper img {
    display: block;
    aspect-ratio: 10/7;
    width: 100%
}

.light-listing figure .h6:has(a:focus),
.light-listing figure h6:has(a:focus) {
    overflow: unset !important
}

.chatbot {
    position: fixed;
    z-index: 100;
    bottom: 0;
    width: 100%;
    height: 1px;
    inset-inline-end: 0
}

    .chatbot .widget-position {
        position: absolute;
        bottom: 20px;
        inset-inline-end: -10px
    }

    .chatbot .chat-head {
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(180deg, #832760 0, #d7bc89 100%);
        background-position: center;
        width: 76px;
        height: 76px;
        border: 4px solid #d7bc89
    }

@media (max-width:991.98px) {
    .search-card .h4,
    .search-card .h4 span,
    .search-card h4,
    .search-card h4 span {
        font-size: 16px
    }

    .search-card p {
        font-size: 14px !important
    }

    .filter-search,
    .search-content {
        margin-top: 1rem
    }

        .filter-search .select-date,
        .search-content .viewed-time {
            margin-bottom: 1rem
        }

    .loc-section {
        margin-bottom: 25px
    }

    .chatbot {
        inset-inline-end: 20px
    }

        .chatbot .chat-head {
            width: 68px;
            height: 68px
        }

    .chatbot-webview .chatbot {
        inset-inline-end: 0px !important
    }
}

.chatbot .chat-window {
    display: block;
    max-width: 670px;
    width: 100vw;
    border: 1px solid rgba(107, 107, 107, .3);
    border-radius: 22px;
    overflow: hidden
}

html[data-theme=dark] .chatbot .chat-window {
    background-color: #000 !important;
    border: 1px solid rgba(255, 255, 255, .4)
}

.chatbot .chatHeader {
    padding: 15px;
    box-shadow: 0 7px 6px rgba(0, 0, 0, .1607843137)
}

@media (max-width:600px) {
    .chatbot .chatHeader {
        align-items: start !important
    }

        .chatbot .chatHeader .px-4.w-100.justify-content-center.align-items-center,
        .chatbot .chatHeader .umbraco-forms-field-wrapper .px-4.w-100.justify-content-center.checkboxlist,
        .umbraco-forms-field-wrapper .chatbot .chatHeader .px-4.w-100.justify-content-center.checkboxlist {
            align-items: start !important;
            flex-direction: column
        }
}

.chatbot .chatHeader p {
    font-size: 18px !important
}

.chatbot .chatHeader .justify-content-between.px-4:has(.beta-btn) {
    justify-content: center !important
}

.chatbot .chatHeader img.logo {
    height: 70px
}

.chatbot .mrgEnd-auto {
    margin-inline-end: auto
}

.chatbot .contact-no {
    padding: 10px 20px;
    background-color: #f9f9f9;
    border-radius: 8px
}

    .chatbot .contact-no i {
        color: #83273c
    }

.chatbot .chatBody {
    max-height: 48vh;
    padding: 30px;
    margin-bottom: 100px;
    overflow-y: auto
}

    .chatbot .chatBody b {
        display: block;
        font-size: 15px;
        margin-bottom: 10px
    }

.chatbot .systemMessage {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 15px;
    background-color: #f9f9f9;
    border-radius: 8px
}

    .chatbot .systemMessage li {
        width: 42%;
        background-color: rgba(131, 39, 60, .1);
        border-radius: 8px
    }

        .chatbot .systemMessage li a {
            display: block;
            padding: 8px;
            color: #000
        }

.chatbot .myMessage {
    display: inline-flex;
    margin-bottom: 15px;
    padding: 10px 15px;
    color: #fff;
    background-color: #83273c;
    border-radius: 8px;
    text-align: end
}

.chatbot .chat-message {
    position: absolute;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    width: 100%;
    box-shadow: -1px -2px 5px 1px rgba(0, 0, 0, .1098039216);
    overflow: hidden
}

    .chatbot .chat-message textarea {
        resize: none;
        padding: 10px;
        width: 90%;
        height: 80px;
        border: none;
        background-color: transparent
    }

        .chatbot .chat-message textarea::-moz-placeholder {
            color: rgba(0, 0, 0, .45)
        }

        .chatbot .chat-message textarea::placeholder {
            color: rgba(0, 0, 0, .45)
        }

.chatbot .beta-btn {
    height: 96px;
    overflow: hidden;
    position: absolute;
    width: 96px;
    inset-inline-start: -9px;
    top: -9px
}

    .chatbot .beta-btn::before {
        top: 0;
        inset-inline-end: 0
    }

    .chatbot .beta-btn::after {
        bottom: 0;
        inset-inline-start: 0
    }

    .chatbot .beta-btn::after,
    .chatbot .beta-btn::before {
        position: absolute;
        z-index: 1;
        content: "";
        display: block;
        border: 5px solid #83273c;
        border-top-color: transparent;
        border-left-color: transparent
    }

html[dir=rtl] .chatbot .beta-btn::after,
html[dir=rtl] .chatbot .beta-btn::before {
    border-left-color: #83273c !important
}

.chatbot .beta-btn span {
    position: absolute;
    display: block;
    width: 148px;
    padding: 12px 0;
    background-color: #83273c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font: 700 14px/1 Lato, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
    inset-inline-end: -10px;
    top: 19px;
    transform: rotate(-45deg)
}

.chatbot button#stop_btn {
    background: #8a1438;
    border-radius: 8px;
    bottom: 90px;
    color: #fff;
    font-size: 11px;
    right: 33px;
    padding: 6px 12px;
    position: absolute
}

    .chatbot button#stop_btn::before {
        content: "\f582";
        display: inline-block;
        font-weight: 400 !important;
        line-height: 1;
        font-size: 12px;
        margin-inline-end: 5px
    }

html[dir=rtl] .chatbot button#stop_btn {
    left: 33px !important;
    right: unset !important
}

.chatbot img.ac-image.ac-selectable:hover {
    filter: invert(20%) sepia(67%) saturate(6917%) hue-rotate(121deg) brightness(96%) contrast(106%)
}

.chatbot-webview .chatbot {
    height: unset !important
}

.chatbot-webview .widget-position {
    bottom: unset !important;
    inset-inline-end: 0 !important
}

.chatbot-webview .chat-window {
    max-width: 100% !important;
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important
}

.chatbot-webview #webchat {
    height: 90vh !important
}

.chatbot-webview .webchat__basic-transcript__scrollable {
    height: 74vh
}

@media (max-width:375px) {
    .chatbot-webview .webchat__basic-transcript__scrollable {
        height: 66vh !important
    }
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .chatbot-webview .beta-btn {
        height: 102px;
        inset-inline-start: 0px;
        top: 0;
        width: 102px
    }
}

html[dir=rtl] #webchat .webchat__adaptive-card-renderer .ac-actionSet .ac-pushButton,
html[dir=rtl] #webchat .webchat__bubble__content .ac-textBlock p,
html[dir=rtl] .webchat__activity-status,
html[dir=rtl] .webchat__send-box-text-box,
html[dir=rtl] .webchat__suggested-action,
html[dir=rtl] .webchat__text-content {
    font-family: Noto Kufi Arabic, sans-serif !important
}

.webchat--css-whfqo-1dmjbed.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content {
    border: none;
    border-color: transparent !important
}

.webchat__send-box-text-box__input {
    padding: 0 10px !important
}

html[dir=rtl] .webchat--css-mdptm-1lf2med:has(.webchat__typingIndicator),
html[dir=rtl] .webchat--css-zprkl-1lf2med:has(.webchat__typingIndicator),
html[dir=rtl] .webchat__basic-transcript__transcript + div:has(.webchat__typingIndicator) {
    display: flex;
    align-items: end;
    justify-content: end
}

.webchat__stacked-layout__main {
    font-size: 15px;
    font-weight: 500
}

.webchat__stacked-layout__message {
    max-width: none !important;
    width: 100%
}

#reportsNameListContainer,
.webchat__stacked-layout__attachment-row {
    margin-top: 0 !important
}

.webchat__stacked-layout__attachment {
    max-width: 100% !important
}

.webchat__stacked-layout__content:has(.webchat__stacked-layout__attachment-row) {
    padding: 15px 15px 10px;
    background-color: #f9f9f9
}

html[data-theme=dark] .webchat__stacked-layout__content:has(.webchat__stacked-layout__attachment-row) {
    background-color: #000
}

.webchat__stacked-layout__message-row {
    margin-bottom: 15px
}

#webchat .webchat__bubble__content {
    min-height: auto;
    border-color: transparent;
    border-radius: 8px
}

    #webchat .webchat__bubble__content .ac-textBlock p {
        font-size: 13px;
        line-height: 20px;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 400;
        text-align: justify
    }

    #webchat .webchat__bubble__content .ac-textBlock:first-of-type p {
        font-size: 15px;
        font-weight: 700
    }

html[data-theme=dark] #webchat .webchat__bubble__content a {
    color: #ffc04b !important
}

#webchat .webchat__bubble--from-user {
    display: inline-flex !important;
    width: auto;
    max-width: none;
    padding: 20px 15px;
    background-color: #83273c;
    border: none;
    border-radius: 8px
}

    #webchat .webchat__bubble--from-user p {
        padding: 0;
        color: #fff
    }

#webchat .webchat__adaptive-card-renderer {
    background-color: #ebe0e2
}

    #webchat .webchat__adaptive-card-renderer .ac-actionSet {
        align-items: flex-start !important
    }

        #webchat .webchat__adaptive-card-renderer .ac-actionSet .ac-pushButton {
            display: inline-block;
            padding-block: 10px;
            padding-inline: 30px;
            color: #fff;
            font-family: Arial, sans-serif;
            background-color: #83273c;
            border: none;
            border-radius: 8px
        }

#webchat .webchat__text-content--is-markdown {
    max-width: 100%;
    padding: 20px 15px;
    border: none;
    background-color: #f9f9f9
}

html[data-theme=dark] #webchat .webchat__text-content--is-markdown {
    background: #000 !important;
    color: #fff !important
}

#webchat .webchat__text-content p,
#webchat .webchat__text-content ul {
    text-align: justify
}

html[dir=rtl] #webchat .webchat__text-content p,
html[dir=rtl] #webchat .webchat__text-content ul {
    direction: rtl
}

#webchat .webchat__send-box__main {
    min-height: 85px
}

html[data-theme=dark] #webchat .webchat__send-box__main {
    background-color: #212121;
    color: #fff;
    border: none
}

html[dir=rtl] #webchat .ac-container,
html[dir=rtl] #webchat .ac-textBlock,
html[dir=rtl] #webchat .webchat__basic-transcript__activity-body,
html[dir=rtl] #webchat .webchat__send-box__main {
    direction: rtl
}

    html[dir=rtl] #webchat .webchat__send-box__main .webchat__icon-button {
        transform: scaleX(-1)
    }

#webchat .webchat__send-box__main #refresh_btn {
    font-size: 0px;
    background: 0 0;
    border: 0;
    padding: 26px 15px;
    order: 1
}

    #webchat .webchat__send-box__main #refresh_btn:before {
        content: "\f363";
        font-family: FontAwesome;
        color: #8a1438;
        font-size: 22px
    }

#webchat .webchat__send-box__main .webchat__icon-button {
    order: 3
}

#webchat .webchat__icon-button {
    background-image: url(../../assets/images/sent-btn.svg)
}

    #webchat .webchat__icon-button .webchat__send-icon,
    #webchat .webchat__icon-button:focus .webchat__icon-button__shade,
    #webchat .webchat__icon-button:hover .webchat__icon-button__shade,
    .wizard .content .h4,
    .wizard .content h4,
    .wizard .current-info,
    .wizard .number {
        display: none
    }

html[data-theme=dark] #webchat .webchat__icon-button {
    background-image: url(../../assets/images/sent-btn-white.svg)
}

#webchat .webchat__basic-transcript {
    box-shadow: inset gray 0 0 20px -10px
}

.img-thumb span,
html[data-theme=dark] #webchat .webchat__send-box-text-box__input {
    color: #fff
}

#webchat .webchat__send-box-text-box__input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .45) !important
}

html[data-theme=dark] #webchat .webchat__send-box-text-box__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .45) !important
}

#webchat .webchat__suggested-action {
    background-color: transparent;
    border: 1px solid rgba(131, 39, 62, .34);
    box-shadow: 0 0 10px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .1);
    transition: .3s;
    border-radius: 0 !important;
    color: #3a3a3a !important;
    font-size: 15px !important;
    font-weight: 700
}

    #webchat .webchat__suggested-action::before {
        transition: .5s;
        background-color: rgba(146, 19, 57, .18);
        position: absolute;
        top: 0;
        left: 50%;
        right: 50%;
        bottom: 0;
        opacity: 0;
        content: "";
        z-index: -1
    }

    #webchat .webchat__suggested-action:focus::before,
    #webchat .webchat__suggested-action:hover::before {
        transition: .5s;
        left: 0;
        right: 0;
        opacity: 1
    }

html[data-theme=dark] #webchat .webchat__suggested-action {
    background-color: #fff !important
}

html[data-theme=dark] #webchat .ac-container img.ac-image.ac-selectable {
    filter: invert(1) !important
}

    html[data-theme=dark] #webchat .ac-container img.ac-image.ac-selectable:hover {
        filter: invert(20%) sepia(67%) saturate(6917%) hue-rotate(121deg) brightness(96%) contrast(106%) !important
    }

#webchat .webchat--css-kaheg-kdgeig.webchat__render-markdown .webchat__render-markdown__external-link-icon {
    margin-inline-start: .5rem !important
}

html[data-theme=dark] #webchat .webchat__stacked-layout__attachment-row .webchat__text-content--is-markdown {
    border: 1px solid red;
    background: #232323 !important
}

html[data-theme=dark] #webchat .webchat__adaptive-card-renderer {
    background-color: #83273c;
    color: #fff !important
}

    html[data-theme=dark] #webchat .webchat__adaptive-card-renderer .ac-actionSet .ac-pushButton {
        color: #83273c;
        background-color: #fff
    }

.minister-card .item-start img {
    width: 183px;
    height: 147px
}

@media (min-width:992px) {
    .custom-modal.megamenu-header .modal-dialog {
        max-width: 940px
    }

    .megamenu-header .modal-dialog {
        --bs-modal-width: 964px;
        border-radius: 0 !important;
        border: 0 !important
    }

    main {
        min-height: 610px
    }

    .recent-news-ul li:nth-last-child(-n+2) {
        border-bottom: none
    }

    .recent-news-ul li:last-child {
        border-bottom: 0
    }

    .job-vacancies .gxy-5 {
        --bs-gutter-y: 42px !important;
        --bs-gutter-x: 16px !important
    }

    .profile-tabs .nav-pills {
        padding-inline-end: 25px
    }

    .conference .col-lg-2 {
        width: 33.3%
    }

    .padding-block-80 .poll-listing {
        min-height: 470px;
        height: 470px;
        overflow: auto;
        margin-bottom: 1rem
    }

    .event-listing .tab-content {
        max-height: none;
        height: 227px
    }

    .end-line {
        border-inline-end: 1px solid rgba(51, 51, 51, 0.1)
    }

    .loc-section {
        min-height: 470px;
        height: calc(100% - (70px + 3rem))
    }

    .events-tabs img {
        width: 193px;
        height: 129px
    }

    .events-tabs .news-card img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 200px
    }
}

.main-news-slider .slick-slider .slider-content .main-news-link img {
    border: 1px solid #dee2e6;
    margin-bottom: 3px
}

.fc-day-header {
    line-height: 0;
    padding: 10px !important
}

.innerpage-slider .slider {
    height: calc(100% - 120px)
}

.innerpage-slider .slick-list .slick-track:has(.item.slick-slide:not([data-slick-index="3"])) {
    transform: translate3d(0, 0, 0) !important;
    margin: 0
}

.thumbnail-style1 .slick-current.slick-active .progressBar {
    animation: 6s ease-in-out width-animation !important
}

@keyframes width-animation {
    0% {
        width: 0%
    }

    50% {
        width: 100%
    }
}

html[dir=rtl] .news-updates-slider .slick-arrow.slick-next,
html[dir=rtl] .news-updates-slider .slick-arrow.slick-prev {
    transform: rotate(180deg) translate(0, 50%)
}

.currency-details-slider .slick-arrow.slick-disabled {
    opacity: .2;
    cursor: default
}

.memory-frame {
    position: relative;
    padding-bottom: 70px
}

    .memory-frame .frame-card-header img {
        border: 1px solid silver;
        border-radius: 4px
    }

    .memory-frame .frame-card-body .h6 span,
    .memory-frame .frame-card-body h6 span {
        padding-top: 8px
    }

@media (max-width:1199.98px) {
    .breaking-news-2 .close-news {
        width: calc(100% - 40px)
    }

    .loc-desp {
        margin-bottom: 1rem
    }

    .memory-frame {
        padding: 30px
    }
}

[dir=rtl] .fancybox-caption__body span {
    direction: rtl;
    text-align: right;
    display: inline-block
}

[data-theme=dark] input:-internal-autofill-previewed,
[data-theme=dark] input:-internal-autofill-selected {
    background-color: #212121;
    color: #fff !important;
    transition: none !important
}

[dir=rtl] input[type=tel],
html[dir=rtl] .mobile-input input {
    text-align: left
}

    [dir=rtl] input[type=tel]::-moz-placeholder,
    html[dir=rtl] .mobile-input input::-moz-placeholder {
        text-align: right
    }

    [dir=rtl] input[type=tel]::placeholder,
    html[dir=rtl] .mobile-input input::placeholder {
        text-align: right
    }

.description.document-holder ol,
.description.document-holder ul {
    padding-inline-start: 2rem;
    padding-left: 0
}

    .description.document-holder ul li {
        list-style: disc
    }

    .description.document-holder ol li {
        list-style: decimal-leading-zero
    }

.description.document-holder li {
    margin-bottom: 15px !important;
    font-size: 18px;
    list-style-position: inside;
    color: #212529 !important
}

html[lang=de] .back-link .fa-arrow-left:before,
html[lang=en] .back-link .fa-arrow-left:before,
html[lang=es] .back-link .fa-arrow-left:before,
html[lang=fr] .back-link .fa-arrow-left:before {
    inset-block-start: -12px
}

.actions ul {
    display: flex;
    justify-content: start;
    gap: 15px
}

    .actions ul a {
        padding-inline: 30px;
        border-radius: 4px
    }

        .actions ul a[href="#next"] {
            color: #fff;
            background-color: #83273c
        }

        .actions ul a[href="#previous"] {
            color: #000;
            border: 1px solid #c8c8c8
        }

    .actions ul li:nth-child(2):has(.disabled) {
        display: none
    }

.profile-tabs-content .mobile-input .iti--separate-dial-code {
    margin-top: .875rem;
    min-width: 100px
}

.error-holder {
    min-width: 100%
}

.light-listing.main-typeone .two-line-paragraph,
.profile-tabs-button .profile-btn-bottom {
    padding-top: 10px
}

.filter-wrapper.w-auto .btn,
.filter-wrapper.w-auto a.btn {
    margin: 0 .5rem .5rem;
    padding-inline: 10px !important;
    white-space: nowrap
}

@media (max-width:991.98px) {
    .filter-wrapper.w-auto {
        gap: 15px
    }

        .filter-wrapper.w-auto .btn,
        .filter-wrapper.w-auto a.btn {
            margin: 10px 0 0 !important
        }
}

.cmn-page-head .gap-3.align-items-stretch a {
    padding-inline: 15px !important
}

@media screen and (max-width:1400px) {
    .f-18.btn {
        font-size: 16px
    }

    .cmn-page-head .gap-3.align-items-stretch a {
        font-size: 14px
    }
}

.cmn-page-head .gap-3.align-items-stretch .btn-with-download {
    padding-inline-end: 35px !important;
    border-color: #670d22 !important
}

    .cmn-page-head .gap-3.align-items-stretch .btn-with-download:hover {
        background-color: #670d22 !important
    }

html[data-theme=dark] .cmn-page-head .gap-3.align-items-stretch .btn-with-download:focus {
    color: #83273c;
    border-color: #670d22
}

.cmn-page-head .border,
.sliderDemo .video-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

    .card-container.main-typeone article .flex-grow-1 p,
    .cmn-page-head .border .d-flex.flex-xl-row,
    .cmn-page-head .border .umbraco-forms-field-wrapper .flex-xl-row.checkboxlist,
    .umbraco-forms-field-wrapper .cmn-page-head .border .flex-xl-row.checkboxlist {
        margin-top: auto
    }

.sliderDemo .slick-track {
    display: flex;
    align-items: stretch
}

.sliderDemo .slider-content {
    height: auto;
    flex: 1
}

.sliderDemo .video-container .border {
    display: flex;
    align-items: center;
    flex: 1;
    border: 1px solid #dee2e6
}

.card-container .catgry-time + span {
    white-space: nowrap;
    margin-block: 3px 0;
    display: inline-block
}

.card-container.main-typeone article .flex-grow-1 {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.editable-cell .editable-field .editable-input {
    padding-inline-end: 40px
}

.our-training .card,
.training-contact .card {
    max-height: none;
    height: 100%
}

.fancybox-container .fancybox-button--play,
.profile-tabs-content .my-reports .loader-wrapper,
.s-filter {
    display: none
}

.profile-tabs-content .search-suggestions {
    width: calc(100% - 7.5rem) !important;
    border-radius: 6px
}

html[dir=rtl] .profile-tabs-content .search-suggestions {
    inset-inline-start: 0
}

.s-filter .fa-sort-down {
    transform: rotate(0)
}

.filter-search .form-select,
.filter-search .umbraco-forms-field-wrapper select,
.umbraco-forms-field-wrapper .filter-search select {
    padding-inline-end: 35px
}

.screenshot_slider .owl-item {
    opacity: 0;
    transform: scale(.8);
    -ms-transform: scale(.8);
    transition: .2s;
    -webkit-transform: all .2s;
    z-index: 1
}

    .screenshot_slider .owl-item.active.middle_beside {
        transform: scale(1);
        -ms-transform: scale(1);
        opacity: .8;
        margin: 0 .4%;
        z-index: 2
    }

    .screenshot_slider .owl-item.active.center {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        opacity: 1;
        z-index: 3
    }

    .screenshot_slider .owl-item.active.next_to_mid {
        margin-inline-start: -1.5%
    }

    .screenshot_slider .owl-item.active.prev_to_mid {
        margin-inline-end: -1.5%
    }

    .screenshot_slider .owl-item.active .item {
        background: #fff;
        box-shadow: 0 0 13px rgba(0, 0, 0, .2);
        gap: 10px;
        padding: 10px
    }

        .screenshot_slider .owl-item.active .item figure img {
            transform: none !important;
            box-shadow: none !important
        }

.card-container.light-listing.main-typeone .img-holder .thumbnail-wrapper img {
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
}

html[data-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__clear {
    filter: brightness(1)
}

html[data-theme=dark] .select2-container--default .select2-selection {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") 0 0/11px no-repeat;
    background-position: calc(100% - 21px) center
}

html[dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__clear {
    float: left
}

html[lang=de] .btn-social.apple-icon::before,
html[lang=de] .btn-social.facebook-icon::before,
html[lang=de] .btn-social.google-icon::before,
html[lang=de] .btn-social.twitter-icon::before,
html[lang=es] .btn-social.apple-icon::before,
html[lang=es] .btn-social.facebook-icon::before,
html[lang=es] .btn-social.google-icon::before,
html[lang=es] .btn-social.twitter-icon::before,
html[lang=fr] .btn-social.apple-icon::before,
html[lang=fr] .btn-social.facebook-icon::before,
html[lang=fr] .btn-social.google-icon::before,
html[lang=fr] .btn-social.twitter-icon::before {
    margin-inline-start: 8%
}

@media (max-width:1480px) {
    html[lang=de] .back-link .fa-arrow-left:before,
    html[lang=es] .back-link .fa-arrow-left:before,
    html[lang=fr] .back-link .fa-arrow-left:before {
        inset-block-start: -8px
    }

    html[lang=de] .btn-social.apple-icon::before,
    html[lang=de] .btn-social.facebook-icon::before,
    html[lang=de] .btn-social.google-icon::before,
    html[lang=de] .btn-social.twitter-icon::before,
    html[lang=es] .btn-social.apple-icon::before,
    html[lang=es] .btn-social.facebook-icon::before,
    html[lang=es] .btn-social.google-icon::before,
    html[lang=es] .btn-social.twitter-icon::before,
    html[lang=fr] .btn-social.apple-icon::before,
    html[lang=fr] .btn-social.facebook-icon::before,
    html[lang=fr] .btn-social.google-icon::before,
    html[lang=fr] .btn-social.twitter-icon::before {
        margin-inline-start: 4%
    }
}

@media (max-width:992px) {
    .news-details .back-link .fa-arrow-left:before {
        inset-block-start: -8px !important;
        inset-inline-start: -4px !important
    }
}

.vision-holder-document {
    margin-top: 20px
}

.nav-pills .nav-link .fa-external-link {
    margin: 2px 8px 0
}

html[dir=rtl] .nav-pills .nav-link .fa-external-link {
    margin: 4px 8px 0
}

.bg-gold + .dropdown-menu li:first-of-type .dropdown-item img {
    width: 21px
}

html[data-theme=dark] .bg-gold + .dropdown-menu li:first-of-type .dropdown-item img {
    z-index: 1;
    position: relative
}

html[data-theme=dark] .bg-gold + .dropdown-menu li:first-of-type .dropdown-item::after {
    position: absolute;
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    background-color: #fff;
    top: 11px;
    inset-inline-start: 10px;
    border-radius: 50%;
    z-index: 0
}

html[data-theme=dark] .bg-gold + .dropdown-menu li:first-of-type .dropdown-item #logout-button {
    border-radius: 50%;
    background-color: #3a3a3a;
    width: 22px
}

html[data-theme=dark] .media-office table th {
    border: 1px solid #5c5c5c
}

html[data-theme=dark] .media-office table td {
    color: #fff;
    background-color: #5f5f5f
}

html[data-theme=dark] .media-office table .progress-status {
    background-color: #fce4ca
}

.Photo-album .col-lg-6 .img-holder figure figcaption,
.slider-preview .img-holder figcaption {
    background: linear-gradient(358.65deg, rgba(0, 0, 0, .68) 6.23%, rgba(0, 0, 0, .28) 85.62%);
    bottom: 0;
    padding: 25px;
    position: absolute
}

.news-close {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 50px;
    background-color: #c31832;
    display: flex;
    align-items: center;
    justify-content: center;
    inset-inline-end: 0;
    cursor: pointer
}

#intrestsDivData .form-check,
#intrestsDivData .umbraco-forms-field-wrapper .checkboxlist,
.umbraco-forms-field-wrapper #intrestsDivData .checkboxlist {
    width: auto
}

#SearchResults {
    min-height: 400px
}

    #SearchResults .result-wrapper .search-card .content-details .h4:has(a:focus),
    #SearchResults .result-wrapper .search-card .content-details h4:has(a:focus) {
        overflow: unset !important
    }

.top-picks .social-btn {
    width: 34px;
    height: 34px
}

@media (min-width:992px) and (max-width:1600px) {
    .viewed-time a,
    .viewed-time p {
        font-size: 12px;
        margin-inline-end: 5px
    }

        .viewed-time a span,
        .viewed-time p span {
            font-size: 12px;
            white-space: nowrap
        }

    .most-read-news .catgry-time a {
        font-size: 11px
    }

    html[dir=rtl] .recent-news-ul .viewed-time p {
        font-size: 11px !important
    }

    .top-picks .social-btn {
        width: 30px;
        height: 30px
    }
}

@media (max-width:1600px) {
    .new-account-form .social-login-box {
        padding: 40px;
        font-size: 14px
    }

    .top-picks .list-row li .gap-3 {
        gap: 2px !important
    }
}

@media (max-width:1400px) {
    .top-picks .list-row li article .viewed-time .catgry-time {
        display: inline-block;
        max-width: 70px
    }
}

@media (min-width:480px) and (max-width:900px) {
    .top-picks .list-row li article .viewed-time .catgry-time {
        max-width: 120px
    }
}

.cookies-popup {
    position: fixed;
    z-index: 1001;
    inset-inline-start: 0;
    bottom: 0;
    padding: 27px 15px;
    width: 100%;
    background-color: #fff;
    box-shadow: -3px -7px 18px 7px rgba(0, 0, 0, .3098039216)
}

    #calendar .fc-widget-content .fc-widget-content:first-of-type .fc-today .fc-day-number,
    .cookies-popup .btn-outline-primary {
        border: 1px solid #83273c
    }

    .cookies-popup .cookies-close {
        position: absolute;
        inset-inline-end: -20px;
        top: 0;
        display: block;
        content: "";
        width: 24px;
        height: 24px;
        -webkit-mask-image: url(../images/popup-closing-yellow.svg);
        mask-image: url(../images/popup-closing-yellow.svg);
        background-color: #83273c;
        -webkit-mask-size: 24px;
        mask-size: 24px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

html[data-theme=dark] .cookies-popup .btn-outline-primary {
    color: #fff;
    border: 1px solid #fff
}

.recent-news-holder .viewed-time p {
    font-size: 12px !important;
    height: auto !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

.recent-news-holder .viewed-time a {
    height: auto
}

.recent-news-holder .viewed-time span.text-black-color {
    white-space: nowrap;
    display: flex;
    align-items: center;
    font-size: 11px !important
}

@media (min-width:768px) {
    .viewed-time span {
        margin-top: 5px
    }

    .currency-details-slider p {
        padding-right: 10px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        height: 50px;
        width: 200px
    }

    html[dir=rtl] .search-input {
        background-position: calc(100% - 10px)
    }

    .search-input {
        padding-inline-start: 44px;
        background-position: 10px
    }

    .featured-scroll {
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto;
        position: absolute;
        scrollbar-color: #212225
    }

    .recent-news-holder .viewed-time span.text-black-color {
        margin-top: 0
    }
}

.card-container.main-typeone article .flex-grow-1 .viewed-time.row .col {
    display: grid;
    grid-template-columns: auto 1fr
}

.card-container.main-typeone article .flex-grow-1 .viewed-time.row p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-device-width:320px) and (max-device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
    .megamenu-mob ul li.mega-menu-bar a {
        padding-top: 10px
    }
}

.new-account-form .password-view .field-icon {
    inset-block-start: 50px;
    inset-block-end: auto
}

.filter-wrapper.select-date .datepicker::-moz-placeholder {
    color: #737373 !important;
    text-align: start
}

.filter-wrapper.select-date .datepicker::placeholder {
    color: #737373 !important;
    text-align: start
}

input[type=date]::-webkit-date-and-time-value {
    text-align: start
}

.umbraco-forms-field-wrapper html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .checkboxlist:has(input[type=radio]:checked),
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .form-check:has(input[type=radio]:checked),
html[data-theme=dark] .survey-sec .accordion-survey .accordion-item .accordion-body .feedback-Qone .feed-answer .choose-answer .umbraco-forms-field-wrapper .checkboxlist:has(input[type=radio]:checked) {
    background-color: #83273c !important
}

.MobileNumberClass {
    z-index: 10
}

.Photo-album .col-lg-6 .img-holder figure figcaption {
    height: auto;
    inset-block-end: 0px;
    inset-inline-start: 0px;
    width: 100%
}

    .Photo-album .col-lg-6 .img-holder figure figcaption p span:first-child {
        font-size: 22px !important
    }

    .Photo-album .col-lg-6 .img-holder figure figcaption .img-thumb {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        inset-inline-start: 0
    }

        .Photo-album .col-lg-6 .img-holder figure figcaption .img-thumb img {
            height: 12px;
            margin-inline-end: 4px
        }

        .Photo-album .col-lg-6 .img-holder figure figcaption .img-thumb span {
            line-height: 15px
        }

.slider-preview .img-holder figcaption {
    height: auto;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 100%
}

.viewed-time a.text-skyblue,
.viewed-time p.text-skyblue {
    color: #83273c !important;
    font-weight: 700
}

.viewed-time a {
    float: inline-start
}

.newsListing-slider a.main-news-link {
    display: block;
    height: 100%
}

.list-group .list-group-item .catgry-time {
    padding: 0;
    background: 0 0
}

.loader-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 300px
}

.loader-img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    display: block;
    width: 45px;
    height: 45px;
    -webkit-mask-image: url(../images/loader.svg);
    mask-image: url(../images/loader.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #83273c;
    animation: 2s ease-in-out infinite loading
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    color: #fff !important;
    background-color: #83273c
}

html[lang=es] .form-step-holder li .h4,
html[lang=es] .form-step-holder li h4 {
    font-size: 12px !important
}

.related-slider .slick-arrow {
    inset-block-start: -60px
}

.ui-widget.ui-widget-content {
    z-index: 99 !important
}

.event-box .fc-header-toolbar .h2,
.event-box .fc-header-toolbar h2 {
    display: inline-block
}

.custom-modal .modal-header .btn-close.close-menu {
    background-color: #fff;
    border-radius: 0;
    background-position: center;
    width: 35px;
    height: 35px;
    background-size: 30px
}

.custom-modal .close-button {
    inset-block-start: auto;
    inset-inline-end: -8px;
    top: -8px
}

#calendar table .fc-content-skeleton table,
#calendar table .fc-content-skeleton table thead {
    height: inherit
}

    #calendar table .fc-content-skeleton table thead td {
        height: inherit;
        vertical-align: middle
    }

        #calendar table .fc-content-skeleton table thead td.fc-today {
            background-color: transparent !important;
            border: 1px solid #83273c !important
        }

        #calendar table .fc-content-skeleton table thead td:first-of-type.fc-today .fc-day-number {
            border-inline-start: 1px solid #83273C !important
        }

        #calendar table .fc-content-skeleton table thead td:last-of-type.fc-today .fc-day-number {
            border-inline-end: 1px solid #83273C !important
        }

#calendar.fc-ltr .fc-basic-view .fc-body .fc-row:has(.fc-highlight-skeleton) .fc-day-top.selected.fc-today .fc-day-number,
#calendar.fc-rtl .fc-basic-view .fc-body .fc-row:has(.fc-highlight-skeleton) .fc-day-top.selected.fc-today .fc-day-number {
    color: #fff !important
}

#calendar .fc-widget-content {
    border: 1px solid transparent
}

    #calendar .fc-widget-content .fc-widget-content:first-of-type .fc-day-top .fc-day-number {
        height: calc(100% - 8px)
    }

[data-theme=dark] body .select2-container--default .select2-selection {
    filter: brightness(1) invert(1)
}

html[dir=rtl] .btn {
    font-family: "Noto Kufi Arabic", sans-serif
}

@media (max-width:767.98px) {
    .breaking-slider .slick-prev,
    .breaking.slider-products .slick-prev {
        inset-inline-start: 0 !important
    }

    .event-box {
        height: auto !important
    }

    .news-card img {
        max-height: 480px
    }

    .card-container article img,
    .listing-container .list-row li,
    .main-news .listing-container .list-row li {
        width: 100% !important
    }

    .top-picks li article .viewed-time ul {
        margin-bottom: 2px
    }

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

    .loc-summary {
        margin: 0 auto
    }

    .loc-holder {
        display: flex;
        justify-content: center
    }

    .card-container {
        display: block !important
    }

    .chatbot .chat-head {
        width: 58px;
        height: 58px
    }

    .chatbot .chat-window {
        width: calc(100vw - 40px)
    }

    .chatbot .chatHeader p {
        font-size: 18px !important
    }

        .chatbot .chatHeader p span {
            font-size: 14px !important
        }

    .chatbot .chatHeader .beta-btn label {
        padding: 4px 16px !important;
        font-size: 12px !important
    }

    .chatbot .systemMessage li {
        width: 100%
    }

    .chatbot-webview #webchat {
        height: unset !important
    }

    .filter-wrapper.w-auto .btn,
    .filter-wrapper.w-auto a.btn {
        margin-bottom: 15px !important
    }

    .news-close {
        width: 40px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 0 !important;
        width: 100% !important
    }

    .fancybox-button--thumbs,
    .fancybox-thumbs {
        display: none !important
    }

    .btn.login-btn,
    .megamenu-mob {
        height: 30px;
        position: relative;
        inset: auto !important
    }

    .top-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
        position: absolute;
        top: 0;
        inset-inline-end: 0;
        height: 45px
    }

        .top-wrapper .megamenu-mob {
            display: flex;
            align-items: center
        }

            .top-wrapper .megamenu-mob ul li.mega-menu-bar {
                padding: 0
            }
}

.currency-details-slider .slick-next {
    inset-inline-end: 1rem !important
}

.currency-details-slider .slick-prev {
    inset-inline-end: 3.5rem !important
}

.currency-details-slider .slick-slide p.text-uppercase {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px
}

.event-general {
    color: #6e4800 !important
}

.event-economy {
    color: #01655b !important
}

.event-technology {
    color: #414042 !important
}

.event-report {
    color: #677397 !important
}

.event-qatar2022 {
    color: #686d77 !important
}

#reportsNameListContainer hr {
    border-color: rgba(0, 0, 0, .1) !important
}

.breaking-slider .slick-arrow {
    inset-block-start: 25px !important
}

.breaking-slider,
.breaking.slider-products {
    padding: 0 25px !important
}

.social-btn.integrations i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

html[data-theme=dark] .social-btn.integrations i {
    color: #fff !important
}

@media (max-width:575.98px) {
    .form-step li,
    .form-step-item,
    .steps li,
    .steps-item {
        flex-grow: 0
    }

    .events-tabs .prayer-widget-most-read .prayer-listing ul li {
        padding: 21px 20px
    }

    .card-container.light-listing.main-typeone article img,
    .listing-img figure .thumbnail-wrapper {
        height: auto !important
    }

    .listing-img figure img {
        -o-object-fit: contain;
        object-fit: contain;
        height: auto !important
    }

    .light-listing article > div figure {
        display: block !important
    }

        .light-listing article > div figure img {
            width: 100%;
            margin-bottom: 10px !important
        }

    .dark-bg .img-thumb {
        padding: 0 !important
    }

    .dark-bg .fs-50 {
        font-size: 40px !important
    }

    .vision-holder-document .document-holder p {
        font-size: 16px
    }

    .events-tabs .b-bottom img {
        margin-bottom: 1rem
    }

    .history-group-list .no-event {
        max-height: 150px
    }

    .news-order {
        width: 40px;
        height: 40px
    }

    .main-news img {
        width: 100%
    }

    .fc-day-header span {
        font-size: 10px !important
    }

    .Photo-album .col-lg-6 .img-holder figure figcaption .img-thumb {
        inset-inline-start: 0px
    }

    .title-picks img {
        width: 100%;
        margin-bottom: .875rem
    }
}

@media (max-width:991.98px) {
    .s-filter {
        display: flex;
        margin-bottom: 15px
    }

    .filter-search,
    .search-filter {
        display: none
    }

    .screenshot_slider .owl-item .item p {
        font-size: 14px
    }

    .card-container.light-listing.main-typeone {
        margin-bottom: 30px
    }

    .cookies-popup .cookies-close {
        top: -10px;
        width: 18px;
        height: 18px;
        -webkit-mask-size: 18px;
        mask-size: 18px;
        inset-inline-end: 10px
    }

    .download-pdf.d-inline-flex.flex-wrap a {
        width: 25% !important
    }
}

.my-reports .btn-submit {
    padding: 13px 40px !important
}

html[data-theme=dark] .filter-wrapper select,
html[data-theme=dark] .select-date input {
    color: #222 !important;
/*    background-color: #fff !important*/
}
html[data-theme=dark] .select-date input::-webkit-input-placeholder {
    color: gray !important
}
/* placeholder */

/* placeholder */

body input::-webkit-input-placeholder {
    color: gray !important
}

body input:-moz-placeholder {
    color: gray !important
}

body input::-moz-placeholder {
    color: gray !important
}

body input:-ms-input-placeholder {
    color: gray !important
}

.card-container article .thumb-img a img {
    object-fit: cover
}




/*AISWARYA - 24-11-2025 Starts */
.listing-container .list-row li article figure img {
    object-fit: cover;
}

.news-details-holder .main-news-slider .slick-slider .slider-content .main-news-link img {
    aspect-ratio: auto !important;
}

@media (max-width:991.98px) {
    .header {
        height: auto;
    }

    .header-logo img {
        height: auto;
    }

    .justify-content-end.justify-content-lg-end.lang-right {
        justify-content: center !important;
    }

    .header .social-media {
        display: none !important;
    }

    .page-title .back-link .fa-arrow-left:before {
        inset-block-start: -7px !important;
    }

    .page-title .back-link {
        inset-inline-start: 18px !important;
        pointer-events: unset;
    }
    html[dir=rtl] .page-title .back-link {
        inset-inline-end: 18px !important;
        inset-inline-start: 0 !important;
    }

    .most-read-holder.bottom-slant-lines:after {
        inset-block-end: -10px;
    }
}

@media (max-width:767.98px) {
    .header .dropdown.lang-drop {
        width: 100%;
    }

    .header .lang-search .search-news {
        margin-top: 10px;
    }

    .news-catgry-tab-holder .news-catgry.nav-pills .nav-item {
        margin-top: 10px;
    }
}
@media (max-width:575.98px) {
    .news-catgry {
        overflow-x: scroll;
        flex-wrap: nowrap;
    }
        .news-catgry::-webkit-scrollbar {
            display: none;
        }
}


/*AISWARYA - 24-11-2025 Ends */