.api-matches-container{max-height:calc(100vh - 200px);overflow-y:auto;max-width:700px;padding:0 15px 0 0;min-height:500px}[data-matches-shortcode-atts]>div>a.active{background-color:#8bc34a85}.match-item{background-color:#eceef2;border:solid 1px #ddd;border-radius:5px;display:flex;position:relative;flex-wrap:wrap;text-align:center;font-size:16px;direction:rtl;margin-bottom:10px;max-width:700px}.match-item.selected-match{outline:solid 2px #f44336;outline-offset:-2px}.match-item .match-team-home,.match-item .match-team-away{width:30.33333%;display:flex}.match-item>a{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:5px;background-color:rgb(0 0 0/60%)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:45px!important;background-image:url(data:image/svg+xml;charset=utf8;base64,PHN2ZyBhcmlhLWhpZGRlbj0ndHJ1ZScgcm9sZT0naW1nJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMjU2LDBDMTE0LjYxNywwLDAsMTE0LjYxNSwwLDI1NnMxMTQuNjE3LDI1NiwyNTYsMjU2czI1Ni0xMTQuNjE1LDI1Ni0yNTZTMzk3LjM4MywwLDI1NiwweiBNMzQ0LjQ4LDI2OS41N2wtMTI4LDgwIGMtMi41OSwxLjYxNy01LjUzNSwyLjQzLTguNDgsMi40M2MtMi42NjgsMC01LjM0LTAuNjY0LTcuNzU4LTIuMDA4QzE5NS4xNTYsMzQ3LjE3MiwxOTIsMzQxLjgyLDE5MiwzMzZWMTc2IGMwLTUuODIsMy4xNTYtMTEuMTcyLDguMjQyLTEzLjk5MmM1LjA4Ni0yLjgzNiwxMS4zMDUtMi42NjQsMTYuMjM4LDAuNDIybDEyOCw4MGM0LjY3NiwyLjkzLDcuNTIsOC4wNTUsNy41MiwxMy41NyBTMzQ5LjE1NiwyNjYuNjQxLDM0NC40OCwyNjkuNTd6Jz48L3BhdGg+PC9zdmc+)!important;opacity:0;transition:opacity .2s}.match-item>a:hover,.match-item>a:focus,.match-item>a:active{opacity:1}.match-item .match-timing{width:30.33333%;display:flex;flex-direction:column;justify-content:center;align-items:center}.match-item .match-timing>*:empty{display:none}.match-item .result-now{font-size:20px;font-weight:700}.match-item .match-date{padding:0;color:#fff;border-radius:5px;font-size:14px;background-color:#263545}.match-item.end .match-date{background-color:#474747}.match-item.live .match-date{background-color:#931800;animation:live-blinker 500ms ease-in-out infinite}@keyframes live-blinker{50%{background-color:#3e0c02}}.match-item.soon .match-date{background-color:#0f6f37}.match-item .match-info>ul{display:flex;list-style:none;margin:0;padding:0}.match-item .match-info{width:100%;border-top:1px solid #ddd;padding-top:9px;padding-bottom:10px}.match-item .match-info>ul>li{flex:1;width:calc(100%/3);margin:0;height:20px;display:flex;justify-content:center;align-items:center}.match-item .match-info>ul>li>span{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:20px;line-height:20px}.match-item .match-info>ul>li>img{margin:0!important;width:16px!important;height:16px!important}.match-item .match-team-away{flex-direction:row-reverse}.match-item .team-logo{width:50%;display:flex;justify-content:center}.match-item .team-logo img{object-fit:contain;width:70px;height:70px}.match-item .team-name{font-weight:700;display:flex;margin:28px auto}.match-item .match-info>ul>li>span>div{width:100%;text-align:right}.match-item .match-info>ul>li>span>select{width:100%;max-width:none;margin:0}.match-item-single{--football-stadium: url("https://1.bp.blogspot.com/-z_wIECewHDs/X5rSmEuvx1I/AAAAAAAAYus/2VQNQHtTmsg1gYcwOr7G-89KwyPSooQkACLcBGAsYHQ/s0/match.jpg");background-color:#fff;background-image:radial-gradient(rgb(0 0 0/59%),rgb(0 0 0/59%)),var(--football-stadium);background-size:cover;background-position:center;color:#fff;display:flex;flex-wrap:wrap;text-align:center;padding:30px 10px 20px;background-position:bottom center;font-size:17px}.match-item-single .match-team-home,.match-item-single .match-team-away{width:calc(100%/3);display:flex;align-items:center}.match-item-single .match-team-away{flex-direction:row-reverse}.match-item-single .match-team-home img,.match-item-single .match-team-away img{width:100px;height:100px;object-fit:contain;margin:15px auto}.match-item-single .match-timing{width:calc(100%/3)}.match-timing.match-versus{display:flex;flex-direction:column;justify-content:center;right:0;bottom:0;left:0;margin:0;top:0;content:'vs';font-size:80px;font-weight:700}.match-item-single .match-info{width:100%;color:#212121;margin-top:27px;border-top:0}.match-item-single .match-info>ul{display:flex;list-style:none;background-color:#fff;padding:0;margin:0 30px -50px;border-radius:5px;box-shadow:0 2px 3px #00000038;padding:5px;line-height:25px;font-size:16px}.match-item-single .match-info>ul>li{width:calc(100%/3);display:flex;justify-content:center;align-items:center;font-size:14px}.match-item-single .match-info>ul>li>img.emoji{margin-left:10px!important;font-size:16px}.match-item-single .match-timing .match-hour{font-size:14px}.match-item-single .match-timing .result-now{font-size:40px;font-weight:700}@media screen and (max-width:700px){.match-item-single .match-team-home img,.match-item-single .match-team-away img{width:70px;height:70px}.match-timing.match-versus{font-size:50px}}@media screen and (max-width:550px){.match-item .match-team-home,.match-item .match-team-away{flex-direction:column}.match-item .team-logo{width:100%}.match-item .team-logo img{width:50px;height:50px}.match-item .team-name{margin:0 auto 7px}.match-item-single .match-team-home,.match-item-single .match-team-away{flex-direction:column}}
:root {
    --color-primary: #09d6cb;
    --color-secondary: #474747;
    --color-darkmode-white: #263545;
    --color-darkmode-gray: #1c2733;
    --color-darkmode-black: #121a23;
    --color-darkmode-hover: #f80;
}

body {
    font: 500 16px/35px Changa, Segoe UI;
    width: 100%;
    margin: 0;
    background: #eceef2;
    color: #000;
}

.errorWrap {
    text-align: center;
    position: relative
}

.errorWrap h3,.errorWrap h4 {
    padding: 30px 0;
    font-size: 70px;
    display: block
}

.errorWrap h4 {
    font-size: 30px
}

.errorWrap p {
    padding: 20px 0;
    font-size: 20px;
}

.errorWrap a {
    color: #931800;
    font-size: 21px
}

a {
    color: #98d189;
    text-decoration: none;
}

img {
    font-size: 0;
    pointer-events: all;
}

strong {
    font-weight: 500;
}

a:focus, a:hover {
    color: var(--color-primary);
    transition: 0.5s ease;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    list-style: none;
}

.container {
    max-width: 1000px;
    margin: auto;
    padding: 0 12px;
}

.menu-section {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.navbar-brand {
    float: left;
    margin: 5px 0;
    background: var(--color-primary);
    width: 192px;
    height: 70px;
    border-radius: 5px;
    padding: 4px;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-brand img.custom-logo {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.navbar-brand a.custom-logo-link {
    display: flex;
}

.navbar-brand hl {
    position: absolute;
    top: -9000px;
    left: -9000px;
}

.navbar-brand span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.navbar-brand span:last-child {
    font-size: 20px;
    white-space: nowrap;
}

.navmenu {
    width: calc(100% - 200px);
    float: left;
}

.navsiteta {
    padding-left: 15px;
}

.navsites {
    float: left;
    margin: 25px 0;
}

.navmenu .nav li {
    float: left;
    position: relative;
}

.navmenu .nav .navsiteta a {
    padding: 0 6px;
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.navmenu .nav .navsiteta a:hover {
    box-shadow: inset 0 -2px var(--color-primary);
}

.menublabel.clo {
    display: none;
}

.menu-section h1, .menu-section h2 {
    display: none;
}

.navmenu .nav ul {
    margin: 0;
    padding: 0;
}

.navmenu .nav .navsites a, .dnmo {
    height: 35px;
    width: 35px;
    padding: 0;
    display: grid;
    background: var(--color-secondary);
    margin-right: 5px;
    border-radius: 5px;
    float: left;
    cursor: pointer;
}

.navmenu .navsites .telegram a {
    background: #389ce9;
}

.navmenu .navsites .twitter a {
    background: #55acee;
}

.navmenu .navsites .facebook a {
    background: #4267b2;
}

.navmenu .navsites .youtube a {
    background: #f61c0d;
}

.navmenu .navsites .google-news a {
    background: #ea4335;
}

#menubtn {
    position: absolute;
    visibility: hidden;
}

.dnmo.mo {
    display: none;
}

.navmenu .nav .navsites a .icon, .icon.dnmoi {
    width: 20px;
    height: 20px;
    display: table;
    margin: 8px auto;
    background-size: 100% 100%;
}

.icon.telegram {
    background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath fill='%23fff' d='m9.417 15.181-.397 5.584c.568 0 .814-.244 1.109-.537l2.663-2.545 5.518 4.041c1.012.564 1.725.267 1.998-.931l3.622-16.972.001-.001c.321-1.496-.541-2.081-1.527-1.714l-21.29 8.151c-1.453.564-1.431 1.374-.247 1.741l5.443 1.693 12.643-7.911c.595-.394 1.136-.176.691.218z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.icon.twitter {
    background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.icon.facebook {
    background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M288,176v-64c0-17.664,14.336-32,32-32h32V0h-64c-53.024,0-96,42.976-96,96v80h-64v80h64v256h96V256h64l32-80H288z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.navmenu .nav .navsites a .icon.youtube {
    background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728 c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137 C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607 c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z' class=''%3E%3C/path%3E%3C/svg%3E");
    margin-right: 6.5px;
}

.icon.google-news {
    background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='m512.288 152.697-67.644-13.455v-123.579h-377v123.579l-67.644 13.455 52.644 264.661v79.268h407v-79.268zm-52.644 110.885v-61.956h-50.232l-8.037-40.402 75.636 15.045zm-362-217.919h317v87.612l-19.603-3.899-10.573-53.153-286.824 57.052zm-62.368 130.606 325.621-64.77 17.927 90.127h-326.18v61.956zm394.368 290.356h-347v-235h347z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.icon.dnmoi {
    background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241.072 241.072' %3E%3Cpath fill='%23fff' d='M202.167,156.857c-44.236,0-80.085-35.842-80.085-80.078c0-29.923,16.43-55.951,40.733-69.707 C150.088,2.498,136.373,0,122.082,0C55.506,0,1.535,53.971,1.535,120.528c0,66.584,53.971,120.544,120.547,120.544 c57.269,0,105.18-39.937,117.454-93.485C228.374,153.484,215.665,156.857,202.167,156.857L202.167,156.857z' class=''%3E%3C/path%3E%3C/svg%3E");
}

body.Night .icon.dnmoi {
    background: no-repeat center url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sun' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-sun fa-w-16'%3E%3Cpath fill='%23fff' d='M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z' class=''%3E%3C/path%3E%3C/svg%3E");
}

#telegramme {
    position: fixed;
    z-index: 9999999;
    color: #000;
    bottom: 25px;
    right: 25px;
    width: 150px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    text-align: center;
}

#telegramme p {
    font-size: 12px;
}

.clossme {
    float: right;
    position: absolute;
    bottom: 15px;
    right: 7px;
    padding: 0 5px;
}

#telegramme a {
    position: relative;
    color: #fff;
    background: #08c;
    border-radius: 20px;
    padding: 3px 7px;
    font-size: 13px;
    margin: auto;
    display: table;
    line-height: 20px;
}

.box-title {
    padding: 12px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 8px 0 0;
}

.box-title h1, .box-title h2, .box-title h3, .nav-tabs li a {
    font-size: 15px;
    background: var(--color-secondary);
    color: #fff;
    float: right;
    padding: 0 10px;
    border-radius: 5px;
}

.blogpost .box-title a {
    color: #fff;
}

.nav-tabs li .shomo {
    background: #eceef2;
    color: #000;
    border: 1px solid #ddd;
}

footer {
    position: relative;
    background: #fff;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    margin-top: 15px;
}

.footermb {
    overflow: hidden;
    padding: 12px 0;
}

.footermb .weba {
    float: right;
}

.footermb .weba a {
    margin: 0;
}

.footermb li {
    float: left;
}

.footermb a {
    background: #eceef2;
    margin-right: 10px;
    font-size: 13px;
    padding: 0 7px;
    display: block;
    border-radius: 5px;
}

.index-post-wrap .blog-posts-hentry, #box-posts ul li {
    float: right;
    width: 25%;
}

.blogpost.index-post, #box-posts {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background: #fff;
    border-radius: 5px;
    margin-top: 15px;
}

.queryEmpty {
    padding: 12px 12px 0;
}

.grid-post, #feeds-posts {
    padding: 12px 12px 0;
    overflow: hidden;
}

#feeds-posts {
    padding: 12px 12px 0;
    overflow: hidden;
    height: 675px;
}

.grid-posts, #box-posts ul {
    margin: 0 -6px;
}

.blog-post.hentry.index-post, #box-posts ul li a {
    background: #eceef2;
    margin: 0 6px 12px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    display: block;
}

.post-image-wrap img, #box-posts ul li .rnav-img img {
    height: 100%;
    width: 100%;
    display: grid;
    object-fit: cover;
}

.post-info {
    padding: 10px;
}

.post-info h3, #box-posts ul li h3 {
    margin: 0;
    line-height: 1.5;
    font-size: 15px;
    overflow: hidden;
    font-weight: 500;
}

#blog-pager {
    margin: auto;
    display: table;
}

#blog-pager a {
    font-size: 15px;
    float: right;
    padding: 0 10px;
    margin: 0 0 12px 12px;
    background: #eceef2;
    border-radius: 5px;
}

.blogpost.index-post p {
    margin: 12px 12px 0;
}

.blog-post.hentry.item-post {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background: #fff;
    overflow: hidden;
    padding: 12px;
    border-radius: 5px;
}

.postTimestamp {
    background: #eceef2;
    margin: -12px -12px 12px;
    border-bottom: 1px solid #ddd;
}

.posts-title h1 {
    line-height: 1.5;
    overflow: hidden;
    font-weight: 500;
    font-size: 20px;
    padding: 20px 12px;
}

.main-post-meta {
    border-bottom: 1px solid #d8dbe1;
    border-top: 1px solid #d8dbe1;
    padding: 10px 12px;
    font-size: 15px;
    font-weight: 400;
}

.main-post-meta a {
    color: #828282;
}

.main-post-meta svg {
    width: 15px;
    height: 15px;
}

#postsacs {
    text-align: justify;
   /* user-select: none;*/
    font-weight: 400;
}

#postsacs p {
    margin-bottom: 20px;
    text-align: justify;
    margin-bottom: 12px;
    
}
.match-event.match-item.end .match-hour {
    display: none;
}

.match-event.match-item.soon .result-now {
    display: none;
}
.postimg img {
    border-radius: 5px;
    margin: auto auto 15px;
    display: none;
    max-width: 100%;
}

.jb-w-r-s-img {
    display: inline-block !important;
}

.posts-info {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: none;
}

#postsacs h2 {
       display: table;
    padding: 5px 15px;
    background-color: #eceef2;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0;
    line-height: 1.5;
    text-align: right;
    border-radius: 5px;

}

#postsacs a {
    color: #f12700;
    font-weight: bold;
}

.post-share {
    overflow: hidden;
    border-radius: 8px;
    padding: 12px;
    background: #eceef2;
    margin-top: 15px;
}

.share-links {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
    line-height: 26px;
}

.share-links li {
    width: calc(25% - 5px * 2);
    margin: 5px;
}

.share-links li a {
    font-size: 15px;
    background: var(--color-primary);
    padding: 5px 10px;
    height: 30px;
    display: block;
    color: #fff;
    border-radius: 4px;
}

.share-links .facebook {
    background: #3b5998;
}

.share-links .twitter {
    background: #147AC8;
}

.share-links .whatsapp {
    background: #478523;
}

.share-links .telegram {
    background: #267EA1;
}

.whatsapp-mobile {
    display: none;
}

.matchhead h6 {
    border: 1px solid #ddd;
    text-align: center;
    background: #eceef2;
    margin-bottom: 12px;
    border-radius: 5px;
    font-size: 16px;
    padding: 5px 0;
}

#postsacs .tourItem a {
    color: initial;
}
.Night .navsiteta li strong {
    background: #1c2733;
}
#postsacs .tourItem h2 {
    display: inline-block;
    line-height: 2.4;
    font-size: 16px;
    background: #f0f2f5;
    padding: 0 10px;
    margin: 10px 0;
    border-radius: 5px;
}

#postsacs .tourItem .item {
    margin-bottom: 10px;
    padding: 5px 10px;
    overflow: hidden;
    background: #f0f2f5;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#postsacs .tourItem .item .dtls {
    float: right;
}
.match-event.notstarted .result-now {
    display: none;
}
#postsacs .tourItem .tourImg {
    float: right;
    margin-left: 10px;
    position: relative;
    width: auto;
    height: 40px;
}

#postsacs .tourItem .tourImg img {
    width: 40px;
    height: 100%;
    background: #fff;
    border-radius: 100%;
    object-fit: contain;
}

#postsacs .tourItem .item h2 {
    background: initial;
    margin: 0;
    box-shadow: initial;
}

#postsacs .tourItem .links a {
    float: left;
    line-height: 2.4;
    font-size: 16px;
    background: var(--color-primary);
    padding: 0 10px;
    margin: 5px 0;
    margin-right: 10px;
    border-radius: 5px;
    color: #fff;
}

#postsacs .tourItem h2.fh2 {
    margin-top: 0;
}

#postsacs .stangs {
    background: #eceef2;
    text-align: center;
    overflow: hidden;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    display: block;
}

.standings_jdwel {
    overflow: hidden;
}

.standings_jdwel .standings {
    background: #eceef2;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}

.standings_jdwel .standings:last-child {
    margin-bottom: 0;
}

.standings_jdwel .GroupE {
    text-align: center;
    background: #eceef2;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    display: block;
}

.headT td:nth-child(2) {
    text-align: right;
}

.bodyT.bodyTa td:nth-child(2) {
    text-align: right;
}

.bodyT.bodyTa {
    border-top: 1px solid #ddd;
}

.btndw.active {
    background: #eceef2;
}

.btndw {
    width: 50%;
    float: right;
    text-align: center;
    padding: 10px 0;
    background: #fff;
    cursor: pointer;
}

.none {
    display: none !important;
}

.group_header {
    text-align: center;
    border-radius: 5px;
    margin: 15px 0;
}

table tbody .odd {
    background: #d9dee8;
}

.club-logo {
    display: flex;
    margin: auto;
}

tbody td {
    padding: 10px 4px;
}

thead th {
    padding: 10px 4px;
}

table thead tr {
    background: #eceef2;
    padding: 12px 4px 16px;
}

table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.d-md-none, .peak_score {
    display: none;
}

.d-md-block {
    display: block;
}

.standings_jdwel td.team {
    text-align: right;
}

@media screen and (max-width: 550px) {
    .d-md-block {
        display: none;
    }

    .d-md-none {
        display: block;
    }

    .standings_jdwel thead th {
        font-size: 12px;
    }

    .standings_jdwel tbody td {
        font-size: 12px;
    }

    .goal-plus-minus {
        display: none;
    }

    .standings_jdwel .standings .headT span.none {
        display: block !important;
    }

    .standings_jdwel .standings .headT span {
        display: none;
    }
    .blog-post.hentry.index-post {
    padding: 5px 5px;
    }
    .post-title a {
    font-size: 11px;
}
.post-image-wrap{
    padding: 0px 10px;
}
.post-info h3 {
    margin: 0;
    line-height: 1.2;
}
.post-info {
    padding: 5px;
}
}

.panel-default {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background: #fff;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 5px;
}

h2.boxstitle {
    background: var(--color-primary);
}

.nav-tabs {
    float: left;
}

.nav-tabs li {
    float: right;
    margin-right: 12px;
}

.nav-tabs li a {
    background: var(--color-primary);
}

.nav-tabs .yema a {
    background: #104783;
}

.nav-tabs .tomat a {
    background: #f5c202;
    color: #000;
}

.match-event {
    border: 1px solid #ddd;
    overflow: hidden;
    text-align: center;
    background: #eceef2;
    margin-bottom: 12px;
    position: relative;
    border-radius: 5px;
    order: 3;
}

.match-event.h {
    display: none;
}

.match-name, .match-event.ch-end #match-hour, .match-event.ch-live #match-hour, .match-event.ch-soon #result-now, .match-event.notstart #result-now {
    display: none !important;
}

.match-event:last-child {
    margin-bottom: 12px;
}

.matchflex {
    display: flex;
    flex-direction: column;
    margin: 12px 12px 0;
}

.match-event.ch-live {
    order: 1;
}

.match-event.ch-soon {
    order: 2;
}

.match-event.ch-end {
    order: 5;
}

.match-event.l {
    order: 0;
}

.match-event.l1 {
    order: -2;
}

.match-event.l2 {
    order: -1;
}

.match-event a {
    color: #222;
}

.match-event h4 {
    margin: 30px 0;
}

.first-team, .left-team, .match-time {
    width: 33.33333333%;
    float: left;
}

.team-logo {
    float: right;
    width: 50%;
}

.left-team .team-logo {
    float: left;
}

.team-logo img {
    margin: 10px auto;
    display: flex;
}

.team-name {
    margin: 10px auto;
    display: table;
    font-weight: 500;
}

.match-timing {
    margin: 12px auto;
}

#result-now {
    font-size: 21px;
    letter-spacing: 5px;
    margin-right: -5px;
    color: #eceef2;
}

.match-event.ch-end #result-now, .match-event.ch-live #result-now {
    color: #000;
}

#result-noww {
    font-size: 21px;
    margin-right: -5px;
    direction: ltr;
}

.match-timing .match-date, .match-timing .live:before {
    color: #fff;
   /* background: var(--color-darkmode-white);*/
    border-radius: 5px;
    font-size: 14px;
    width: 90px;
    line-height: 1.9;
    display: table;
    margin: 6px auto auto;
    position: relative;
}

.match-timing .live:before {
    content: "جارية الآن";
    position: absolute;
    animation: blinker 500ms ease-in-out infinite;
    margin: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.matchflex > div {
   
}

.match-timing .live {
        background-color: #931800 !important;
    animation: live-blinker 500ms ease-in-out infinite;
}

.match-timing .end {
    background: var(--color-secondary) !important;
}

.match-timing .soon {
    background: #0f6f37 !important;
}

.match-info {
    border-top: 1px solid #ddd;
    display: table;
    width: 100%;
}

.match-info li {
    width: 30.33333333%;
    float: right;
    font-size: 14px;
    font-weight: 400;
}

.match-info li:before {
    content: "🎤";
    margin-left: 7px;
}

.match-info li:first-child:before {
    content: "📺";
}

.match-info li:last-child:before {
    content: "🏆";
}

#overlay-match {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
}

.match-event:hover #overlay-match {
    opacity: 1;
}

#watch-match{position:absolute;bottom:0;right:0;height:45px;margin:auto;left:0;top:0;width:45px;background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M256,0C114.617,0,0,114.615,0,256s114.617,256,256,256s256-114.615,256-256S397.383,0,256,0z M344.48,269.57l-128,80  c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-0.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176 c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,0.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57 S349.156,266.641,344.48,269.57z' class=''%3E%3C/path%3E%3C/svg%3E")}


#box-posts {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
}

#box-posts ul {
    margin: 0 -6px;
}

#box-posts ul li {
    float: right;
    width: 25%;
}

#box-posts ul li a {
    background: #eceef2;
    margin: 0 6px 12px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    display: block;
}

#box-posts ul li .rnav-img img {
    height: 150px;
    width: 100%;
    display: grid;
}

#box-posts ul li h3 {
    margin: 0;
    line-height: 1.5;
    font-size: 15px;
    height: 43px;
    overflow: hidden;
    font-weight: 500;
}

@media screen and (max-width: 500px) {
    .team-logo img {
        margin: 7px auto 0;
    }

    .team-name {
        margin: 0 auto 7px;
    }

    .team-logo {
        width: 100%;
    }

    .match-info {
        display: none;
    }
}

.match-event.ch-end #match-live, .match-event.notstart #match-live {
    display: none;
}

.tabsbox {
    margin-top: 15px;
    background: #fff;
    position: relative;
    border-radius: 5px;
    display: none1;
}

.wdthbox {
    padding: 12px;
    text-align: justify;
    overflow: hidden;
    position: relative;
    font-weight: 400;
    font-size: 15px;
}

.wdthbox p {
    margin-bottom: 15px;
}

.match-name, .match-event.ch-end #match-hour, .match-event.ch-live #match-hour, .match-event.ch-soon #result-now, .match-event.notstart #result-now, .match-event.h, .match-event.ch-end #match-live {
    display: none !important;
}

.post-box ul {
    padding: 12px 12px 0;
    overflow: hidden;
}

.post-box .rnav-title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    background: linear-gradient( to bottom, transparent, rgba(0, 0, 0, 0.7) 40%, #000 );
    text-shadow: 0 1px 1px #000;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}

.post-box li {
    float: right;
    margin-left: 12px;
    margin-bottom: 12px;
    width: calc((100% - 12px) / 3);
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.post-box li:first-child {
    width: calc(100% - ((100% + 24px) / 3));
}

.post-box li:first-child .rnav-title {
    font-size: 20px;
    line-height: 40px;
}

.post-box li:last-child, .post-box li:nth-child(2), .post-box li:nth-child(3) {
    margin-left: 0;
}

.post-box li:nth-child(5) {
    width: calc((100% - 48px) / 3);
}

.post-box img {
    max-width: 100%;
    height: 200px;
}

.post-box li:first-child img {
    height: 423px;
}

body.home .blogpost, body.archive .blogpost, #box-posts {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background: #fff;
    border-radius: 5px;
    margin-top: 15px;
}

body.home .blogpost p, body.archive .blogpost p {
    margin: 12px 12px 0;
}

@media screen and (max-width: 1000px) {
    .navbar-brand {
        margin: 8px auto;
        float: none;
        padding: 4px 7px;
    }

    .menublabel.clo {
        display: block;
        margin: 0 0 15px;
        cursor: pointer;
    }

    .navmenu .nav .navsiteta a, .menulabc {
        background: #061f60;
        display: block;
        padding: 0 12px;
        height: initial;
        color: #fff;
        margin: 0;
        border-radius: 5px;
        border: 0;
    }

    .navsites {
        float: none;
    }

    .navsiteta {
        padding: 0;
    }

    .menublabel.clo .liwte {
        position: absolute;
        left: 25px;
        top: 20px;
    }

    .menublabel.op {
        cursor: pointer;
        border-radius: 5px;
        height: 40px;
        width: 37px;
        background: #3e3e3e;
        position: absolute;
        right: 12px;
        top: 25px;
    }

    .menublabel.op .liwte {
        margin: 11px auto auto;
        display: table;
    }

    .dnmo.mo {
        display: block;
        position: absolute;
        left: 12px;
        top: 25px;
        height: 40px;
    }

    .icon.dnmoi {
        margin: 10px auto;
    }

    .menublabel.clo .line.line-1 {
        transform: rotate(45deg);
        position: absolute;
        top: 10px;
        left: 0;
    }

    .menublabel.clo .line.line-2 {
        transform: rotate(-45deg);
        position: absolute;
        top: 10px;
        left: 0;
    }

    .liwte .line {
        display: block;
        width: 22px;
        height: 3px;
        background: #fff;
        border-radius: 1px;
        margin: auto auto 5px;
    }

    .navmenu .linkm {
        float: none;
        z-index: 99;
        height: 100vh;
        width: 250px;
        position: fixed;
        top: 0;
        right: -300px;
        margin: auto;
        background: #fff;
        transition: all 0.7s ease 0s;
        padding: 15px;
        overflow-x: hidden;
        box-shadow: 0 1px 6px rgba(32, 33, 36, 0.4);
    }

    #menubtn:checked ~ .linkm {
        right: 0;
    }

    .navmenu .linkm li {
        float: none;
        margin-bottom: 15px;
    }

    .navmenu .nav a {
        margin: 0 0 0 12px;
    }

    .navmenu .linkm li.siteta a {
        margin: 0;
    }

    .navmenu .linkm li.sites {
        float: right;
    }

    .navmenu .linkm li.dnmo {
        display: none;
    }

    

    #telegramme {
        border-radius: 0;
        box-shadow: inherit;
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #telegramme p {
        display: none;
    }

    #telegramme a {
        display: inline-block;
        margin-right: 5px;
    }

    #box-posts ul li {
        width: 30.333%;
    }

    .posts-related ul li {
        width: 100%;
    }

    #feeds-posts {
        height: 900px;
    }
}

.main-container {
    max-width: 800px;
    max-width: 1000px;
}

.posts-title {
    padding: 10px 12px;
}

.item-post .post-title {
    line-height: 1.5;
    overflow: hidden;
    font-size: 21px;
}

.post-thumb {
    width: 100%;
}

#postsacs a:hover {
    text-decoration: underline;
    text-underline-position: under;
}

#postsacs strong {
    font-weight: bold;
}

#postsacs .postimg img, img.postimg {
    border-radius: 5px;
    margin: auto auto 20px;
    display: table;
    max-width: 100%;
}

#postsacs .postimg:nth-child(1) img {
    display: none;
}

#postsacs .postimg:nth-child(2) img {
    display: block;
}

.blog-post.hentry.item-post h2, .blog-post.hentry.item-post h3 {
    padding: 10px 15px;
    background-color: #eceef2;
    font-size: 18px;
    margin: 15px 0;
    line-height: 1.5;
    border-radius: 5px;
}

.video-serv {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
}

#postsacs .video-serv a {
    background: var(--color-primary);
    border-radius: 5px;
    text-shadow: 0 1px 1px #000;
    padding: 5px 1%;
    font-size: 15px;
    text-align: center;
    color: #fff;
}

.video-1 .video-serv a {
    width: 100%;
}

.video-2 .video-serv a {
    width: 47%;
}

.video-3 .video-serv a {
    width: 30%;
}

.video-4 .video-serv a {
    width: 22%;
}

.video-5 .video-serv a {
    width: 17%;
}

#postsacs .video-serv a:focus, #postsacs .video-serv a:hover {
    background: var(--color-darkmode-gray);
}

.embedvideo::after, .video-con::after {
    content: "تنبية:سوف يتم تحديث المشغل في حالة التوقف باسرع وقت اختار مشغل اخر اذا توقف الاول";
    background: var(--color-primary);
    border-radius: 5px;
    text-shadow: 0 1px 1px #000;
    padding: 5px 0;
    font-size: 15px;
    text-align: center;
    color: #fff;
    width: 100%;
    float: right;
    margin: 12px 0;
    display: none;
}

.video-1 .video-con::after {
    display: none;
}

.table-bordered {
    width: 100%;
    border-collapse: collapse;
    background-color: #eceef2;
    border-radius: 5px;
    margin-bottom: 15px;
}

.table-bordered tr {
    border-bottom: 1px solid #d8dbe1;
}

.table-bordered tr:last-child {
    border: 0;
}

.table-bordered td, table th {
    padding: 12px;
    line-height: 25px;
    text-align: right;
}

.table-bordered td {
    border-right: 1px solid #d8dbe1;
}

.post-share, .post-tags, .jubnna, #latejubna {
    overflow: hidden;
    border-radius: 5px;
    padding: 12px;
    background: #eceef2;
    margin-top: 15px;
}

.jubnna {
    padding: 4px 7px;
}

.post-tags {
    padding: 12px 12px 0;
}

.blog-post.hentry.item-post .panel-heading {
    border: 0;
    background-color: #fff;
}

.post-tags li {
    float: right;
    display: block;
    margin: 0 0 12px 12px;
    padding: 0 10px;
    background: #fff;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
}

.post-tags li a {
    font-size: 14px;
}

.posts-eal {
    margin: 15px 0;
}

.oneeal2F {
    margin: 15px 0;
}

.oneeal2p {
    margin-bottom: 20px;
}

#leads .oneeal2F {
    margin-bottom: 25px;
}

blockquote {
    background: #d8dbe1;
    display: block;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    margin: 15px 0;
}

blockquote a {
    margin: 0 15px;
    color: var(--color-primary);
}

.posts-related {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 12px;
}

.posts-related ul {
    padding: 12px 6px 0;
    overflow: hidden;
}

.posts-related ul li {
    float: right;
    width: 30.3333%;
}

.posts-related ul li a {
    background: #eceef2;
    margin: 0 6px 12px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    display: block;
}

.posts-related ul li img {
    height: 150px;
    width: 100%;
    display: grid;
}

.posts-related ul li .rnav-title {
    margin: 0;
    line-height: 1.5;
    font-size: 15px;
    height: 41px;
    overflow: hidden;
    font-weight: 500;
    padding: 10px;
}

.posts-related.jubn {
    display: block;
}

.coMatch {
    position: relative;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 12px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.backMatch {
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 5px;
    background: url(https://1.bp.blogspot.com/-z_wIECewHDs/X5rSmEuvx1I/AAAAAAAAYus/2VQNQHtTmsg1gYcwOr7G-89KwyPSooQkACLcBGAsYHQ/s0/match.jpg);
    background-size: 100% 100%;
}

.baMatch {
    overflow: hidden;
    display: block;
    background: rgba(0, 0, 0, 0.59);
}

.colmd {
    width: 40%;
    float: right;
    text-align: center;
    padding: 45px 0 35px;
    color: #fff;
}

.teamlogo {
    max-width: 100px;
    height: 100px;
    background-size: cover;
    margin: 15px auto;
}

.colmd.ce {
    width: 20%;
}

.matchvs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 25px 0 0;
    top: 0;
    content: "vs";
    font-size: 80px;
    font-weight: bold;
}

.video-1, .video-2, .video-3, .video-4, .video-5 {
    position: relative;
    margin-top: 25px;
}

#tme {
    position: absolute;
    z-index: 99999999;
    bottom: 50px;
    right: 25px;
    width: 48px;
    height: 48px;
    text-align: center;
    border-radius: 50%;
    background-color: #08c;
    cursor: pointer;
}

#tme_message {
    position: absolute;
    bottom: 62px;
    right: -10px;
    width: 250px;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px #000;
    transition: opacity 0.5s ease-in;
    line-height: 20px;
}

#tme_message:after, #tme_message:before {
    content: "";
    position: absolute;
    bottom: -21px;
    right: 23px;
    border: 10px solid transparent;
    height: 0;
    width: 0;
}

#tme_message:after {
    border-top-color: #fff;
    bottom: -20px;
}

#tme_message p {
    margin: 8px 0;
    font-size: 12px;
    color: #8e8e8e;
    text-align: right;
}

.clossalert {
    position: absolute;
    right: 8px;
}

#tme_message strong:before {
    content: "اشترك في يلا شوت الجديد";
}

#tme_message p:before {
    content: "خدمة يلا شوت الجديد المجانية لمشاهدة مباريات اليوم بدون تقطيع على تليجرام";
}

#tme_message a {
    margin: 2px 6px;
    font-weight: bold;
    color: #fff;
    background: #08c;
    border-radius: 22px;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}

.tmesvg {
    width: 30px;
    height: 30px;
    display: table;
    margin: 10px auto;
    background-size: 100% 100%;
    background: #fff;
}

@media screen and (max-width: 700px) {
    .teamlogo {
        max-width: 70px;
        height: 70px;
    }

    .matchvs {
        font-size: 50px;
    }
}

.item-post .posts-title h1 {
    line-height: 1.5;
    overflow: hidden;
    font-weight: 500;
    font-size: 20px;
    padding: 20px 12px;
}

@media screen and (max-width: 550px) {
    .d-md-block {
        display: none;
    }

    .d-md-none {
        display: block;
    }

    .standings_jdwel thead th {
        font-size: 12px;
    }

    .standings_jdwel tbody td {
        font-size: 12px;
    }

    .goal-plus-minus {
        display: none;
    }

    .standings_jdwel .standings .headT span.none {
        display: block !important;
    }

    .standings_jdwel .standings .headT span {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .menublabel.clo {
        display: block;
        margin: 0 0 15px;
        cursor: pointer;
    }

    .navmenu .nav .navsiteta a, .menulabc {
       background: #061f60;
        display: block;
        padding: 0 12px;
        height: initial;
        color: #fff;
        margin: 0;
        border-radius: 5px;
        border: 0;
    }

    .navsites {
        float: none;
    }

    .navsiteta {
        padding: 0;
    }

    .menublabel.clo .liwte {
        position: absolute;
        left: 25px;
        top: 20px;
    }

    .menublabel.op {
        cursor: pointer;
        border-radius: 5px;
        height: 40px;
        width: 37px;
        background: #3e3e3e;
        position: absolute;
        right: 12px;
        top: 25px;
    }

    .menublabel.op .liwte {
        margin: 11px auto auto;
        display: table;
    }

    .dnmo.mo {
        display: block;
        position: absolute;
        left: 12px;
        top: 25px;
        height: 40px;
    }

    .icon.dnmoi {
        margin: 10px auto;
    }

    .menublabel.clo .line.line-1 {
        transform: rotate(45deg);
        position: absolute;
        top: 10px;
        left: 0;
    }

    .menublabel.clo .line.line-2 {
        transform: rotate(-45deg);
        position: absolute;
        top: 10px;
        left: 0;
    }

    .liwte .line {
        display: block;
        width: 22px;
        height: 3px;
        background: #fff;
        border-radius: 1px;
        margin: auto auto 5px;
    }

    .navmenu .linkm {
        float: none;
        z-index: 99;
        height: 100vh;
        width: 250px;
        position: fixed;
        top: 0;
        right: -300px;
        margin: auto;
        background: #fff;
        transition: all 0.7s ease 0s;
        padding: 15px;
        overflow-x: hidden;
        box-shadow: 0 1px 6px rgba(32, 33, 36, 0.4);
    }

    #menubtn:checked ~ .linkm {
        right: 0;
    }

    .navmenu .linkm li {
        float: none;
        margin-bottom: 15px;
    }

    .navmenu .nav a {
        margin: 0 0 0 12px;
    }

    .navmenu .linkm li.siteta a {
        margin: 0;
    }

    .navmenu .linkm li.sites {
        float: right;
    }

    .navmenu .linkm li.dnmo {
        display: none;
    }

   

    #telegramme {
        border-radius: 0;
        box-shadow: inherit;
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #telegramme p {
        display: none;
    }

    #telegramme a {
        display: inline-block;
        margin-right: 5px;
    }

    #box-posts ul li {
        width: 30.333%;
    }

    .posts-related ul li {
        width: 100%;
    }

    #feeds-posts {
        height: 900px;
    }
}

.tourItem .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

@media screen and (max-width: 550px) {
    .menu-section .container {
        padding: 0 12px;
    }

    .panel-default .box-title {
        padding: 12px 12px 0;
    }

    .panel-default .box-title h2 {
        display: none;
    }

    .panel-default .nav-tabs {
        float: none;
        margin: 0;
        display: inline-block;
        width: 100%;
    }

    .panel-default .nav-tabs li {
        width: 30.333%;
        margin: 0;
    }

    .panel-default .nav-tabs li a {
        text-align: center;
        padding: 0;
        float: none;
        display: block;
    }

    .nav-tabs .toma a {
        margin: 0 6px;
    }

    .team-logo img {
        margin: 7px auto 0;
        width: 30px;
        height: 30px;
    }

    .team-name {
        margin: 0 auto 7px;
    }

    .match-timing {
        margin: 0px auto;
    }

    .team-logo {
        width: 100%;
    }

    .match-info {
        display: none;
    }

    .index-post-wrap .blog-posts-hentry {
        width: 50%;
    }

    .whatsapp-mobile {
        display: block;
    }

    .whatsapp-desktop {
        display: none;
    }

    #box-posts ul li {
        width: 50%;
    }

    #feeds-posts {
        height: 1350px;
    }

    .share-links li {
        width: calc(50% - 5px * 2);
    }
}

body.Night {
    background: var(--color-darkmode-gray);
    color: #fff;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.Night a {
    color: #fff !important;
}

.Night a:hover {
    color: var(--color-darkmode-hover) !important;
}

.Night .match-event a {
    color: #fff !important;
}

.Night .navmenu .nav .navsiteta a:hover {
    box-shadow: inset 0 -2px var(--color-darkmode-hover);
}

.Night .menu-section:before {
    background: rgba(41, 41, 41, 0.78);
}

.Night .navbar-brand, .Night .navmenu .nav .navsites a, .Night .dnmo, .Night .navmenu #menubtn:checked ~ .linkm .navsiteta a, .Night .menulabc, .Night .menublabel.op {
    background-color: var(--color-darkmode-gray);
}

.Night .menublabel .liwte .line {
    background: #fff;
}

.Night .menu-section, .Night .panel-default, .home.Night .blogpost, .archive.Night .blogpost, .Night .tabsbox, .Night footer, .Night .blog-post.hentry.item-post, .Night .posts-related, .Night .post-tags li, .Night .tourItem .links a, .Night .links, .Night .box-title h1, .Night .box-title h2, .Night .box-title h3, .Night .nav-tabs li a, .Night .navmenu .linkm, .Night .coMatch, .Night .match-timing .end, .Night #box-posts, .Night #tme_message {
    background: var(--color-darkmode-white);
}

.Night .matchTime .end {
    background: #023e5d;
}

.Night .col-md-4.info {
    border-top: 1px solid var(--color-darkmode-white);
}

.Night .box-title h1:after, .Night .box-title h2:after, .Night .box-title h3:after, .Night .blogpost .nav-tabs li a:after {
    border-color: transparent #3e3e3e transparent transparent;
}

.Night .blog-post.hentry.index-post, .Night #latenone, .Night .Share-tags, .Night table tbody .odd, .Night #blog-pager a, .Night #postsacs .tourItem .item, .Night #postsacs .tourItem.em, .Night #postsacs h2, .Night #postsacs h3, .Night .post-share, .Night .standings_jdwel .standings, .Night .post-tags, .Night .posts-related ul li a, .Night .table-bordered, .Night .jubnna, .Night #latejubna, .Night .match-event, .Night #related-posts li, .Night #box-posts ul li a {
    background: var(--color-darkmode-gray);
    border: 1px solid var(--color-darkmode-black);
}

.Night #result-now {
    color: var(--color-darkmode-gray);
}

.Night .match-event.ch-end #result-now, .Night .match-event.ch-live #result-now {
    color: #fff;
}

.Night .box-title, .Night .postTimestamp {
    background: var(--color-darkmode-black);
    border: 0;
}

.Night .table-bordered tr {
    border-bottom: 1px solid var(--color-darkmode-white);
}

.Night .table-bordered td {
    border-right: 1px solid var(--color-darkmode-white);
}

.Night .jb-anchor {
    color: #b0b3b8 !important;
}

.Night .footermb a {
    background: var(--color-darkmode-gray);
}

.Night .main-post-meta {
    border-top: 1px solid var(--color-darkmode-gray);
    border-bottom: 1px solid var(--color-darkmode-gray);
    background: var(--color-darkmode-gray);
}

.Night .row.goals .col-md-2 .panel.panel-default, .Night .post-pagination .form-group, .Night .form-group input {
    color: #e4e6eb;
    background: var(--color-darkmode-black) !important;
}

.Night .row.goals .col-md-2 .panel.panel-default {
    background-color: var(--color-darkmode-gray);
}

.Night .panel-footer, .Night #postsacs .panel-footer .hr {
    border: 0;
    background-color: var(--color-darkmode-gray);
    border-top: 1px solid #424242;
}

.Night table tbody tr.even, .Night .brow.even, .Night table thead tr {
    background-color: var(--color-darkmode-white);
}

.Night #postsacs .tourItem .links a {
    background: var(--color-darkmode-white);
}

.Night .match-info {
    border-top: 1px solid var(--color-darkmode-white);
}

.Night .bodyT.bodyTa {
    border-top: 1px solid var(--color-darkmode-black);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.match-item {
    max-width: none;
}

.Night .match-item {
    background: var(--color-darkmode-gray);
    border: 1px solid var(--color-darkmode-black);
}

.match-item > a {
    z-index: 88;
}

body.admin-bar .navmenu .linkm {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .navmenu .linkm {
        top: 46px;
    }
}


.navsiteta li strong {
    background: var(--color-primary);
    border-radius: 5px;
    padding: 0 10px;
    color: #fff;
}
ul.share-links li span {
    float: right;
    margin: 3px 0 0;
}
.match-event.ch-live{order:1}
.match-event.ch-soon{order:2}
.match-event.l{order:0;}
.match-event.l1{order:-2;}
.match-event.l2{order:-1;}
.match-event.ch-end{order:5}
.navmenu .navsites .telegram a{background:#389ce9}
.navmenu .navsites .twitter a{background:#55acee}
.navmenu .navsites .facebook a{background:#4267b2}
.navmenu .navsites .youtube a{background:#f61c0d}
.navmenu .navsites .google-news a{background:#ea4335}


.match-timing .match-date {
    color: #fff;
    background: #263545;
    border-radius: 5px;
    font-size: 14px;
    width: 90px;
    line-height: 1.9;
    display: table;
    margin: auto;
    margin-top: 6px;
    position: relative;
}



.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(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  *padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: 2px;
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 45%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 30.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 49%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 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,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 30.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 30.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 45%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 30.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 32.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 49%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 45%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .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-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 45%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .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%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 45%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 45%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}


.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:first-child) {
  border-top: 2px solid currentColor;
}


.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}

.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}

.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}

.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}

.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}

.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}

.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}

.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}




.pb-3{
  padding-bottom:3px;  
}

footer {
    background: #2d237b;
    color:#fff;
}

.footermb a {
    background: #ffffff00;
    color: white;
}


.btn {
    font-size: 16px;
    text-transform: uppercase;
    border-radius: calc(20px - 5px);
    position: relative;
}




.btn-warning{
    color: #000 !important;
    background-color: #ffbd17 !important;
    border-color:#ffbd17 !important;
}


.btn-default {
    background-color: #a82f2f !important;
    color: #fff !important;
}

.text-center {
    text-align: center !important;
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    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;
}
.w-100 {
    width: 100% !important;
}

.w-80 {
    width: 80% !important;
}

.w-50 {
    width: 50% !important;
}

.w-30 {
    width: 30% !important;
}


.display-row{
    display: flex;
    flex-direction: row;
}


.bg-base {
    background-color: #221a62;
}

.p-2 {
    padding: 0.5rem!important;
}
.d-flex {
    display: flex!important;
}
.rounded {
    border-radius: 0.25rem!important;
}
.border {
    border: 1px solid transparent !important;
}
.responsive {
  max-width: 100%;
  height: auto;
}
