.outerWrapper { text-align: left; position: relative; margin: 60px auto 60px auto; width: 960px; }
.item { border-radius: 5px; }
.item.new1 .content-wrap { width: 100%; }
.item div { border-radius: 5px; }
.left-nav-btn, .right-nav-btn { position: absolute; width: 37px; height: 37px; top: 80px; cursor: pointer; opacity: 0.8; background: transparent url("../img/arrows.png") top left no-repeat; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.left-nav-btn { left: -80px; }
.right-nav-btn { right: -80px; background-position: top right; }
.left-nav-btn:hover, .right-nav-btn:hover { opacity: 1; }
/* Vertical Mode */

.vert.outerWrapper { margin: 20px auto 20px auto; width: 100%; height: 396px; overflow: hidden; }
.vert .item { float: left; margin-bottom: 25px; width: 100%; }
.vert .left-nav-btn, .vert .right-nav-btn { position: absolute; width: 37px; height: 37px; cursor: pointer; left: 82px; background: transparent url("../img/arrows.png") top left no-repeat; }
.vert .left-nav-btn { top: -60px; }
.vert .right-nav-btn { top: auto; bottom: -60px; background-position: bottom left; }
.leftWrapper { width: 48%; float: left; }
.rightWrapper { width: 48%; float: right; }
.leftWrapper h2, .rightWrapper h2 { width: 100%; text-align: center; }
.outerWrapper2 .item { margin-right: 50px; width: 110px; padding: 20px; }
/* Pager */

.pager { line-height: 100px; text-align: center; }
.pager > span { cursor: pointer; border-radius: 8px; display: inline-block; width: 16px; height: 16px; background: #dddddd; border: 1px solid #b3b3b3; margin: 0 4px; overflow: none; }
.pager > span.active { background: #b3b3b3; }
.pager > span > span { display: none; }
/* Counter (See Example 7) */

#counter { margin-top: -30px; font-weight: bold; font-size: 18px; text-align: center; padding-bottom: 20px; }
share-button.sb-button.sb-default button { background: #373737eb; color: #fff; border-radius: 25px; height: 30px; min-width: 30px; line-height: 30px; }
p.news-detail.grey-text { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; height: 125px; }
h5.news-header-title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; }
.new-nav-tabs > .nav-tabs { width: 100%; }
.new-nav-tabs > .nav-tabs > .nav-item { border: none; flex: auto; }
.new-nav-tabs > .nav-tabs > .nav-item > .nav-link { color: #a0a0a0; font-size: 16px; text-transform: capitalize; font-weight: 500; transition: all 300ms ease-in; width: 100%; border: none !important; padding: 9px 0; margin: 0; position: relative; text-align: center; }
.new-nav-tabs > .nav-tabs > .nav-item > .nav-link.active { transition: all 300ms ease-in; border: none; color: #373737; background-color: transparent !important; }
.new-nav-tabs > .nav-tabs > .nav-item > .nav-link::after { content: ""; width: 0; height: 3px; bottom: -1px; left: 0; background-color: #373737; display: block; position: absolute; z-index: 999; }
.new-nav-tabs > .nav-tabs > .nav-item > .nav-link.active::after { width: 100%; }
/* .modal-dialog .modal-content { border-radius: 10px !important; }
.modal .modal-dialog .modal-content { padding: 0 25px; }
.modal .modal-dialog .modal-content .modal-header { padding: 0; }
.modal .modal-dialog .modal-content .modal-header .btn-close { position: absolute; right: 25px; top: 27px; }
.modal .modal-dialog .modal-content .modal-body h4 { color: #373737; font-weight: 600; font-size:26px; margin-bottom: 0; text-align: center; }
.modal .modal-dialog .modal-content .modal-body p { color: #404040; font-weight: 400; font-size: 18px; background-color: rgba(56, 172, 0, 0.0901960784); padding: 10px 12px; margin-top:20px; }
.modal .modal-dialog .modal-content .modal-body p i { color: #38ac00; }
.modal .modal-dialog .modal-content .modal-body span { color: #000; font-weight: 700; font-size: 16px; display: inline-block; margin: 10px 0 15px; }
.modal .modal-dialog .modal-content .modal-body .country-list { display: flex; }
.modal .modal-dialog .modal-content .modal-body .country-list ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } */
/*.modal .modal-dialog .modal-content .modal-body .country-list ul:first-child { flex-basis: 25%; }*/

.modal .modal-dialog .modal-content .modal-body .country-list ul li {
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    float: left;
    width: 20%;
}

@media screen and (max-width: 500px) {
.modal .modal-dialog .modal-content .modal-body .country-list ul:first-child { flex-basis: 50%; }
}
/*.modal .modal-dialog .modal-content .modal-body .country-list ul li { color: #404040; font-size: 16px; font-weight: 400; margin-bottom: 20px; }*/
.explore_collection .slick-next, .explore_collection .slick-prev { top: 32% !important; }
.seller-slider .slick-arrow { border: none; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; color: #000; }
.seller-slider .slick-next { right: -65px !important; }
.seller-slider .slick-prev { left: -65px !important; }
.seller-slider .slick-next::before { content: "\f105" !important; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #000; background-image: none !important; }
.seller-slider .slick-prev::before { content: "\f104" !important; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #000; background-image: none !important; }



/* GAME PRODUCT PAGE CSS */
.slider-wrapper .slick-prev {
    left: -9px;
    top: 40%;
}
.slider-wrapper .slick-next {
    right: -7px !important;
    top: 40%;
}
.slider-wrapper .slick-prev.slick-arrow::before {
    background: url("../img/arrow1.jpg");
    background-repeat: no-repeat;
    background-position: 9px 9px;
    background-size: 14px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}
.slider-wrapper .slick-next.slick-arrow::before {
    background: url("../img/arrow2.jpg");
    background-repeat: no-repeat;
    background-position: 9px 9px;
    background-size: 14px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

.modal-body.countrylist{ padding:1rem 0;}
.modal-body.countrylist .country-list ul{}


.searchSearchingbox{
    background: #fff;
    position: absolute;
    margin-top: 67px;
    margin-left: 22px;
    padding: 10px 10px;
    width: 250px;
    border: 1px solid #ddd;
}