:root {
  --button_color: #333333;
  --button_disable_color: #5d5a5a;
  --category_color: #40a2f1;
}
body {
  background: #080808;
  color: #ffffff;
  padding-top: 30px;
}
a{
  color: var(--button_color);
}

.container-fluid{
  max-width: 1920px;
}

.content-bg{
  background: #333333;
}

.logo-search { 
  text-align: center;
  border-radius: 25px;
  padding: 30px 10px;
}

.logo-search .logo img{
  padding-bottom: 30px;
}

.search_box #search-addon{
  position: absolute;
  background: transparent;
  right: 10px;
  top: 3px;
  padding: 6px;
  background: #FF3E54;
  border-radius: 25px;
}

input#searchbox {
  border: 1px solid #ffffff;
  background: #ffffff;
}

.search_box #search-addon .fa-search{
  color: #ffffff;
  font-size: 17px;
}

#searchbox::placeholder {
  text-align: left;
  color: #7C7C7C;
  font-size: 17px;
}

.form-inline .custom-select, .form-inline .input-group {
  width: 100%;
}

.left-menu {
  margin-top: 30px;
  border-radius: 25px;
  padding: 20px 0;
  margin-bottom: 30px;
}

.left-menu ul{
  padding-left: 10px;
  list-style: none;
}
.left-menu ul li {
  padding-bottom: 6px;
}

.left-menu ul li a{  
  color: #ffffff;
}

.para-title {
  font-size: 30px;
  font-weight: 700;
  padding-top: 30px;
  padding-bottom: 20px;
}

.para-title.all_apps {
  padding-top: 0px;
}
.bottom-section{
  height: 100px;
}

.homeSection {
  padding-bottom: 20px;
}
.home_more_btn a{
  text-align: right;
  color: #ffffff;
  padding: 0;
  padding-right: 10px;
  margin-top: -10px;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding-left: 0px;
}

.grid-container-cate-more{
  grid-template-rows: repeat(1, 1fr);
}
.grid-container-categories{
  gap: 15px;
}

.grid-container .custom_gride {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
}

.grid-container .categories_gride {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
}
.categories_gride .categories_app{
  background: #333333;
  padding: 25px 32px;
  border-radius: 15px;
  margin-bottom: 5px;
  text-align: center;
}
.categories_gride .categories_app .newAppName{
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
}
.categories_gride .categories_app .score{
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
}

.categories_gride .categories_app .img {
  border-radius: 15px;
  width: 100%;
  text-align: center;
}

.grid-container a {
  display: block;
  width: 100%;
}

.grid-container .custom_gride .img {
  border-radius: 15px;
  width: 100%;
}

.grid-container .gride4 {
  grid-column: span 2;
  grid-row: span 2;
}

.grid-container .gride5 {
  grid-column: span 2;
  grid-row: span 3;
}

/* Category page*/
.category-page .img-box{
  padding: 10px;
}

.category-page .img-box img{
  border-radius: 15px;
}

.category-page  .divider{
  height: 100px;
}
.category-page .searchTitle{
  font-size: 30px;
  font-weight: 700;
  padding-top: 15px;
}

.categories .cate-item-box {
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 15px;
  display: flex;
  background: #333333;
  padding-top: 27px;
  padding-bottom: 27px;
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
}
.categories a:hover{
  text-decoration:none;
}
.category_list{
  margin-bottom: 50px;
}

.categories h3{
  font-size: 30px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 30px;
}

/* End Category page*/
.details_page th, .details_page td{
  color: #ffffff;
}

th,  td{
  color: #ffffff;
}
.widget_title{
  background-color: #333333;
}
.widget_title span a {
  color: #ffffff;
}
.appshot_item .app_title {
  color: #ffffff;
}
.app_category_name {
  color: #ffffff;
}
h6.app_title a, h6.app_title span a{
  color: #ffffff;
}

.search_single_item, .search_single_item .app_link{
  color: #ffffff;
}

.btnDownload i, .playStoreBtn i{
  width: 20px;
}

.playStoreBtn {
  background: var(--button_color);
  border-color: var(--button_color);
  font-size: 14px;
  color: #fff;
  padding: 20px 15px;
  border: 1px solid var(--button_color);
  border-radius: 5px;
  display: block;
}

.playStoreBtn:hover {
  color: #fff;
  text-decoration: none;
}



.downloadBtn {
  display: block;
  color:var(--button_color);
  padding: 16px 5px;
  text-decoration: none;
  border-radius: 6px;
  margin-bottom: 10px;
  padding-left: 15%;
}

.downloadBtn:hover {
  text-decoration: none;
  color: var(--button_color);
}

.downloadBtn.direct {
  background: var(--button_color);
  display: block;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  padding-left: 15%;
}

.downloadBtn.mac {
  background: var(--button_color);
  color: #fff;
}

.downloadBtn.playStore {
  background: var(--button_color);
  color: #fff;
}


.downloadBtn.blackHref, .blackHref, .blackHref:hover , .downloadBtn.blackHref:hover {
  background: #000000;
  border: 1px solid #565656;
  color: #4B4949 !important;
  opacity: 0.7;
}

.sectionTitle {
  font-size: 30px;
  color: #ffffff;
  font-weight: bold;
  padding-bottom: 20px;
}
.apps_page{
  padding: 0px 20px;
}
.bx-wrapper{
  background: none;
  border: none;
}
.newReleaseAppSlider .newAppName, #newReleaseSection .scoreVersion {
  color: #ffffff;
}


.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

.breadcrumb {
  background-color: #333333;
  margin-top: 10px;
}

.breadcrumb li a, .breadcrumb li.active a, .breadcrumb > .active {
  color: #ffffff;
  font-size: 14px;
}

.searchItemBox .appTitle
{
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

.searchItemBox .app_des
{
  color: #f5f5f5;
  font-size: 14px;
}
.searchItemBox img
{
  border-radius: 5px;
}
.ratingTitle, .downloadTopPart span{
  color: #333333;
}














.footer .navbar-dark .navbar-nav .nav-link,
.footer .navbar-dark .navbar-nav .nav-link:hover {
  background: transparent;
  color: #ffffff;
}

 .footer .privacy_menu  a{
  font-size: 20px;
}


.footer{
  background: #080808;
  border-top: 1px solid #FFFFFF;
  padding-bottom: 20px;
}
.footer .top_menu{
  background: none;
}
.footer .navbar-nav .nav-link{
  background: none;
  font-weight: 600; 
}

.footer .copyRight{
  padding-top: 42px;
  font-size: 12px;
}

.footer .privacy_policy{
  padding-top: 10px;
  text-align: center;
}

.footer .privacy_policy a.nav-link{
  padding: .5rem 5px;
}

.app-box {
  width: 48%;
  margin: 1%;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgb(51,51,51 / 10%);
  background: #333333;
  height: 100%;
  position: relative;
  text-decoration: none;
  vertical-align: top;
  padding: 25px 10px;
}

.rating-item {
  color: #ffffff;
  font-weight: 400;
  height: 18px;
  margin-bottom: 6px;
  position: relative;
  width: 100%;
}
.rating-line {
  box-sizing: border-box;
  vertical-align: top;
  margin-left: 15px;
}

.rating-num {
  font-size: 11px;
  left: -15px;
  letter-spacing: 1px;
  position: absolute;
  line-height: 18px;
  text-align: left;
}

.rating-percent {
  transition: width 0.25s ease;
  display: inline-block;
  height: 100%;
  opacity: 0.8;
  float: left;
  min-width: 0.5%;
}

.rating-percent.rating-5 {
  background: #57bb8a;
}

.rating-percent.rating-4 {
  background: #9ace6a;
}
.rating-percent.rating-3 {
  background: #ffcf02;
}

.rating-percent.rating-2 {
  background: #ff9f02;
}
.rating-percent.rating-1 {
  background: #ff6f31;
}
.search_single_item .app_name {
  color: var(--category_color);
}

.cateLink, .cateLink:hover {
  color: var(--category_color);
}


@media screen and (min-device-width: 1000px) and (max-device-width: 1160px) { 
  .right_part_ads {
    width: 295px;
  }
}

@media (max-width: 1400px) {
  .categories .cate-item-box {    
    padding: 8px;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 20px;
  }

  .left-menu ul li a.nav-link{
    padding: .5rem 10px;
  }
}

@media (max-width: 1300px) {
  .grid-container {
    grid-template-columns: repeat(4, 1fr);
  }
}