/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 19 2023 | 08:45:57 */
            @font-face {
                font-family: 'icon';
                src: url('/ft/icon.ttf') format('truetype'), url('/ft/icon.woff') format('woff'), url('/ft/icon.svg') format('svg');
                font-weight: normal;
                font-style: normal;
                font-display: block;
            }

            [class^="icon-"], [class*=" icon-"] {
                /* use !important to prevent issues with browser extensions that change fonts */
                font-family: 'icon' !important;
                speak: never;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                /* Better Font Rendering =========== */
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .icon-navigation:before {
                content: "\e900";
            }

            .icon-jackpot:before {
                content: "\e901";
            }

            .icon-android:before {
                content: "\e902";
            }

            .icon-apple:before {
                content: "\e903";
            }

            .icon-block:before {
                content: "\e904";
            }

            .icon-circle:before {
                content: "\e905";
            }

            .icon-euro:before {
                content: "\e906";
            }

            .icon-bullet:before {
                content: "\e907";
            }

            .icon-mobile-2:before {
                content: "\e908";
            }

            .icon-badge:before {
                content: "\e909";
            }

            .icon-design:before {
                content: "\e90a";
            }

            .icon-affiliate:before {
                content: "\e90b";
            }

            .icon-rating:before {
                content: "\e90c";
            }

            .icon-check:before {
                content: "\e90d";
            }

            .icon-checkbox:before {
                content: "\e90e";
            }

            .icon-cards:before {
                content: "\e90f";
            }

            .icon-casino-7:before {
                content: "\e910";
            }

            .icon-chat:before {
                content: "\e911";
            }

            .icon-coupon:before {
                content: "\e912";
            }

            .icon-download:before {
                content: "\e913";
            }

            .icon-minus:before {
                content: "\e914";
            }

            .icon-odds:before {
                content: "\e915";
            }

            .icon-payments:before {
                content: "\e916";
            }

            .icon-plus:before {
                content: "\e917";
            }

            .icon-arrow-up:before {
                content: "\e918";
            }

            .icon-arrow-down:before {
                content: "\e919";
            }

            .icon-arrow-left:before {
                content: "\e91a";
            }

            .icon-arrow-right:before {
                content: "\e91b";
            }

            .icon-soccer-player:before {
                content: "\e91c";
            }

            .icon-betslip:before {
                content: "\e91d";
            }

            .icon-bonus:before {
                content: "\e91e";
            }

            .icon-bonus2:before {
                content: "\e91f";
            }

            .icon-cash-out:before {
                content: "\e920";
            }

            .icon-casino:before {
                content: "\e921";
            }

            .icon-chip:before {
                content: "\e922";
            }

            .icon-compare:before {
                content: "\e923";
            }

            .icon-edit:before {
                content: "\e924";
            }

            .icon-heart:before {
                content: "\e925";
            }

            .icon-home:before {
                content: "\e926";
            }

            .icon-horse-racing:before {
                content: "\e927";
            }

            .icon-list:before {
                content: "\e928";
            }

            .icon-live:before {
                content: "\e929";
            }

            .icon-lotto:before {
                content: "\e92a";
            }

            .icon-mail:before {
                content: "\e92b";
            }

            .icon-markets:before {
                content: "\e92c";
            }

            .icon-mobile:before {
                content: "\e92d";
            }

            .icon-poker:before {
                content: "\e92e";
            }

            .icon-register:before {
                content: "\e92f";
            }

            .icon-results:before {
                content: "\e930";
            }

            .icon-alert:before {
                content: "\e931";
            }

            .icon-facebook:before {
                content: "\e932";
            }

            .icon-instagram:before {
                content: "\15e62";
            }

            .icon-gold:before {
                content: "\e933";
            }

            .icon-google:before {
                content: "\e934";
            }

            .icon-link:before {
                content: "\e939";
            }

            .icon-location:before {
                content: "\e93d";
            }

            .icon-pause:before {
                content: "\e946";
            }

            .icon-percent:before {
                content: "\e948";
            }

            .icon-pinterest:before {
                content: "\e949";
            }

            .icon-play:before {
                content: "\e94a";
            }

            .icon-pointer:before {
                content: "\e94d";
            }

            .icon-pound:before {
                content: "\e953";
            }

            .icon-question:before {
                content: "\e954";
            }

            .icon-search:before {
                content: "\e95a";
            }

            .icon-security:before {
                content: "\e95b";
            }

            .icon-settings:before {
                content: "\e95c";
            }

            .icon-skype:before {
                content: "\e95d";
            }

            .icon-slot:before {
                content: "\e95e";
            }

            .icon-soccer:before {
                content: "\e95f";
            }

            .icon-star:before {
                content: "\e961";
            }

            .icon-star-half:before {
                content: "\e962";
            }

            .icon-star-o:before {
                content: "\e963";
            }

            .icon-support:before {
                content: "\e964";
            }

            .icon-thumb-down:before {
                content: "\e966";
            }

            .icon-thumb-up:before {
                content: "\e967";
            }

            .icon-twitter:before {
                content: "\e968";
            }

            .icon-windows:before {
                content: "\e96b";
            }

            .icon-x:before {
                content: "\e96d";
            }

            .icon-youtube:before {
                content: "\e96e";
            }

            .icon-live-odds:before {
                content: "\e935";
            }

            .icon-viber:before {
                content: "\e93c";
            }

            .icon-whatsapp:before {
                content: "\e93e";
            }

            .icon-linkedin:before {
                content: "\e93f";
            }

            .icon-new:before {
                content: "\e940";
            }

            .icon-history:before {
                content: "\e941";
            }

            .icon-bell:before {
                content: "\4267";
            }

            .icon-copy:before {
                content: "\4268";
            }

            .icon-roulette:before {
                content: "\4269";
            }

            .icon-wheel:before {
                content: "\426a";
            }

            .icon-poker-play:before {
                content: "\426b";
            }

            .icon-guide:before {
                content: "\426c";
            }

            .icon-callendar:before {
                content: "\426d";
            }

            :root {
                --bright-bg: #f1f1f1;
                --dark-bg: #263238;
                --base-color: #ffc107;
                --button-background: #ffc107;
                --button-color: #000;
                --blue-link: #5383e2;
                --section-box-shadow: 0px 4px 7px rgba(0,0,0,.1);
                --border-radius: 0px;
                --font: system-ui, Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
                --green: #39b72b;
            }

            * {
                box-sizing: border-box;
            }

            body, html {
                margin: 0;
                padding: 0;
                font-size: 16px;
                color: #000;
            }

            html {
                font-size: 10px;
                -webkit-tap-highlight-color: transparent;
                -webkit-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%;
                box-sizing: border-box
            }

            html[lang="ar"],html[lang="ar-eg"],html[lang="ar-ma"] , html[lang="ar-tn"], html[lang="ar-ae"] {
                direction: rtl;
            }

            html[lang="ar"] h1,html[lang="ar-eg"] h1,html[lang="ar-ma"] h1,html[lang="ar-tn"] h1, html[lang="ar-ae"] h1 {
                text-align: right;
            }

            a, body, button, div, html, input, label, p, span, textarea {
                font-family: var(--font);
            }

            h1, h2, h3, h4, h5, h6 {
                font-weight: 400
            }

            a {
                color: #c2a700
            }

            p {
                margin: .7em 0
            }

            .container {
                width: 100%;
                max-width: 100%;
                margin: 0 auto
            }

            main#main {
                position: relative;
                float: left;
                width: 100%;
            }

            #main article p {
                clear: both;
            }

            h4, h5, h6 {
                margin-top: 10px;
                margin-bottom: 10px
            }

            h1 {
                font-size: 30px;
                text-align: left;
                line-height: 34px;
            }

            h2 {
                font-size: 24px
            }

            h3 {
                font-size: 22px
            }

            h4 {
                font-size: 18px
            }

            h5 {
                font-size: 14px
            }

            h6 {
                font-size: 12px
            }

            .android-share {
                display: none;
            }

            .android-share.shown {
                display: block;
                width: auto;
                border-radius: var(--border-radius);
                line-height: 33px;
                display: flex;
                padding: 5px 8px;
                box-shadow: var(--section-box-shadow);
                background: #FFF;
            }

            .template-game .android-share.shown {
                display: block;
            }

            .android-share.shown span {
                flex-grow: 1;
                text-align: left;
                font-weight: bold;
            }

            .android-share.shown i {
                height: 33px;
                width: 33px;
                margin-left: 2px;
                line-height: 33px;
                padding: 0px;
                text-align: center;
                display: inline-block;
                vertical-align: middle;
            }

            .android-share.shown i.copy {
                background: #ffffff;
                border: 1px solid #CCC;
            }

            .android-share.shown i.copy svg {
                width: 70%;
                margin-top: 4px;
                opacity: 0.5;
            }

            .flex {
                display: flex;
            }

            .gap10 {
                gap: 10px;
            }

            .gap20 {
                gap: 20px;
            }

            .gap30 {
                gap: 30px;
            }

            .gap50 {
                gap: 50px;
            }

            .gap100 {
                gap: 100px;
            }

            .flex.center {
                align-items: center;
                justify-content: center;
            }

            .flex.align-center {
                align-items: center;
            }

            .flex.align-start {
                align-items: flex-start;
            }

            .flex.align-end {
                align-items: flex-end;
            }

            .flex.direction-column {
                flex-direction: column;
            }

            .flex-wrap {
                flex-wrap: wrap;
            }

            .w-full {
                width: 100% !important;
            }

            #site-header {
                background: #263238;
                color: #FFF;
                margin: 0;
                z-index: 9999;
                box-shadow: 0 3px 8px rgb(0 0 0 / 35%);
            }

            #site-header a {
                color: #FFF
            }

            #site-navigation .count {
                position: relative;
                background: #fcc008;
                color: #171e21;
                line-height: 12px;
                border-radius: 15px;
                padding: 5px 6px;
                font-size: 12px;
                box-shadow: 0px 3px 3px rgba(0,0,0,.5);
                font-weight: bold;
                vertical-align: middle;
            }

            #logo {
                float: left;
                display: block;
                max-width: 145px;
                transition: all .2s;
                max-width: 150px;
                margin: 0;
                line-height: 55px;
                max-width: 135px;
                margin-left: 5px;
                margin-right: 0;
            }

            #site-navigation {
                display: none
            }

            #site-content {
/*                 background: #4b5357; */
                margin: 0;
                font-size: 16px
            }

            .menu-button {
                float: right;
                margin: 20px 10px;
                width: 40px;
                cursor: pointer
            }

            .menu-button i, .menu-button:after, .menu-button:before {
                content: "";
                width: 100%;
                height: 5px;
                background: #FFF;
                border-radius: 10px;
                display: block
            }

            .menu-button i {
                margin: 7px 0
            }

            #languages {
                line-height: 40px;
                text-transform: uppercase;
                width: 40px;
                height: 40px;
                position: relative;
                min-width: 40px;
                float: right;
                text-align: center;
                border-radius: 50px;
                font-size: 15px;
                transition: margin .2s;
                margin: 4px 0px;
                margin-bottom: 0px;
                background: transparent;
                z-index: 9999;
            }

            #languages .flag {
                display: inline-block;
                width: 27px;
                height: 27px;
                background-size: cover;
                vertical-align: middle;
                border-radius: 7px;
            }

            #languages .current {
                cursor: pointer;
            }

            #languages ul {
                display: none
            }

            #languages img {
                margin: 5px;
            }

            #languages .current img {
                margin: 5px;
                margin-top: 4px;
            }

            #site-navigation {
                position: absolute;
                left: 100%;
                width: 0%;
                -webkit-transition: width .2s;
                transition: width .2s;
                overflow: hidden;
                top: 38px;
                right: auto
            }

            #site-navigation a {
                color: #FFF;
                line-height: 50px;
                display: inline-block;
                width: 100%;
                font-size: 18px;
                border-bottom: 1px solid #212b30;
            }

            #site-navigation .sub-menu .sub-menu {
                padding-left: 40px
            }

            #site-navigation .sub-menu .sub-menu li {
                box-shadow: none !important
            }

            #site-navigation li {
                line-height: 50px;
                position: relative
            }

            #site-navigation.mobile-show {
                max-height: 95vh;
                width: 100%;
                right: 0;
                left: auto;
                top: 0;
                background: rgba(0, 0, 0, .4);
                box-shadow: -160px 0 0 rgba(0, 0, 0, .5);
                height: 100%;
                position: fixed;
                min-height: 100%;
                padding: 0;
                z-index: 99999999999;
                display: block
            }

            #site-navigation .icon-arrow-right {
                float: right;
                background: rgba(0, 0, 0, .08);
                position: absolute;
                right: 0;
                top: 7%;
                height: 77%;
                min-width: 40px;
                text-align: center;
                line-height: 39px;
                color: #FFF;
                border-radius: 65px;
                border-bottom: 1px solid #535353;
            }

            .main-navigation ul ul {
                position: relative;
                display: none;
                padding-top: 0;
                top: auto;
                margin-top: 14px;
                float: none
            }

            #site-navigation .closeParent, #site-navigation .exit {
                position: absolute;
                top: 10px;
                background: #151c1f;
                padding: 10px;
                z-index: 666666;
                border-radius: 70px;
                right: 17px;
                color: #FFF;
                cursor: pointer;
                font-size: 20px;
            }

            #site-navigation .closeParent {
                top: -7px;
                right: -7px
            }

            #site-navigation {
                line-height: 60px;
            }

            nav#site-menu {
                display: block;
                float: left;
                position: relative;
            }

            nav#site-menu > ul {
                padding: 0px;
                margin: 0px;
            }

            nav#site-menu > ul > li {
                display: block;
                float: left;
                padding: 0;
                line-height: 55px;
                font-size: 15px;
                position: relative;
                font-weight: 500;
            }

            nav#site-menu > ul > li > a {
                color: #fff;
                line-height: 55px;
                display: inline-block;
                padding: 0 15px;
            }

            nav#site-menu > ul > li > a [class^=icon-] {
                font-size: 22px;
                vertical-align: middle;
                margin-right: 6px;
                margin-top: -3px;
                display: inline-block;
                color: #eaeaea;
            }

            nav#site-menu .submenu {
                display: none;
                border: 0px solid;
                list-style: none;
                -webkit-transition: all .2s linear;
                transition: all .2s linear;
            }

            body:not(.is_mobile) nav#site-menu > ul > li:hover > .submenu {
                display: flex;
                position: absolute;
                left: 0px;
                padding: 0px;
                margin: 0px;
                line-height: 40px;
                width: 100%;
                min-height: 200px;
                flex-direction: column;
                max-width: 1090px;
            }

            nav#site-menu > ul > li > .submenu a {
                display: inline-block;
            }

            nav#site-menu > ul > li > .submenu a:hover {
                text-decoration: underline;
                color: var(--base-color);
            }

            nav#site-menu > ul > li > .submenu a > i[class^=icon-] {
                font-size: 27px;
                margin-right: 10px;
                color: var(--base-color);
            }

            nav#site-menu > ul > li.shown {
                z-index: 666;
            }

            nav#site-menu > ul > li.shown > .submenu {
                display: table-cell;
                animation: slideDown 0.25s;
            }

            nav#site-menu > ul > li > .submenu ul {
                list-style: none;
                padding: 0;
                position: relative;
                display: table-cell;
                vertical-align: top;
                columns: 2;
                padding: 20px;
                text-transform: none;
            }

            nav#site-menu > ul > li.mobile-menu > .submenu ul {
                columns: 1;
            }

            nav#site-menu > ul > li.shown > .submenu ul:not(.reviews-links) {
                background-repeat: no-repeat;
                background-position: 10px center;
                flex-grow: 1;
            }

            nav#site-menu > ul > li > .submenu ul:not(.reviews-links) li {
                position: relative;
            }

            body:not(.is_mobile) nav#site-menu > ul > li > .submenu .arrow-top-rh {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 15px 15px;
                border-color: transparent transparent #2e3b42;
                position: absolute;
                top: -15px;
            }

            nav#site-menu > ul > li > .submenu ul.reviews-links {
                background: #263238;
                columns: 1;
                vertical-align: middle;
                min-width: 230px;
                font-size: 14px;
            }

            nav#site-menu > ul > li > .submenu .operator-logo {
                width: 47px;
                height: 32px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: 100% auto;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

            nav#site-menu > ul > li > .submenu {
                border-top: 0px solid;
                transition: border-top 0.2s ease-out;
            }

            nav#site-menu > ul > li .menuttl {
                font-size: 40px;
                margin-bottom: 30px;
                display: block;
                margin-top: 5px;
                -webkit-animation: fadeIn 0.2s;
                animation: fadeIn 0.2s;
            }

            nav#site-menu > ul > li:hover > a [class^=icon-] {
                color: #FFF;
            }

            .mobile_navigation_button {
                display: none;
            }

            body.is_mobile nav#site-menu {
                float: right;
            }

            body.is_mobile nav#site-menu > ul > li {
                display: none;
            }

            .mobile-menu-icon {
                width: 40px;
                height: 30px;
                margin: 5px;
                float: left;
                z-index: 6;
                margin-bottom: 0;
                position: relative;
                margin-top: 14px;
            }

            body:not(.is_mobile) .mobile-menu-icon {
                display: none;
            }

            .mobile-menu-icon::before, .mobile-menu-icon::after, .mobile-menu-icon i {
                content: "";
                display: block;
                background: #FFF;
                width: 100%;
                border-radius: 15px;
                height: 20%;
                display: block;
                float: left;
                margin-bottom: 12%;
                transition: all 0.4s ease-in-out;
                opacity: 1;
            }

            .mobileNavOpened .mobile-menu-icon i {
                opacity: 0;
            }

            .mobileNavOpened .mobile-menu-icon::before {
                transform: rotate(45deg);
                position: absolute;
                top: 11px;
            }

            .mobileNavOpened .mobile-menu-icon::after {
                transform: rotate(-45deg);
                position: absolute;
                top: 11px;
            }

            body.is_mobile.mobileNavOpened nav#site-menu {
                padding: 0;
                width: 100%;
                z-index: 9999;
                position: relative;
            }

            body.is_mobile nav#site-menu > ul > li > .submenu, body.is_mobile nav#site-menu > ul > li:hover > .submenu {
                left: 100%;
                position: absolute !important;
                top: 0px;
            }

            body.is_mobile nav#site-menu > ul > li.shown {
                position: initial !important;
            }

            .is_mobile nav#site-menu > ul {
                left: 0px;
                position: relative;
            }

            body.is_mobile #site-menu li.back-heading a {
                display: block;
                text-align: center;
                width: 100%;
                line-height: 54px;
            }

            body.hasoverlay div#page:after {
                content: "";
                background-color: rgba(0,0,0,0.75);
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                z-index: 99;
            }

            body.is_mobile nav#site-menu,body.is_mobile nav#site-menu > ul,body.is_mobile nav#site-menu > ul li ul {
                transition: all .35s ease-in-out;
            }

            body.is_mobile #site-menu > ul > li i.icon-arrow-left {
                float: left !important;
                right: auto !important;
                padding: 17px 19px;
                font-size: 20px;
                width: auto;
                height: auto;
                left: 0px;
                font-weight: normal;
                color: #ffc107;
                border-right: 1px solid rgba(255,255,255,.1);
            }

            body.is_mobile #site-menu li.back-heading {
                font-size: 16px;
                text-transform: none;
                padding: 0px;
                margin: 0px;
                text-transform: uppercase;
                border-bottom: 1px solid rgba(255,255,255,.1);
            }

            body.is_mobile nav#site-menu > ul.clicked {
                left: -100%;
                height: 100vh;
            }

            body.is_mobile.mobileNavOpened nav#site-menu .mobile_navigation_button {
                position: absolute;
                right: 3px;
                top: -40px;
            }

            body.is_mobile.mobileNavOpened nav#site-menu > ul > li {
                display: block;
                position: relative;
                width: 100%;
                border-bottom: 1px solid #505050;
            }

            .is_mobile form.searchForm.search_main {
                top: 50px;
                position: absolute;
                z-index: 9999;
            }

            body.is_mobile.mobileNavOpened nav#site-menu > ul > li.shown .submenu {
                display: block;
                position: relative;
                margin: 0px;
                padding: 0px;
                float: left;
                width: 100%;
                overflow-y: auto;
            }

            body.is_mobile.mobileNavOpened nav#site-menu > ul > li > a {
                width: 100%;
                line-height: 30px;
            }

            body.is_mobile.mobileNavOpened nav#site-menu > ul > li > i[class^=icon-] {
                border-left: 1px solid rgba(255,255,255,.1);
                float: right;
                font-size: 15px;
                padding: 12px;
                position: absolute;
                top: 0px;
                color: #FFF;
                z-index: 6;
                right: 0px;
                line-height: 32px;
                text-align: center;
                height: auto;
            }

            body.is_mobile nav#site-menu > li.has_submenu>a:after {
                display: none;
            }

            body.is_mobile .mobile_navigation_button {
                display: block;
                float: right;
                width: 2em;
                height: 2em;
                margin: 7px 3px 0;
                padding-top: 4px;
            }

            body.is_mobile #languages {
                line-height: 40px;
                margin: 3px;
                padding: 0px;
                width: 40px;
                top: 0px;
                right: 3px;
                z-index: 33;
            }

            body.is_mobile nav#site-menu>li>.submenu .be_lists.st2 li {
                width: 100%;
            }

            body.is_mobile.mobileNavOpened nav#site-menu {
                background: #2e3b42;
            }

            body.is_mobile.mobileNavOpened nav#site-menu > ul > li {
                display: block;
                width: 100%;
                position: relative;
                border-bottom: 1px solid rgba(255,255,255,.1);
            }

            body.is_mobile.mobileNavOpened nav#site-menu > ul > li > a {
                width: 100%;
                border: none;
            }

            body.is_mobile.mobileNavOpened nav#site-menu > ul > li:hover > .submenu {
                position: relative;
            }

            body.is_mobile.mobileNavOpened #head-line {
                z-index: 9999999999;
            }

            body.is_mobile.mobileNavOpened .shown , body.is_mobile.mobileNavOpened .shown .submenu {
                background-color: #35444c !important;
            }

            body.is_mobile.mobileNavOpened .shown ul {
                border-bottom: 1px solid rgba(255,255,255,.1);
                padding-bottom: 8px !important;
            }

            body.is_mobile.mobileNavOpened .shown ul:last-of-type {
                border-bottom: none;
            }

            body.is_mobile.mobileNavOpened #site-menu .shown #search_results {
                position: absolute;
                padding: 1%;
                width: 98%;
                right: 0px;
                line-height: 20px;
            }

            .bbutton, .btn {
                color: #263238;
                display: inline-block;
                min-width: 170px;
                text-align: center;
                font-size: 17px;
                font-family: system-ui;
                font-weight: 600;
                padding: 9px 47px 9px 22px;
                margin: 0 auto;
                position: relative;
                background-color: #ffc107;
                border-radius: 60px;
                box-shadow: 0 2px 10px rgb(0 0 0 / 16%);
                border: 1px solid #263238;
                transition: all 0.4s ease-out;
            }

            .btn [class^=icon-] {
                font-size: 130%;
                position: absolute;
                right: 6%;
                top: 23%;
                line-height: 28px;
            }

            #main article .bbutton-container {
                text-align: center;
                margin: 2% auto
            }

            .bbutton.noicon {
                padding: 15px 20px
            }

            .bbutton:hover,.btn:hover {
                cursor: pointer;
                filter: brightness(1.2);
            }

            .bbutton [class^=icon-] {
                font-size: 130%;
                position: absolute;
                right: 4%;
                top: 25%
            }

            .bbutton [class^=icon-color] {
                top: 22%;
                width: 25px;
                height: 25px;
            }

            code, kbd {
                padding: 2px 4px
            }

            caption, th {
                text-align: left
            }

            .aligncenter {
                margin: 0 auto;
                float: none;
                text-align: center;
                align-content: center;
                display: flex !important;
                align-items: center;
                justify-content: center
            }

            img.alignleft, img.alignright {
                margin-bottom: 1%;
                display: inline-block
            }

            img.alignleft {
                margin-right: 1%
            }

            img.alignright {
                float: right;
                margin-left: 1%
            }

            .img-thumbnail, .table, img, label, pre {
                max-width: 100%
            }

            button, html input[type=button], input[type=reset], input[type=submit] {
                -webkit-appearance: button;
                cursor: pointer
            }

            a:active, a:hover {
                outline: 0
            }

            article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
                display: block
            }

            .page-header {
                position: relative;
                width: 100%;
                float: left;
                margin: 0;
                text-align: center
            }

            body.search .page-header {
                margin: 0;
                text-align: center
            }

            body.search .page-header h1 {
                font-size: 22px
            }

            .be_box {
                background: var(--bright-bg);
                border-radius: 0;
                margin: 10px 0;
                padding: 1% 1% 0;
                width: 100%;
            }

            [class^="icon-"], [class*=" icon-"] {
                display: inline-block;
                width: 30px;
                height: 30px;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                font-size: 30px;
                vertical-align: middle;
            }

            .desktop_bg {
                display: none;
            }

            .btables {
                background: #fdfdfd;
                border-radius: 5px;
                border: 1px solid #fff;
                border-collapse: collapse;
                width: 100%;
                overflow: hidden;
                border: 1px solid var(--bright-bg);
            }

            .tables-reponsive {
                overflow-x: auto;
                max-width: 100vw;
                width: 100%;
            }

            .connection-head {
                display: inline-block;
                width: 100%;
                z-index: 66;
                position: relative;
                display: grid;
                grid-template-columns: 32.5% 32.5% 32.5%;
                grid-gap: 1%;
                background: #f1f1f1;
            }

            .connection-head a {
                display: inline-block;
                padding: 3px 0px;
                margin: 0;
                font-size: 15px;
                margin-right: 0px;
                margin-bottom: 0px;
                color: #000;
                text-align: center;
                position: relative;
                background: #FFF;
                box-shadow: 0px 0px 1px rgb(0 0 0 / 30%), -1px 0px 1px #f1f1f1;
                width: 100%;
                margin-bottom: 2px;
                border-radius: 4px;
            }

            .connection-head a > i {
                width: 25px;
                height: 25px;
            }

            .connection-head a.current {
                background: #263238;
                color: #FFF;
            }

            .connection-head a span {
                width: 100%;
                display: inline-block;
                font-size: 11px;
            }

            .connection-head a.pr {
                background: #3c4b52;
                color: #FFF;
                animation: bounce_button 5s infinite 2s cubic-bezier(0.77,0,.175,1) !important;
            }

            .connection-head a.pr:hover {
                color: #FFF;
                background: #3b4850;
            }

            .connection-head a .count {
                background: #ffc007;
                color: #000;
                padding: 0px 4px;
                border-radius: 60px;
                font-size: 14px;
                margin-left: 5px;
                font-weight: bold;
                margin-top: -3px;
                display: inline-block;
                position: relative;
                height: 17px;
                text-align: center;
                vertical-align: middle;
            }

            .connection-head a:hover {
                background: #e0e0e0;
            }

            body.page h1.entry-title, hr.divider {
                text-align: center
            }

            hr.divider, hr.divider-brake {
                float: left;
                width: 100%;
                clear: both;
                margin-bottom: 20px;
                margin-top: 10px
            }

            hr.divider {
                border: none;
                margin: 20px 0;
                background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgb(241 241 241) 50%,rgba(255,255,255,0) 100%);
                height: 1px;
                overflow: inherit;
                text-align: center;
                position: relative;
            }

            hr.divider::after {
                content: "";
                height: 10px;
                width: 10px;
                background: #f1f1f1;
                border-radius: 5px;
                display: inline-block;
                position: absolute;
                top: -4px;
                right: 49%;
                right: calc(50% - 5px);
            }

            html[lang="ar"] h1, html[lang="ar-eg"] h1 {
                text-align: right;
            }

            html[lang="ar"] #main .main-content h2, html[lang="ar"] #main .main-content h3, html[lang="ar"] #main .main-content h4,html[lang="ar-eg"] #main .main-content h2, html[lang="ar-eg"] #main .main-content h3, html[lang="ar-eg"] #main .main-content h4 {
                text-align: right;
            }

            .be_box > p:first-of-type {
                margin-top: 0px;
            }

            .be_box.transparent {
                padding: 0px;
                background: transparent;
            }

            .be_box.view_columns {
                display: flex;
            }

            .be_box.view_columns .clearall {
                display: none;
            }

            .be_lists.noicons li::before {
                display: none;
            }

            .be_box.fullwidth {
                clear: both;
                border: none;
                border-radius: 0px;
            }

            .small_tnc {
                font-size: 10px;
                line-height: 12px;
                opacity: 0.7;
                display: inline-block;
                max-width: 500px;
            }

            .textcutter.unactive {
                height: auto !important;
                max-height: inherit;
            }

            .textcutter.unactive::before {
                display: none;
            }

            .textcutter.unactive .shm {
                display: none;
            }