.top-breadcrumb {
     border-top: 1px #bec5c9 solid;
     border-bottom: 1px #bec5c9 solid;
     vertical-align: middle;
     position: relative;
     margin: 10px auto;
 }

 ol.breadcrumb {
     margin: auto;
     background: transparent;
     vertical-align: middle;
 }

 ol.breadcrumb li.breadcrumb-item a {
     color: #6c757d;
     vertical-align: middle;
     display: block;
     font-size: 15px;
 }

 ol.breadcrumb li.breadcrumb-item.active {
     color: #237abd;
 }

 .breadcrumb-item+.breadcrumb-item::before {
     content: '\f054';
     font-family: Font Awesome\ 5 Free;
     font-weight: 900;
     vertical-align: middle;
     line-height: 20px;
 }

 .mid-content {
     padding: 20px 0;
 }

 .promo-card .col-lg-4.col-md-6 {
     padding-right: 10px;
     padding-left: 10px;
 }

 .promo-card {
     text-align: left;
     margin: 15px auto;
     background: #fff;
     box-shadow: 0 1px 8px 0px rgb(0 0 0 / 13%);
     border-radius: 10px;
     -moz-transition: 0.25s ease-in-out;
     -ms-transition: 0.25s ease-in-out;
     -o-transition: 0.25s ease-in-out;
     -webkit-transition: 0.25s ease-in-out;
     transition: 0.25s ease-in-out;
     height: 315px;
     overflow: hidden;
     position: relative;
 }

 .promo-card:hover {
     -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     -o-transform: translateY(-5px);
     transform: translateY(-5px);
 }

 .promo-img img {
     border-radius: 6px 6px 0px 0px;
     width: 100%;
     /* height: 140px; */
     object-fit: fill;
     -o-object-fit: fill;
     text-align: center;
     margin: auto;
 }

 .clubelite-img img {
     width: auto !important;
     height: 140px;
 }

 .promo-desc {
     padding: 20px 20px;
 }

 .promo-desc h4 {
     color: #333333;
     font-size: 1.2rem;
     font-weight: 400;
     font-family: 'Conv_FoundersGrotesk-Medium';
     margin: auto;
 }

 .promo-desc h5 {
     font-size: 15px;
     line-height: 22px;
     color: #4d4e4e;
     margin: 10px auto;
     font-family: 'Conv_FoundersGrotesk-Regular';
 }

 .promo-desc h5 span {
     display: block;
 }

 .promo-img {
     text-align: center;
 }

 #promotion_counter {
     position: relative;
     border: 1px #bec5c9 solid;
     border-radius: 10px;
     display: inline-block;
     float: right;
     margin: 10px 0;
 }

 span.promotion_ends_in {
     position: absolute;
     top: -10px;
     left: 20px;
     background: #fff;
     color: #333333;
     font-size: 16px;
     display: inline-block;
 }

 .countdown-container {
     display: inline-block;
     text-align: center;
     padding: 5px 18px;
     line-height: normal;
     position: relative;
 }

 .countdown {
     display: block;
     padding: 20px 20px 10px;
     position: relative;
 }

 span.countdown-value {
     display: block;
     font-family: 'Conv_FoundersGrotesk-Medium';
     font-size: 30px;
     line-height: 30px;
 }

 span.countdown-heading {
     display: block;
     color: #6c757d;
     font-weight: 400;
     font-family: 'Conv_FoundersGrotesk-Light';
     text-transform: capitalize;
     line-height: 9px;
     font-size: 13px;
     text-align: center;
 }

 .countdown-container:after {
     content: ':';
     position: absolute;
     top: 7px;
     right: 0;
     font-size: 30px;
     text-align: center;
     line-height: 30px;
 }

 .countdown .countdown-container:last-child:after {
     content: none;
 }

 .promo-slider {
     position: relative;
     padding: 0px 0px;
 }

 .search_highlighted {
     background-color: #ffff00 !important;
 }

 .carousel-box {
     width: 100%;
     height: 370px;
 }

 .carousel-box img {
     width: 100%;
     height: 100%;
     -o-object-fit: fill;
     object-fit: fill;
     border-radius: 10px;
 }

 .promo-slider .prev {
     left: 0px;
 }

 .promo-slider .next {
     right: 0px;
 }

 .promo-slider .owl-prev,
 .promo-slider .owl-next {
     text-indent: -99999px;
     visibility: hidden;
 }

 .promo-slider .owl-prev:before,
 .promo-slider .owl-next:before {
     content: '';
     font-family: Font Awesome\ 5 Free;
     font-weight: 900;
     position: absolute;
     top: 50%;
     text-indent: 0px;
     visibility: visible;
     margin-top: -30px;
     background: rgb(212 209 209 / 0.61);
     width: 40px;
     height: 50px;
     color: #252323;
 }

 .promo-slider .owl-prev:before {
     content: '\f053';
     left: 0px;
 }

 .promo-slider .owl-next:before {
     content: '\f054';
     right: 0px;
 }

 .promo-content {
     padding: 20px 0;
     text-align: center;
 }

 .tabs-layout {
     text-align: left;
     margin: 20px auto;
     position: relative;
 }

 .tabs-layout .list-group-item {
     background: #e2e3e5;
     margin: 1px auto;
     border-radius: 0px;
     padding: 7px 10px;
     color: #6c757d;
     font-size: 17px;
     font-weight: 400;
     font-family: 'Conv_FoundersGrotesk-Regular';
     vertical-align: middle;
 }

 .tabs-layout .list-group-item:first-child,
 .tabs-layout .list-group-item:last-child {
     border-radius: 0px;
 }

 .tabs-layout .list-group-item-action:focus,
 .tabs-layout .list-group-item-action:hover {
     color: #495057;
     text-decoration: none;
     background-color: #f8f9fa;
 }

 .tabs-layout .list-group-item.active {
     background: #13b89d;
     color: #fff;
 }

 .tabs-layout .list-group-item.active:after {
     content: '\f054';
     font-family: Font Awesome\ 5 Free;
     font-weight: 900;
     vertical-align: middle;
     font-size: 15px;
     position: absolute;
     top: 8px;
     right: 10px;
 }

 form.promo-search {
     position: relative;
     float: right;
 }

 form.promo-search .form-control {
     border: 0px #13b89d solid;
     background: transparent;
     color: #424242;
     vertical-align: middle;
     padding: .37rem .50rem;
 }

 .promo-search .input-group {
     background: #fff;
     color: #424242;
     padding: 0px 0;
     border: 2px #dbdbdb solid;
     border-radius: 5px;
     min-height: 43px;
 }

 .promo-search .input-group-text {
     background: transparent;
     border: 0px;
     color: #424242;
     vertical-align: middle;
 }


 .tab-content.promo-content {
     background: #f0f0f0;
     border-radius: 10px;
     padding: 20px 20px;
     position: relative;
     margin: 20px auto;
     text-align: left;
 }

 .promotab-body h3 {
     color: #333333;
     font-size: 1.60rem;
     font-weight: 400;
     font-family: 'Conv_FoundersGrotesk-Medium';
 }

 .promotab-body h4 {
     color: #333333;
     font-size: 1.3rem;
     font-weight: 400;
     font-family: 'Conv_FoundersGrotesk-Medium';
 }

 .promotab-body ul,
 .promotab-body ol {
     padding-left: 15px;
     font-size: 16px;
     line-height: 22px;
     color: #4d4e4e;
     margin: 10px auto;
     font-family: 'Conv_FoundersGrotesk-Light';
     font-weight: 400;
 }

 .promotab-body li {
     padding: 3px 0;
     font-size: 16px;
     color: #4d4e4e;
 }


 .promotab-body .table thead tr th {
     background: #c9cece;
     color: #333333;
     font-weight: 500;
     padding: 12px 10px;
     font-size: 17px;
     text-align: center;
     vertical-align: middle;
     font-family: 'Conv_FoundersGrotesk-Medium';
     border: 1px solid #dee2e6;
 }

 .promotab-body .table tbody tr td {
     padding: 10px 10px;
     font-size: 16px;
     color: #4d4e4e;
     background: #fff;
     /*text-align: center;*/
     font-family: 'Conv_FoundersGrotesk-Regular';
     border: 1px solid #dee2e6;
 }


 .table {
     width: 99%;
     max-width: 100%;
     margin-bottom: 1rem;
     background-color: transparent;
 }

 .table thead .blue_row th {
     border: 0px solid #dbd9d9;
     /*padding-left:25px;*/
     font-size: 13px !important;
     vertical-align: middle;
     font-family: 'Conv_FoundersGrotesk-Medium';
     border-right: 1px solid #dbd9d9;
 }

 .table .white_row {
     background-color: #fff;
     border: 1px solid #dbd9d9;
     border-radius: 10px;
 }

 .table .white_row td {
     border-right: 1px solid #dbd9d9;
     font-size: 14px !important;
     color: #4d4e4e;
     /*padding-left:25px;*/

 }

 .criteria-group-list {
     background: #fff;
     border-radius: 5px;
     padding: 10px 20px;
     margin: 10px auto;
 }

 .carousel-item.videoWrapper {
     position: relative;
     padding-bottom: 56.25%;
     /* 16:9 */
     padding-top: 5px;
     height: 0;
 }

 .carousel-item.videoWrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 h3.promotionName {
     color: #333333;
     font-weight: normal;
     font-size: 1.2rem;
     margin: 10px auto;
     text-align: left;
     font-family: 'Conv_FoundersGrotesk-Semibold';
     display: inline-block;
 }


 .promo-wrap {
     padding: 20px 0;
     position: relative;
 }

 .promo-wrap .dropdown-submenu {
     position: relative;
 }

 .promo-wrap .dropdown-submenu>.dropdown-menu {
     top: 0;
     left: 100%;
     -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px;
     border-radius: 0 6px 6px 6px;
     padding: 0;
 }

 .promo-wrap .dropdown-submenu:hover>.dropdown-menu {
     display: block;
 }

 .promo-wrap .dropdown-submenu>a:after {
     content: "\f105";
     display: block;
     font-family: Font Awesome\ 5 Free;
     font-weight: 900;
     vertical-align: middle;
     line-height: 20px;
     position: absolute;
     right: 10px;
     top: 9px;
     border: 0px;
     width: auto;
     height: auto;
     font-size: 17px;
 }

 .promo-wrap .dropdown-toggle:after {
     content: '\f0d7';
     margin: auto;
     vertical-align: middle;
     position: absolute;
     right: 10px;
     top: 9px;
     border: 0px;
     display: block;
     font-family: Font Awesome\ 5 Free;
     font-weight: 900;
     line-height: 20px;
     width: auto;
     height: auto;
     font-size: 20px;
 }

 .btn-outline-dark {
     width: 250px;
     text-align: left;
     max-width: 100%;
     vertical-align: middle;
     line-height: normal;
     position: relative;
     border: 2px #dbdbdb solid;
     padding: 12px 10px 8px;
     min-height: 43px;
 }


 .btn-outline-dark:hover,
 .btn-outline-dark:not(:disabled):not(.disabled).active,
 .btn-outline-dark:not(:disabled):not(.disabled):active,
 .show>.btn-outline-dark.dropdown-toggle {
     color: #fff;
     background-color: #13b89d;
     border-color: #13b89d;
 }

 .multi-level ul {
     list-style: none;
     border: 0;
     margin: auto;
 }

 .multi-level li.nav-item {
     width: 100%;
     margin: auto;
 }

 .multi-level li a {
     display: block;
     padding: 10px 10px;
     color: #424242;
     line-height: normal;
     border: 0px !important;
     border-radius: 0px !important;
 }

 .multi-level li a:hover {
     background: #13b89d;
     color: #fff;
     text-decoration: none;
 }

 .dropdown-menu {
     border: 1px #a4a4a4 solid;
     margin: auto;
     width: 300px;
     padding: 0;
 }

 .promofeed-img {
     float: left;
     width: 40%;
     padding: 1%;
     margin-right: 10px;
 }

 .promofeed-desc h3 {
     color: #333333;
     font-weight: normal;
     font-family: 'Conv_FoundersGrotesk-Semibold';
     font-size: 1.3rem;
 }

 .promotab-body table td,
 .promotab-body table th {
     padding: 2px 12px;
     border: 1px solid #b6b6b6 !important;
 }

 .resources-list ul {
     list-style: none;
     margin: auto;
     padding: 0;
 }

 .resources-list ul li {
     display: inline-block;
     background: #c9cece;
     padding: 10px 20px 7px;
     border-radius: 50px;
     line-height: 22px;
     margin: 10px 5px;
     border: 1px #bec5c9 solid;
     font-weight: 600;
     font-size: 16px;
     color: #333333;
 }

 .resources-list ul li:hover {
     background-color: #13b89d;
     display: inline-block;
     color: #ffffff !important;
     font-weight: bold;
     padding: 10px 20px 7px;
     border-radius: 50px;
     line-height: 22px;
     margin: 10px 5px;
     border: 1px #bec5c9 solid;
     font-size: 16px;
     cursor: pointer;
 }

 mark {
     background-color: yellow;
     color: black;
 }

 .promowidgets-img img {
     border-radius: 6px 6px 0px 0px;
     /*width: 100%; */
     /* height: 140px; */
     object-fit: fill;
     -o-object-fit: fill;
     text-align: center;
     margin: auto;
 }

 .promowidgets-img {
     text-align: center;
 }

 h1.heading.promotionName {
     color: #333333;
     font-weight: normal;
     font-size: 2.0rem;
     margin: 3px auto 0;
     font-family: 'Conv_FoundersGrotesk-Semibold';
     line-height: normal;
     vertical-align: middle;
     display: inline-block;
     text-align: left;
 }

 figure.table table {
     width: 100%;
 }

 .ellipsis {
     position: absolute;
     width: 100%;
     bottom: 0px;
     height: 150px;
     left: 0;
     z-index: 2;
     background: linear-gradient(to bottom, rgb(255 255 255 / 17%), rgb(255 255 255 / 81%));
 }

 .card-button {
     position: absolute;
     bottom: 20px;
     z-index: 99;
 }

 .promotion-card .col-lg-4.col-md-6 {
     padding-right: 10px;
     padding-left: 10px;
 }

 .promotion-card {
     text-align: left;
     margin: 15px auto;
     background: #fff;
     box-shadow: 0 1px 8px 0px rgb(0 0 0 / 13%);
     border-radius: 10px;
     -moz-transition: 0.25s ease-in-out;
     -ms-transition: 0.25s ease-in-out;
     -o-transition: 0.25s ease-in-out;
     -webkit-transition: 0.25s ease-in-out;
     transition: 0.25s ease-in-out;
     height: 200px;
     overflow: hidden;
     position: relative;
 }

 .promotion-card:hover {
     -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     -o-transform: translateY(-5px);
     transform: translateY(-5px);
 }


 .newsfeed-desc .table {
     border: 0px #000 solid !important;
 }

 .newsfeed-desc .table td,
 .newsfeed-desc .table th {
     border: 0.5px #000 solid !important;
 }

 .modal-content {
     border: 0;
 }

 figure.table table {
     border: 0 !important;
 }

 /****/

 @media screen and (max-width:767px) {
     #promotion_counter {
         width: 100%;
         float: none;
         margin: 10px auto;
     }
 }



 /* Leaderboard Group Details Checkbox Filters */
 .filter {
     margin: 10px 10px 10px 10px !important;
 }

 .filter-container {
     position: relative;
     display: inline-block;
 }

 .filter-icon {
     font-size: 12px;
     cursor: pointer;
     padding: 10px;
     border: 1px solid #ccc;
     border-radius: 5px;
     background: #f1f1f1;
 }

 .filter-menu {
     display: none;
     position: absolute;
     top: 40px;
     left: 0;
     background: white;
     border: 1px solid #ddd;
     padding: 10px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     border-radius: 5px;
     min-width: 200px;
     z-index: 999;
 }

 .filter-menu label {
     display: block;
     margin: 5px 0;
     cursor: pointer;
 }

 .content-box {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
 }

 .item {
     padding: 15px;
     border: 1px solid #ddd;
     border-radius: 5px;
     display: none;
 }

 .my-carousel-item {
     padding: 15px;
     border: 1px solid #ddd;
     border-radius: 5px;
     display: block;
     max-width: 100%;
 }

 table.user-details-table {
     margin: 10px auto;
     background: #fff;
     width: 100%;
     position: relative;
 }

 table.user-details-table thead tr th {
     background: #028fb0;
     border-radius: 0px;
     text-align: left;
     color: #fff;
     font-weight: 500;
     vertical-align: middle;
     font-size: 16px;
     line-height: normal;
     font-family: 'Conv_FoundersGrotesk-Semibold';
     padding: 15px 10px;
 }

 table.user-details-table tbody td {
     border: 1px #000 solid;
     vertical-align: middle;
     font-size: 14px;
     text-align: left;
     padding: 7px 10px;
 }

 .earned-badges-table {
     display: inline-block;
     position: relative;
 }

 .earned-badges-table img {
     width: 40px;
     height: auto;
     object-fit: contain;
     margin-right: 3px;
 }