.toggle-content li a{
    color:  #fff !important;
}
.pointer{
    cursor: pointer;
}

.color-gray  {
    color: gray !important;
    text-decoration: underline !important;
}

 .color-gray  h6{
    color: gray !important;
    text-decoration: underline !important;
}
.is_break_class a {
    color: #fff !important;
}
/* Font Wieght Bold */
.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }

/* Aspect Ratio */
.aspect-ratio-1-1 {
    aspect-ratio: 1/1;
}
.aspect-ratio-16-9 {
    aspect-ratio: 16/9;
}
.aspect-ratio-2point5-1 {
    aspect-ratio: 2.5/1;
}
.aspect-ratio-2point2-1 {
    aspect-ratio: 2.2/1;
}
.livewire-form-submit  .invalid-feedback{
    display: block;
}
@media (min-width: 991.98px) {
    .negative-margin-top {
        margin-top: -75px !important;
    }
}
.main-border-radius {
    border-radius: 5px;
}
@media (min-width: 1199.98px) {
    #cssmenu li:hover>ul {
        border: var(--main-border);
    }
    #cssmenu li:hover>ul::after {
        position: absolute;
        content: "";
        border: 13px solid;
        border-color: transparent transparent #d9d9d9 transparent;
        inset-inline-end: 160px;
        z-index: -1;
        top: -27px;
    }
    .arabic-version #cssmenu li:hover>ul::after {
        inset-inline-end: 86px;
    }
    #cssmenu li:hover>ul::before {
        position: absolute;
        content: "";
        border: 14px solid;
        border-color: transparent transparent #fff transparent;
        inset-inline-end: 159px;
        z-index: 0;
        top: -27px;
    }
    .arabic-version #cssmenu li:hover>ul::before {
        inset-inline-end: 85px;
    }
    .dark-mode #cssmenu li:hover>ul::before {
        border-color: transparent transparent var(--main-dark-mode-color) transparent;
    }
}
@media (max-width: 1199.98px) {
    #cssmenu li:hover>ul {
        transform: unset !important;
    }
}
.dark-mode .rangeMode .flatpickr-day {
    color: #000;
}
.flatpickr-day.nextMonthDay {
    color: rgba(57,57,57,0.3) !important;
}
.faqs-section .faqs-title h4 span , .arabic-version .faqs-section .faqs-title h4 span  {
    font-weight: 700 !important;
}
.information-card ul,
.faqs-section ul {
    padding-left: 0;
    padding-inline-start: 1rem;
}
.faqs-section ul li,
.faqs-section ul li span {
    font-weight: normal;
}
.information-card ul li span,
.information-card ul li {
    font-weight: 500;
}
.information-card ul li{
    list-style: none;
    list-style-position: inside;
}
.information-card ul li::before {
    content: "● ";
}
.information-card-content p {
    font-weight: 500;
}
.is_break_class{

    background-color: var(--urgent-color);
}
.is_not_break_class
{
    background-color: rgb(20 185 243 / 20%) !important;
}
.dark-mode .is_not_break_class {
    background-color: var(--white-color-op-20) !important;
}
.is_not_break_class p a {
    color: var(--main-dark-color) !important;
}
.dark-mode .is_not_break_class p a {
    color: var(--white-color) !important;
}
.card-c-without-image-with-brief h4 p , .card-c-without-image-with-brief h4 p span {
    font-weight: 700 !important;
}
.news-inner-container p , .news-inner-container p span{
    font-weight: 500;
}
.arabic-version .information-card ul li span, .information-card ul li{
    font-size: .9rem;
}
.arabic-version .customize-box
{
    direction: rtl;
}
.title-b a{
    color: #000;
}
.dark-mode .title-b a,
.dark-mode .title-b h4{
    color: #fff;
}
.border-bottom-primary a {
    color: var(--primary-color);
}
.title-without-border a {
    color: var(--primary-color);
}
.live-ticker p a {
    color: #fff;
}
.btn-white {
    color: white !important;
}

.btn-black {
    color: var(--main-dark-color) !important;
}

/* Classes Increase Button */
.font-scale-1 *:not(button):not(i):not(svg):not(path):not(img):not(.no-resize) {
    font-size: calc(100% + 2px) !important;
}
.font-scale-2 *:not(button):not(i):not(svg):not(path):not(img):not(.no-resize) {
    font-size: calc(100% + 4px) !important;
}
.urgent-today h6,
.language-selector h6 {
    font-size: .9rem;
    margin: 0;
}

.time-separator{
    color: rgb(52 52 52 / 50%);
}
.about-us-video {
    margin-top: -35px;
}

.logo-light{
    display: flex !important;
}
.logo-dark{
    display: none !important;
}
.dark-mode .logo-light{
    display: none !important;
}
.dark-mode .logo-dark{
    display: flex !important;
}