/* @import url(https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css); */
.akfullwidth{
  max-width: 100% !important;
}
.akfullwidth .space-page-content-wrap{
margin: 0 !important;
}
.players-list{
  float: left;
  width: 100%;
}
.players-list .akcard{
  width: 25%;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
}
/* .players-list.players-list-3 .akcard{
  width: 33%;
} */
.players-list .akcard .cin{
  border-radius:20px;
  background-color: #fff;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
  margin: 0 15px 30px 15px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 15px;
}
.players-list .akcard .cin:hover{
  box-shadow: 0 0 35px 0 rgba(0,0,0,.4);
  cursor: pointer;
}
.players-list .akcard .name{
  font-weight: 700;
  font-size: 1.333em;
  line-height: 1.25em;
  color: #151515;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 14px;
}
.players-list .akcard .name a{
  color: #151515;
  text-decoration: none;
}
.players-list .akcard .name img{
  height: 24px;
  width: auto;
  vertical-align: top;
}
.players-list .akcard .cin .icos{
  text-align: center;
}
.players-list .akcard .cin .img{
  text-align: center;
}
.players-list .akcard .cin .img img{
  -webkit-filter:drop-shadow(8px 6px 7px rgba(136, 136, 136));
  filter: drop-shadow(8px 6px 7px rgba(136, 136, 136));
  max-height: 232px;
  width: auto !important;
}
#teammates .players-list .akcard .cin .img img{
  max-height: 152px;
}
.players-list .akcard .cin .icos img{
  height: 26px;
  width:auto;
}
.players-list .akcard .cin .icos > div{
  display: inline-block;
}
.players-list .akcard .cin .info {

}
.players-list .akcard .cin .info .sub {
  text-align: right;
}
.players-list .akcard .cin .info .sub span{
  float: left;
  color: #000000;
  font-family: "Readex Pro", Sans-serif;
  font-size: 17px;
  font-weight: 400;
}
.players-list .akcard .cin .info .sub svg{
  vertical-align: middle;
}
.players-list .akcard .cin .img.cross{
  
  background: #7f8c8d;
  border-radius: 8px;
}
.players-list .akcard .cin .img.cross a:before{
  content: '';
  display: inline-block;
  margin-top: 120px;
}
.players-list .akcard .cin .img.cross a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
    text-align: center;
}
.players-list .akcard .cin .view{
  text-align: center;
  padding: 10px 0;
}
.players-list .akcard .cin .view a,.akbutton{
  background-color: #f9ca24;
  display: inline-block;
  padding: 13px 40px;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.25em;
  color: #fff !important;
  border-radius: 23px;
  box-shadow: 0 0 15px 0 rgba(255, 255, 255, .15);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-decoration: none !important;
}
.players-list .akcard .cin .view a:hover,.akbutton:hover{
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
}
.players-filter{
  padding: 20px 0 20px 15px;
}
.players-filter select{
  background-color: #ffffff;
  border-color: #1717170D;
  border-width: 2px 2px 2px 2px;
  border-radius: 20px 20px 20px 20px;
}
.ak_top_products h2{
  text-align:center;
}
.ak_top_products .players-list .akinner{
  display:flex;
  padding-top:25px;
  width: 1170px;
}
.ak_top_products .players-list .akcard{
  width:234px;
  display:flex;
  float:none;
  height:auto;
  padding: 0 15px;
  box-sizing: border-box;
}
.ak_top_products .players-list .akcard .cin{
  padding: 0 15px 41px 15px;
  display:flex;
  flex-direction:column;
  position:relative;
  margin: 0 0 30px 0;
}
.ak_top_products .players-list .akcard .num{
  clear: both;
  display: block;
  font-weight: 600;
  font-size: 1.2em;
  margin: 0 auto;
  width: 28px;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
  padding: 5px 5px;
  box-sizing: content-box;
  border-radius: 130px;
  text-align: center;
  position: relative;
  top: -18px;
  background: #fff;
}
.ak_top_products .players-list .akcard .name{
  font-weight:400;
  font-size:1.05em;
  line-height:1.5em;
  padding-top: 0;
  min-height: 57px;
}
.ak_top_products .players-list .akcard .img {
  margin-top: initial !important;
  margin-bottom: auto !important;
}
.ak_top_products .players-list .akcard .cin .view{
  position: relative;
  bottom: 0;
  left: 0;
  padding-top: 0;
  cursor: default;
  /* min-height: 116px; */
}
.ak_top_products .players-list .akcard .cin .view a{
  margin-top: 10px;
  width: 100%;
  padding:10px 8px;
  font-size: 0.9em;
  border-radius: 10px;
  box-sizing: border-box;
}
.ak_top_products .players-list .akcard .cin .view a:before, .ak_product_review .prd_box_cont .prd_img .lnks a.aff:before, .ak-player-page .mcont .prd_mini span.aff:before{
  line-height: 22px;
  display: inline-block;
  width: 22px;
  height: 22px;
  content: "";
  color: #fff;
  background-color: #fff;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 15px 20px;
  mask-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.0290906 10.864C0.0775697 10.7893 0.155142 10.7847 0.261818 10.85C2.68605 12.2033 5.32364 12.88 8.17455 12.88C10.0751 12.88 11.9515 12.5393 13.8036 11.858C13.8521 11.8393 13.9224 11.8113 14.0145 11.774C14.1067 11.7367 14.1721 11.7087 14.2109 11.69C14.3564 11.634 14.4703 11.662 14.5527 11.774C14.6351 11.886 14.6085 11.9887 14.4727 12.082C14.2982 12.2033 14.0751 12.3433 13.8036 12.502C12.9697 12.978 12.0388 13.3467 11.0109 13.608C9.98303 13.8693 8.97939 14 8 14C6.48727 14 5.05696 13.7457 3.70909 13.237C2.36121 12.7283 1.15394 12.012 0.0872717 11.088C0.0290905 11.0413 0 10.9947 0 10.948C0 10.92 0.00968655 10.892 0.0290906 10.864ZM4.40727 6.874C4.40727 6.23 4.57212 5.67934 4.90182 5.222C5.23151 4.76466 5.68242 4.41934 6.25455 4.186C6.77818 3.97134 7.42303 3.81734 8.18909 3.724C8.45091 3.696 8.87757 3.65866 9.46909 3.612V3.374C9.46909 2.77666 9.40121 2.37534 9.26545 2.17C9.06182 1.89 8.74182 1.75 8.30545 1.75H8.18909C7.86909 1.778 7.59273 1.876 7.36 2.044C7.12727 2.212 6.97696 2.44534 6.90909 2.744C6.8703 2.93066 6.77333 3.038 6.61818 3.066L4.94546 2.87C4.7806 2.83266 4.69818 2.74866 4.69818 2.618C4.69818 2.59 4.70303 2.55734 4.71273 2.52C4.87757 1.68933 5.28242 1.07334 5.92727 0.671997C6.57212 0.270661 7.32605 0.0466611 8.18909 0H8.55273C9.65818 0 10.5212 0.275338 11.1418 0.825999C11.2392 0.919758 11.3291 1.02037 11.4109 1.127C11.4933 1.23434 11.5588 1.33 11.6073 1.414C11.6558 1.498 11.6994 1.61934 11.7382 1.778C11.777 1.93666 11.8061 2.04634 11.8255 2.107C11.8448 2.16766 11.8594 2.29834 11.8691 2.499C11.8788 2.69967 11.8836 2.81867 11.8836 2.856V6.244C11.8836 6.48666 11.92 6.70834 11.9927 6.909C12.0655 7.10966 12.1358 7.25433 12.2036 7.343C12.2715 7.43166 12.383 7.574 12.5382 7.77C12.5964 7.854 12.6255 7.92866 12.6255 7.994C12.6255 8.06866 12.5867 8.134 12.5091 8.19C11.7042 8.862 11.2679 9.226 11.2 9.282C11.0836 9.366 10.943 9.37533 10.7782 9.31C10.6424 9.198 10.5236 9.09066 10.4218 8.988C10.32 8.88534 10.2473 8.81066 10.2036 8.764C10.16 8.71734 10.0897 8.62634 9.99273 8.491C9.89575 8.35566 9.82786 8.26466 9.78909 8.218C9.24605 8.78733 8.71272 9.142 8.18909 9.28199C7.85939 9.37533 7.45211 9.422 6.96727 9.422C6.22059 9.422 5.60727 9.20033 5.12727 8.757C4.64727 8.31366 4.40727 7.686 4.40727 6.874ZM6.90909 6.594C6.90909 6.958 7.00364 7.24966 7.19273 7.469C7.38182 7.68834 7.63637 7.798 7.95636 7.798C7.98546 7.798 8.02666 7.79334 8.08 7.784C8.13332 7.77466 8.16969 7.77 8.18909 7.77C8.59637 7.66734 8.91151 7.41533 9.13455 7.014C9.24121 6.83666 9.32121 6.643 9.37455 6.433C9.42787 6.223 9.45696 6.05266 9.46182 5.922C9.46666 5.79133 9.46909 5.57666 9.46909 5.278V4.928C8.90666 4.928 8.48 4.96534 8.18909 5.04C7.33575 5.27334 6.90909 5.79134 6.90909 6.594ZM13.0182 11.102C13.0376 11.0647 13.0667 11.0273 13.1055 10.99C13.3479 10.8313 13.5806 10.724 13.8036 10.668C14.1721 10.5747 14.5309 10.5233 14.88 10.514C14.977 10.5047 15.0691 10.5093 15.1564 10.528C15.5927 10.5653 15.8545 10.6353 15.9418 10.738C15.9806 10.794 16 10.878 16 10.99V11.088C16 11.4147 15.9079 11.7997 15.7236 12.243C15.5394 12.6863 15.2824 13.0433 14.9527 13.314C14.9042 13.3513 14.8606 13.37 14.8218 13.37C14.8024 13.37 14.783 13.3653 14.7636 13.356C14.7055 13.328 14.6909 13.2767 14.72 13.202C15.0788 12.39 15.2582 11.8253 15.2582 11.508C15.2582 11.4053 15.2388 11.3307 15.2 11.284C15.103 11.172 14.8315 11.116 14.3855 11.116C14.2206 11.116 14.0267 11.1253 13.8036 11.144C13.5612 11.172 13.3382 11.2 13.1346 11.228C13.0764 11.228 13.0376 11.2187 13.0182 11.2C12.9988 11.1813 12.9939 11.1627 13.0036 11.144C13.0036 11.1347 13.0085 11.1207 13.0182 11.102Z" fill="black"/></svg>');
  margin-right: 6px;
}
.ak_top_products .players-list .akcard .cin .view a.rev:before{
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.58 4.77604C12.2747 3.00516 12.6221 2.11971 13.3486 2.01056C14.075 1.90141 14.6994 2.64083 15.9483 4.11967L16.2714 4.50226C16.6263 4.9225 16.8037 5.13263 17.045 5.25261C17.2863 5.37259 17.564 5.38884 18.1196 5.42135L18.6254 5.45095C20.5803 5.56537 21.5578 5.62258 21.897 6.26168C22.2362 6.90079 21.7125 7.69853 20.6651 9.29403L20.3941 9.7068C20.0965 10.1602 19.9477 10.3869 19.9075 10.6457C19.8673 10.9045 19.9402 11.1662 20.0862 11.6895L20.219 12.166C20.7325 14.0076 20.9893 14.9284 20.4725 15.4325C19.9557 15.9367 19.0076 15.6903 17.1114 15.1975L16.6208 15.07C16.082 14.93 15.8125 14.86 15.5464 14.8999C15.2803 14.9399 15.0476 15.0854 14.5823 15.3763L14.1586 15.6412C12.521 16.6649 11.7022 17.1768 11.0436 16.8493C10.385 16.5217 10.3227 15.5717 10.1982 13.6717L10.166 13.1801C10.1306 12.6402 10.1129 12.3702 9.98865 12.1361C9.86439 11.902 9.64763 11.7302 9.2141 11.3867L8.81941 11.0739C7.2938 9.86506 6.531 9.26062 6.64075 8.55405C6.75051 7.84748 7.66013 7.50672 9.47939 6.8252L9.95005 6.64888C10.467 6.45522 10.7255 6.35839 10.9148 6.17371C11.1041 5.98903 11.2029 5.73742 11.4003 5.23419L11.58 4.77604Z' fill='%23FFFFFF'/%3E%3Cpath d='M5.31003 9.59277C2.87292 11.9213 1.27501 15.8058 2.33125 22.0002C3.27403 19.3966 5.85726 17.2407 8.91219 15.9528C8.80559 15.3601 8.7583 14.6364 8.70844 13.8733L8.66945 13.2782C8.66038 13.1397 8.65346 13.0347 8.64607 12.9443C8.643 12.9068 8.64012 12.8754 8.63743 12.8489C8.61421 12.829 8.58591 12.8053 8.55117 12.7769C8.47874 12.7177 8.39377 12.6503 8.28278 12.5623L7.80759 12.1858C7.11448 11.6368 6.46884 11.1254 6.02493 10.6538C5.77182 10.385 5.48876 10.0304 5.31003 9.59277Z' fill='%23FFFFFF'/%3E%3Cpath d='M10.3466 15.4231C10.3415 15.3857 10.3365 15.3475 10.3316 15.3086L10.3877 15.41C10.374 15.4144 10.3603 15.4187 10.3466 15.4231Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.ak_top_products .players-list .akcard .cin .pls_icos, .ak_product_review .prd_box_cont .prd_det .pls_icos, .ak_code_generator .pls_icos{
  text-align: center;
  display: flex;
  gap: 8px;
  cursor:default;
}
.ak_top_products .players-list .akcard .cin .pls_icos a, .ak_product_review .prd_box_cont .prd_det .pls_icos a, .ak_code_generator .pls_icos a{
  display: inline-block;
  width: 52px;
  background: #F1F3F4;
  padding:5px 2px 0 2px;
  border-radius: 98px;
  overflow: hidden;
  text-align: center;
  line-height: 0;
  border: 3px solid #E6BB21;
}
.ak_code_generator .pls_icos a{
  width:83px;
  background:#fff;
  border:2px solid #151515;
}
.ak_top_products .players-list .akcard .cin .pls_icos a:hover, .ak_product_review .prd_box_cont .prd_det .pls_icos a:hover, .ak_code_generator .pls_icos a:hover{
  background: #E6BB21;
}
.ak_code_generator .pls_icos a:hover,.ak_code_generator .pls_icos .icos.akactive a{
  background:#F1F3F4;
  box-shadow: 0 0 25px 0 #F1F3F4;
}
.ak_top_products .players-list .akcard .cin .perc{
  background:#000;
  color:#F9CA24;
  padding:5px 0 6px 0;
  border-radius:0 0 20px 20px;
  position:absolute;
  bottom:0;
  width:100%;
  left:0;
  text-align:center;
  font-size:0.9em;
  background:#F1F3F4;
  color:#151515;
  cursor: default;
}
.team-img{
  float: left;
  margin-right: 20px;
  display: grid;
  grid-template-columns: 150px 1fr;
}
.team-head{
  align-items: center;
  display: grid;
  flex-grow: 1;
}
.aktsocial{
  text-align: right;
}
.aktsocial a{
  display: inline-block;
  border: 1px solid #000;
  margin: 0 0 0 5px;
  line-height: 0;
  padding: 7px;
  border-radius: 20px;
}
.aktsocial a:hover{
  background-color: #F9CA24;
  border-color: #F9CA24;
}
.aktsocial a svg{
  height: 1em;
  position: relative;
  width: 1em;
  color: #000;
}
.aktsocial a:hover svg{
  color: #fff;
  fill:#fff;
}

.akthh{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.team-page-content {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.team-page-content .team-page-content-inner
{
  margin: 0 15px;
}
.team-page-content .team-page-content-inner .cust-info{
  padding-bottom: 60px;
}
.team-page-content .team-page-content-inner .cust-info-btm {
  padding-top: 60px;
}
.akboxdes{
  box-shadow: 0px 3px 30px #00000012;
  border-radius: 20px;padding: 20px;
}
.akboxdes-inner{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 5%;
  row-gap:30px;
  padding: 0 20px 20px 20px;
}
.akboxdes-inner .item-box{
  flex-grow: 1;
  width: 20%;
  padding: 30px;
  background: #F1F3F4;
  border-radius: 20px;
  position: relative;
  text-align: center;
}
.akboxdes-inner.akboxdes-3{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.akboxdes-inner.akboxdes-3 .item-box{
  width:auto !important;
}
.akboxdes-inner .item-box a{
  text-decoration: none;
  color: #000000;
  font-family: "Readex Pro", Sans-serif;
  font-size: 17px;
  font-weight: 400;
}
.akboxdes-inner .item-box a span{
font-weight: bold;
}
.ak-player-page .akboxdes-inner .item-box a span{
  font-size: 0.85em;
}
.ak-player-page .mcont .prd_mini a img{
  width: 50px;
  height: auto;
}
.akboxdes-inner .item-box .itag{
  top: 26px;
  right: -15px;
  text-align: right;
  position: absolute;
  font-weight: 400;
  font-size: .75em;
  line-height: 1.45em;
  color: #fff !important;
  text-decoration: none !important;
  padding: 4px 15px;
  border-radius: 3px;
  margin-bottom: 4px;
  background: #000;
  display:none;
}
.akteamboxes{
  
}
.akteamboxes .akteamboxes-inner{
  display: grid;
  width: 100%;
  gap:40px;
  padding: 0 20px 20px 20px;
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
}
.akteamboxes .akteamboxes-inner .team-box{
  border-radius: 20px;
  position: relative;
  text-align: center;
  transition:all 0.5s ease-in-out;
  box-shadow:0 0 25px 0 rgba(0, 0, 0, .2);
}
.akteamboxes .akteamboxes-inner .team-box:hover{
  box-shadow: 0 0 35px 0 rgba(0,0,0,.4);
  cursor: pointer;
}
.akteamboxes .akteamboxes-inner .team-box a{
  text-decoration: none;
  color: #000000;
  font-family: "Readex Pro", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  display: block;
  padding: 30px;
}
.akteamboxes .akteamboxes-inner .team-box a span{
  font-weight: bold;
}
.akteamboxes .akteamboxes-inner .team-box img{
  width: 100% !important;
  height: auto !important;
}
.team_info{
  padding-bottom: 1.45em;
}
.akplayh{
  display: flex;
}
.akplayh .prof-pic{
  max-width: 260px;
}
.akplayh .prof-pic .pic{
  position: relative;
  padding-top: 25px;
}
.akplayh .prof-pic .pic img.prof{
  filter: drop-shadow(8px 6px 7px rgba(136, 136, 136));
  z-index: 10;
  position: relative;
  max-width: 260px;
  width: 260px;
}
.akplayh .prof-pic .pic img.inback{
  position: absolute;
  top: 0;
  left: 10%;
  z-index: 1;
  opacity: 0.5;
  width: 80%;
}
.akplayh .prof-pic .aktsocial{
  text-align: center;
  padding-top: 20px;
}
.akplayh .bio{
  padding-left: 30px;
}
.akplayh .bio h1{
  font-size: 2.25em;
}
.akplayh .bio p{
  padding: 10px 0;
}
.akinfo-box{
  display: grid;
  width: 100%;
  gap:40px;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  padding-top: 30px;
  row-gap: 20px;
}
.akinfo-box .box{
  float: left;
  color: #000000;
  font-family: "Readex Pro", Sans-serif;
  font-size: 17px;
  font-weight: 400;
  font-weight: bold;
  border-bottom: 1px solid #dfe6e9;
    padding-bottom: 7px;
}
.akinfo-box .box label{
 font-weight: normal;
 font-size: 16px;
 display: inline-block;
    width: 120px;
}
.akinfo-box .box img.ico{
  vertical-align: top;
}

.akinfo-box .box a{
  text-decoration: none;
}
.akplayh .bio .aktsocial{
  padding-top: 30px;
  text-align: left;
}
.ak-player-page{
  display: flex;
  gap: 2.5%;
  align-items: stretch;
}
.ak-player-page .mcont{
  width: 80%;
}
.ak-player-page .scont{
  width:20%;
  position: relative;
}
.ak-player-page .scont aside{
  position: -webkit-sticky;
  position:sticky;
  top:140px;
}
.ak-player-page .scont aside ol{
  list-style: none;
}
.ak-player-page .scont aside ol li{
  padding: 0;
}
.ak-player-page .scont aside nav li a{
  color: #000000;
  font-family: "Readex Pro", Sans-serif;
  text-decoration: none;
}
.ak-player-page .scont aside nav li a.active{
  color: #F9CA24;
  font-weight: bold;
}
.ak-player-page .scont aside nav > ol{
  margin-left: 0;
}
.ak-player-page .scont aside nav > ol > li > a{
  font-size: 17px;
  font-weight: bold;
}
.ak-player-page .scont aside nav > ol > li > ol > a{
  font-size: 14px;
}
.ak-player-page .scont aside nav > ol li > ol{
  margin-left: 15px;
}
.ak-player-page .mcont h2, .ak_product_review .ak-player-page .mcont h3{
  background: #F9CA24;
  color: #fff;
  padding: 10px 15px;
  border-radius: 15px;
  box-shadow: 0px 6px 10px #ccc;
  margin-top:13px;
  font-size: 1.75em;
}
.ak-player-page .mcont h5{
  margin-bottom:0;
}
.ak-player-page .mcont h2 svg{
  vertical-align: middle;
  fill: #fff;
}
.ak-player-page .mcont .akboxdes{
  margin-bottom: 40px;
  background: #F1F3F4;
  box-shadow: 0px 3px 30px #ccc;
  padding-bottom: 30px;
  width: 100%;
}
.akstatus-cont > div {
  display: none;
}
.ak-player-page .mcont .akinfo-box{
  gap: 60px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  row-gap: 20px;
  padding-bottom: 20px;
}
.ak-player-page .mcont .prd_mini{
  background: #fff;
  border-radius: 12px;
  box-shadow: 0px 6px 10px #ccc;
  margin-bottom: 35px;
}
.ak-player-page .mcont .prd_mini a{
  display: flex;
  gap: 10px;
  padding: 8px 15px;
  text-decoration: none;
}
.ak-player-page .mcont .prd_mini span.pname{
  flex-grow: 1;
  align-self: center;
}

.ak-player-page .mcont .akinfo-box .box label {
width: 160px;
}
.akslider{
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.akslider img{
  width: 100%;
}
.akslider .crosshair{
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.code-container {
  position: relative;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.copy-button {
  position: absolute;
  top: 18px;
  right: 10px;
  padding: 6px 12px;
  font-size: 14px;
  background-color:#000;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}
/* .copy-button:hover {
  background-color: #e5b929;
} */
.ak-player-page .mcont pre {
  margin: 0;
  text-align: left;
  background: none;
  line-height: 1;
  padding: 12px 80px 12px 12px;
  white-space: break-spaces;
  line-height: 1.4;
}

.pagination-controls {
    display: flex;
    justify-content: center;
    padding-top: 25px;
    width:100%;
}

.pagination-controls .pagination-controls-in{
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    width:100%;
}

.pagination-controls .pagination-link {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 40px;
    padding: 0 15px; /* Adjust padding for previous/next */
    text-decoration: none;
    color: #fff;
    background-color: #000;
    border: 1px solid #57606f;
    border-radius: 20px; /* Pill shape */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.1s ease;
    font-weight: 500;
    font-size: 0.95em;
}

.pagination-controls .pagination-link:hover {
    background-color: #57606f;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.pagination-controls .pagination-link.active {
    background-color: #57606f;
    color: #ffffff;
    border-color: #000;
    pointer-events: none; /* Disable click on active link */
    font-weight: bold;
}

.pl-settings-box {
  padding: 0 20px;
}
.pl-settings-box .akfilter-cont {
  padding: 30px;
  padding-top: 0;
}

/* Loading spinner (optional) */
.table_loading{
  background: #eee;
  background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1.5s shine linear infinite;
  width: 100%;
  min-height: 200px;
}

.pagination-controls .loading-spinner {
    text-align: center;
    padding: 50px;
    font-size: 1.2em;
    color: #777;
    animation: pulse 1.5s infinite ease-in-out;
}

.players-list .akcard.loading .img, .players-list .akcard.loading .name{
  background: #eee;
  background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1.5s shine linear infinite;
}
.players-list .akcard.loading .img{
  height: 233px;
}
.players-list .akcard.loading .name{
  height: 35px;
  padding-top: 0;
  margin-top: 15px;
  padding-bottom: 0;
  margin-bottom: 3px;
}
@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
.akfilter-cont{
  padding-bottom: 30px;
  width: 100%;
  float: left;
}
.search-container.beautiful-clearable {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 30px; /* Pill shape */
    padding: 8px 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    max-width: 400px; /* Wider for better usability */
    width: 90%; /* Responsive width */
    position: relative; /* For positioning the clear button */
    float: left;
}

.search-container.beautiful-clearable:focus-within {
    border-color: #F9CA24;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
}

.search-container.beautiful-clearable .search-input {
    flex-grow: 1; /* Takes up available space */
    border: none;
    outline: none;
    padding: 5px 10px; /* Adjust padding for better alignment */
    font-size: 1.1em;
    color: #333;
    background-color: transparent;
    appearance: none; /* Remove default clear button on some browsers */
}

.search-container.beautiful-clearable .search-input::placeholder {
    color: #a0a0a0;
}

.search-container.beautiful-clearable .search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

/* Clear Search Button/Icon */
.search-container.beautiful-clearable .clear-search {
    /* Styles for the 'X' button */
    font-size: 1.2em;
    color: #888;
    cursor: pointer;
    margin-right: 8px; /* Space between clear and search button */
    transition: color 0.2s ease, transform 0.2s ease;
    padding: 0 5px; /* Make it easier to click */
    line-height: 1; /* Align 'x' vertically */
}

.search-container.beautiful-clearable .clear-search:hover {
    color: #e74c3c; /* Red color on hover */
    transform: scale(1.1);
}

/* Search Button */
.search-container.beautiful-clearable .search-button {
    background: linear-gradient(45deg, #F9CA24, #b7931b); /* Gradient background */
    background: #E6BB21;
    border: none;
    border-radius: 50%; /* Make it round */
    width: 40px; /* Fixed width */
    height: 40px; /* Fixed height */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    flex-shrink: 0; /* Prevent it from shrinking */
}

.search-container.beautiful-clearable .search-button:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
}

.search-container.beautiful-clearable .search-button svg {
    width: 20px;
    height: 20px;
    display: block;
}
.players-list table.psett {
  max-width: 100%;
  overflow-x: auto;
}
table.psett th{
  color: #fff;
  background-color:#F9CA24;
}
table.psett tr th:nth-child(n+3), table.psett tr td:nth-child(n+3){
  max-width: 120px !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

table.psett td img{
vertical-align: top;
}
table.psett td a{
  text-decoration: none;
}

.space-page-content .players-list table.psett ul li:before {
  position:static;
  margin-right:8px;
}
.players-list .bottom{
  padding-top: 12px;
}
.players-list .dataTables_wrapper .dataTables_info{
  clear: none;
  padding-left: 20px;
  padding-top: 10px;
}

.players-list .dataTables_wrapper .dataTables_length select{
  -webkit-appearance: auto;
  border: 1px solid #dcdcdc;
  border-radius: 12px;
  padding: 0px 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.players-list .dataTables_wrapper .dataTables_paginate{
  display: flex;
  justify-content: center;
  gap: 10px;
  min-width: 400px;
  padding-top: 10px;
}
.players-list .dataTables_wrapper .dataTables_paginate .paginate_button{
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 0 15px;
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #000 !important;
  border: 1px solid #57606f !important;
  border-radius: 20px;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.1s ease;
  font-weight: 500;
  font-size: 0.95em;
  width: auto !important;
}
.players-list .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #57606f;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.players-list .dataTables_wrapper .dataTables_paginate span{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.players-list .dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background-color: #57606f !important;
  color: #ffffff !important;
  border-color: #000 !important;
  pointer-events: none;
  font-weight: bold;
  width: auto !important;
}
.players-list .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
  display: none;
}

/* Autocomplete select box filter */
.my-custom-select-container {
    margin-bottom: 20px;
    float: right;
    margin-left:30px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    padding: 8px 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    max-width: 400px;
    position: relative;
}

.my-custom-select-container:focus-within {
    border-color: #F9CA24;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
}

/* Adjust Select2 default styles if necessary */
/* This is often not needed as Select2 provides good defaults, but for fine-tuning: */

/* Style the Select2 container */
.my-custom-select-container .select2-container--default .select2-selection--single {
    border-radius: 4px;
    height: 38px; /* Adjust height */

    border: 0;
    padding: 7px 20px 6px 10px;
    height: auto;
    line-height: 1;
}

/* Style the dropdown arrow */
.my-custom-select-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    top: 1px;
    right: 5px;
}

/* Style the placeholder text */
.my-custom-select-container .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
    width:100%;
}

/* Style selected option in the input field */
.my-custom-select-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333;
    line-height: 28px; /* Adjust line height for vertical alignment */
}

/* Style the clear button */
.my-custom-select-container .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 10px; /* Space from text */
    font-size: 1.2em; /* Make it more prominent */
    color: #f00; /* Red color for clear button */
    padding-top: 2px; /* Adjust vertical alignment */
}

.my-custom-select-container .select2-container--default  .select2-results__option--selectable img{
  width: 20px;
  margin-right: 7px;
}
/* Style for the dropdown results */
.my-custom-select-container .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #0073aa; /* WordPress blue for hover */
    color: white;
}

.select2-dropdown {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Style search input in dropdown */
.select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 8px;
}

.select2-option-image {
    width: 20px; /* Adjust size as needed */
    height: 20px;
    vertical-align: middle; /* Align image with text */
    margin-right: 8px; /* Space between image and text */
    border-radius: 3px; /* Slightly round the image if desired */
    object-fit: cover; /* Ensures image covers area without distortion */
}

/* Images in the selected display (in the main input field) */
.select2-selection-image {
    width: 20px; /* Keep consistent size */
    height: 20px;
    vertical-align: middle;
    margin-right: 8px;
    border-radius: 3px;
    object-fit: cover;
}

/* Ensure the text and image align nicely in the dropdown options */
.my-custom-select-container .select2-container--default .select2-results__option span {
    display: flex; /* Use flexbox for precise alignment */
    align-items: center; /* Vertically center image and text */
}

/* Adjust padding for the selected item in the input field to accommodate the image */
.my-custom-select-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0; /* Or adjust based on your needs */
    display: flex;
    align-items: center;
}

/* most used graph starts */
.most-used-container {
  border-radius: 20px;
  padding: 20px;
  background: #F1F3F4;
  box-shadow: 0px 3px 30px #ccc;
  padding-bottom: 30px;
  width: 100%;
  margin-bottom: 40px;
}

.most-used-container h2 {
  background: #F9CA24;
  color: #fff;
  padding: 10px 15px;
  border-radius: 15px;
  box-shadow: 0px 6px 10px #ccc;
  margin-top: 13px;
  font-size: 1.75em;
}

.most-used-container .result-bar {
  margin-bottom: 20px;
}

.most-used-container .result-label {
  color: #000000;
  font-family: "Readex Pro", Sans-serif;
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 8px;
}

.most-used-container .bar-bg {
  background: #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  height: 24px;
  box-shadow: 0px 2px 4px #aaa;
}

.most-used-container .bar-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(to right, #fceabb, #f8b500);
  text-align: right;
  color: #000;
  padding-right: 8px;
  box-sizing: border-box;
  line-height: 24px;
  font-size: 14px;
  transition: width 1s ease-in-out;
  font-weight: 600;
  box-shadow: 1px 0px 5px #999;
}
/* most used graph ends */

.ak_player_setting{
  width:100%;
}
.ak_player_setting .ak-player-page .mcont, .ak_product_review .ak-player-page .mcont{
  width:100%;
}
.ak_player_setting .akboxdes .sett_info_cont{
  display: flex;
}
.ak_player_setting .akplayh .prof-pic{
display: flex;
align-items: center;
justify-content: center;
}
.ak_player_setting .akplayh .prof-pic .pic{
padding-top:0;
}
.ak_player_setting .sett_info_cont .usr_setting{
flex-grow: 1;
}

.ak_top_products .players-list .swiper-button-prev,
.ak_top_products .players-list .swiper-button-next {
  color:#E6BB21;
}

.akfullwidth #comments{
  max-width: 1200px;
  margin: 0 auto;
}
#comments .comment-form-url{
  display: none;
}

.ak_product_review .prd_box_cont{
  display:flex;
  gap:40px;
}
.ak_product_review .prd_box_cont .prd_img{
  flex: 0 0 350px;
}
.ak_product_review .prd_box_cont .prd_img .lnks{
  display: flex;
  gap: 10px;
  justify-content: center;
}
.ak_product_review .prd_box_cont .prd_img .lnks a{
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 0.9em;
  box-sizing: border-box;
  min-width: 160px;
  text-align: center;
}
.ak_product_review .prd_box_cont .prd_img .lnks a.rev{
  padding: 12px 20px 8px 20px;
}
.ak_product_review .prd_box_cont .prd_det{
  flex: 1;
  padding-top: 20px;
}
.ak_product_review .prd_box_cont .prd_det .updated_on{
  font-weight: bold;
  padding-bottom: 10px;
}
.ak_product_review .prd_box_cont .prd_det .review{
  padding:20px 0 5px 0;
}
.ak_product_review .prd_box_cont .prd_img .imga{
  display: block;
  padding: 20px 35px;
  text-align: center;
}
.ak_product_review .author{
  padding-top: 10px;
}
.ak_product_review .author a{
  margin-left: 5px;
  text-decoration: none;
  color: #151515;
}
.ak_product_review .author a:hover{
  text-decoration: underline;
}
.ak_product_review .author img{
  border-radius: 100px;
  vertical-align: middle;
}
.ak_product_review .rate_cont{
  padding-top: 13px;
}
.ak_product_review .rate_cont a.read{
  text-decoration: none;
  color: #151515;
}
.ak_product_review .rate_cont a.read:hover{
  text-decoration:underline;
}
.ak_product_review .prd_box_cont .prd_det .pls_icos{
  flex-wrap: wrap;
}
.ak_product_review .prd_box_cont .prd_det .pls_icos .icos{
  position: relative;
}
.ak_code_generator .pls_icos .icos{
  position: relative;
  width: auto;
}
.ak_product_review .prd_box_cont .prd_det .pls_icos .icos span, .ak_code_generator .pls_icos .icos span{
  transition: all 0.3s ease-in-out 0s;
  position: absolute;
  background:#060915;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  height: 25px;
  z-index: 2;
  padding: 0 10px;
  line-height: 24px;
  border-radius: 5px;
  color:#fff;
  font-size: 12px;
  width: max-content;
  opacity: 0;
}

.ak_product_review .prd_box_cont .prd_det .pls_icos .icos:hover span, .ak_code_generator .pls_icos .icos:hover span{
  top: -35px;
  opacity: 1;
  z-index: 1;
}

.ak_product_review .prd_box_cont .prd_det .pls_icos .icos span:before, .ak_code_generator .pls_icos .icos span:before{
  content: '';
  position: absolute;
  bottom: -8px;
  left: calc(50% - 4px);
  background: transparent;
  width: 8px;
  height: 8px;
  z-index: 1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #060915;
  border-width: 4px;
  box-sizing: border-box;
}

.ak_code_generator .pls_icos .icos span{
  top:70px;
}
.ak_code_generator .pls_icos .icos:hover span, .ak_code_generator .pls_icos .icos.akactive span{
  top:80px;
  opacity:1;
  z-index:99;
}

.ak_code_generator .pls_icos .icos span:before{
  border-top: 0;
  border-bottom: 5px solid #060915;
  bottom:auto;
  top: -8px;
}
.ak_code_generator .pls_icos .icos a::after{
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  top: 33px;
  left: 0;
  color: #fff;
  font-size: 0.8em;
  width: 100%;
  text-align: center;
  border-radius: 8px;
  display:none;
  content: 'View Profile';
  line-height: 2em;
}
.ak_code_generator .pls_icos .icos.akactive a::after{
  display: block;
}

.ak_product_review .akboxdes .details{
  padding-top: 30px;
}

.ak_code_generator{
  border-radius: 20px;
  padding: 20px 20px 30px 20px;
  margin-bottom: 40px;
  background: #F1F3F4;
  box-shadow: 0 3px 30px #ccc;
  width: 100%;
}
.ak_code_generator .pls_icos{
  background: #F9CA24;
  padding:15px 15px 6px 15px;
  border-radius: 15px;
  box-shadow: 0 6px 10px #ccc;
}
.ak_code_generator .p_text{
  padding: 0 0 10px 3px;
  font-weight: bold;
}
.ak_code_generator .main_box{
  display: grid;
  grid-template-columns: calc(60% - 20px) 40%;
  grid-template-rows: max-content max-content 1fr;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  padding-top: 10px;
}
.ak_code_generator .crossh_box .maps_cont{
  text-align: center;
  display: flex;
  gap: 8px;
  cursor: default;
  padding:10px 10px 3px 10px;
  margin-top:2px;
}
.ak_code_generator .crossh_box .maps_cont .maps{
  position: relative;
  width: auto;
}
.ak_code_generator .crossh_box .maps_cont .maps a{
  position: relative;
  display: inline-block;
  width: 120px;
  background: #F1F3F4;
  border-radius:10px;
  overflow: hidden;
  text-align: center;
  line-height: 0;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.ak_code_generator .cross_color{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: linear-gradient(to right, #ffffff, #f9f9f9);
  border-radius: 14px;
  padding:16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  align-items: center;
  gap: 10px;
  margin-bottom:10px;
  position: relative;
  overflow: hidden;
}
.ak_code_generator .cross_color .cross_color_group {
  display: flex;
  gap: 10px;
}
.ak_code_generator .cross_color .cross_color_group input[type="radio"]{
  display: none;
}
.ak_code_generator .cross_color .cross_color_group label {
  width:24px;
  height:24px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  position: relative;
  transition: box-shadow 0.3s ease;
  vertical-align: top;
}
.ak_code_generator .cross_color .cross_color_group label:hover{
  border: 2px solid #777;
  box-shadow: 1px 2px 8px #555;
}
.ak_code_generator .cross_color .cross_color_group input[type="radio"]:checked + label,
.ak_code_generator .cross_color .cross_color_group label:has(input[type="radio"]:checked) {
    border: 2px solid #777;
    box-shadow: 1px 2px 8px #555;
}
.ak_code_generator .cross_color .cross_color_group label:nth-child(1){
  background:#FA2E2E;
}
.ak_code_generator .cross_color .cross_color_group label:nth-child(2){
  background:#2EFA2E;
}
.ak_code_generator .cross_color .cross_color_group label:nth-child(3){
  background:#FFFB4E;
}
.ak_code_generator .cross_color .cross_color_group label:nth-child(4){
  background:#1434F7;
}
.ak_code_generator .cross_color .cross_color_group label:nth-child(5){
  background:#40FFFD;
}
.ak_code_generator .minicolors-theme-default .minicolors-swatch{
  display: none;
}
.ak_code_generator .code_box{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ak_code_generator .csgo_code,.ak_code_generator .cs_code{
  position: relative;
  box-shadow: 0px 3px 16px #aaa;
  border-radius: 15px;
  overflow: hidden;
  background: #FAFAFA;
}
.ak_code_generator .code_box pre{
  border:0;
  margin: 0;
  padding: 15px;
}
.ak_code_generator .code_box code{
  width: 100%;
  background: transparent;
  border:0;
}
.ak_code_generator .presets{
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  background: linear-gradient(to right, #ffffff, #f9f9f9);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
.ak_code_generator .presets .preset{
  width: 60px;
  height: 60px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.ak_code_generator .presets .preset.akactive{
    border: 2px solid #F9CA24;
    box-shadow: 0 0px 7px #555555;
}
.ak_code_generator .presets .preset svg{
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 116px;
  height: 116px;
}
.sp-replacer{
  visibility: hidden;
}
/* .ak_code_generator .crossh_box .maps_cont .maps a:hover{
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, .4);
} */
.ak_code_generator .crossh_box .maps_cont .maps a::before{
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 8;
  top:0;
  left:0;
  background-color: rgba(0, 0, 0, .4);
}
.ak_code_generator .crossh_box .maps_cont .maps a.active::before{
  background-color: rgba(255, 255, 255, .3);
}
.ak_code_generator .crossh_box .maps_cont .maps a span{
  z-index: 9;
  position: relative;
  font-size: 1em;
  top: -33px;
  color: #fff;
}
.ak_code_generator .crossh_box{
  position: relative;
  box-shadow: 0px 3px 16px #aaa;
  border-radius: 15px;
  margin-top:20px;
}
.ak_code_generator .crossh_box .crossh_bg{
  cursor: none;
  position: relative;
  padding-bottom: calc(9 / 16 * 100%);
  overflow: hidden;
}
.ak_code_generator .crossh_box .crossh_bg .big_map{
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  object-fit: cover;
}
.ak_code_generator .crossh_box .crossh_bg .big_map img{
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 200%;
  min-height: 200%;
  transform: translate(-50%, -50%);
  transition: transform 0.1s ease-out;
  object-fit: cover;
}
.ak_code_generator .crossh_box .crossh_bg .crossh_svg{
  z-index: 5;
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  left: 50%;
  top: 50%;
  transform: translate(0px, 0px);
  pointer-events: none;
}
.ak_code_generator .option_box{
  grid-column-start: 2;
  grid-row-start: 1;
  grid-row-end: 4;
}
.ak_code_generator h2{
  font-size: 1.777em;
  line-height: 1.2em;
}
.ak_code_generator .p_text h2{
  margin:10px 0;
}

.slider-group {
  max-width: 700px;
  margin-bottom:10px;
  background: linear-gradient(to right, #ffffff, #f9f9f9);
  border-radius: 14px;
  padding:8px 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
}

.slider-group.disable::after,.ak_code_generator .cross_color.disable::after,.ak_code_generator .cross_color.tg .togl_cont.disable::after{
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 100;
  display: block;
  left: 0;
  top: 0;
}

.slider-group:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.slider-group label {
  font-weight: 600;
  display: block;
  margin-bottom: -10px;
}

.slider-row {
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: box-shadow 0.3s;
}

/* Control group (−, input, +) stays in one row always */
.slider-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.slider-controls button {
  width:35px;
  height:35px;
  font-size: 22px;
  border: none;
  border-radius: 50%;
  background:#F9CA24;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}

.slider-controls button:hover {
  background:#E6BB21;
  transform: scale(1.05);
}

.slider-controls input[type="number"] {
  width:60px;
  text-align: center;
  padding: 9px;
  font-size: 17px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fefefe;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: border-color 0.2s;
  -moz-appearance: textfield;
}

.slider-controls input[type="number"]::-webkit-outer-spin-button,
.slider-controls input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.slider-controls input[type="number"]:focus {
  border-color: #007bff;
  outline: none;
}

/* Slider stretches full width below on mobile */
.slider-range {
  height: 12px;
  background: #e4e4e4;
  border-radius: 6px;
  position: relative;
  flex-grow: 1;
  width: 100%;
}

.slider-row .ui-slider-horizontal .ui-slider-range-min{
  background: linear-gradient(45deg, #F9CA24, #b7931b);
  cursor: pointer;
}
.slider-row .ui-slider-horizontal .ui-slider-handle{
  background: #F9CA24;
  cursor: pointer;
}

.ui-slider-handle {
  width: 20px;
  height: 20px;
  top: -4px !important;
  background: #F9CA24;
  border-radius: 50%;
  border: none;
  box-shadow: 0 0 6px rgba(230, 187, 33, 0.5);
  cursor: pointer;
  transition: transform 0.2s;
}

.ui-slider-handle:hover {
  transform: scale(1.1);
}

.option-toggle {
  display: inline-flex;
  border: 2px solid #F9CA24;
  border-radius: 999px;
  overflow: hidden;
  margin-bottom:12px;
}

.option-toggle input[type="radio"] {
  display: none;
}

.option-toggle label {
  padding: 10px 20px;
  cursor: pointer;
  background-color: #fff;
  /* color: #F9CA24; */
  font-weight: 500;
  transition: background 0.3s, color 0.3s;
}

.option-toggle input[type="radio"]:checked + label {
  background-color: #F9CA24;
  color: #fff;
}

.switch-toggle {
  position: relative;
  display: inline-block;
  width: 60px;         /* smaller width */
  height: 28px;        /* smaller height */
  font-family: 'Segoe UI', sans-serif;
}

.switch-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #7f8c8d;
  border-radius: 34px;
  cursor: pointer;
  transition: 0.4s;
  text-align: center;
  line-height: 28px;     /* align text vertically */
  color: white;
  font-weight: 600;
  font-size: 12px;       /* smaller font */
  user-select: none;
}

/* Text: ON / OFF */
.switch-toggle input:checked + .slider-text::after {
  content: "ON";
  margin-left: -16px;
}
.switch-toggle input:not(:checked) + .slider-text::after {
  content: "OFF";
  margin-left: 16px;
}

/* Slider circle */
.slider-text::before {
  content: "";
  position: absolute;
  height: 20px;          /* smaller circle */
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: #F9CA24;
  border-radius: 50%;
  transition: 0.4s;
}

.ak_code_generator .cross_color.tg{
  justify-content: center;
}

.switch-toggle input:checked + .slider-text::before {
  transform: translateX(32px); /* adjust to match new size */
  background-color: #fff;
}

/* ON background */
.switch-toggle input:checked + .slider-text {
  background-color: #F9CA24;
}
.togl_cont {
  position: relative;
}

.togl_cont .labl {
  font-weight: 600;
  margin-right: 6px;
}
.button_cont{
  padding-top: 20px;
}
.button_cont .akbutton{
  width: 100%;
  border: 0;
  cursor: pointer;
  padding: 15px 40px;
  font-size: 1.15em;
  border-radius: 50px;
}
.button_cont .akbutton#resetBtn{
  margin-top: 20px;
  background: #555;
}

/* On larger screens, slider and controls side-by-side */
@media (min-width: 601px) {
  .slider-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .slider-controls {
    margin-left: 16px;
  }
}

/* star rating show starts */
.ak_product_review .prd_box_cont .arate{
  display: inline-block;
  background:#060915;
  padding: 8px 18px 6px 18px;
  border-radius: 30px;
  clear: both;
  box-shadow: 0px 3px 8px #999;
  margin-right: 10px;
}
[data-star] {
  text-align:left;
  font-style:normal;
  display:inline-block;
  position: relative;
  unicode-bidi: bidi-override;
  font-size: 1.6em;
}
[data-star]::before { 
  display:block;
  content: '★★★★★';
  color: #eee;
}
[data-star]::after {
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
  content: '★★★★★';
  width: 0;
  color:#F9CA24;
  overflow:hidden;
  height:100%;
}

[data-star^="0.1"]::after{width:2%}
[data-star^="0.2"]::after{width:4%}
[data-star^="0.3"]::after{width:6%}
[data-star^="0.4"]::after{width:8%}
[data-star^="0.5"]::after{width:10%}
[data-star^="0.6"]::after{width:12%}
[data-star^="0.7"]::after{width:14%}
[data-star^="0.8"]::after{width:16%}
[data-star^="0.9"]::after{width:18%}
[data-star^="1"]::after{width:20%}
[data-star^="1.1"]::after{width:22%}
[data-star^="1.2"]::after{width:24%}
[data-star^="1.3"]::after{width:26%}
[data-star^="1.4"]::after{width:28%}
[data-star^="1.5"]::after{width:30%}
[data-star^="1.6"]::after{width:32%}
[data-star^="1.7"]::after{width:34%}
[data-star^="1.8"]::after{width:36%}
[data-star^="1.9"]::after{width:38%}
[data-star^="2"]::after{width:40%}
[data-star^="2.1"]::after{width:42%}
[data-star^="2.2"]::after{width:44%}
[data-star^="2.3"]::after{width:46%}
[data-star^="2.4"]::after{width:48%}
[data-star^="2.5"]::after{width:50%}
[data-star^="2.6"]::after{width:52%}
[data-star^="2.7"]::after{width:54%}
[data-star^="2.8"]::after{width:56%}
[data-star^="2.9"]::after{width:58%}
[data-star^="3"]::after{width:60%}
[data-star^="3.1"]::after{width:62%}
[data-star^="3.2"]::after{width:64%}
[data-star^="3.3"]::after{width:66%}
[data-star^="3.4"]::after{width:68%}
[data-star^="3.5"]::after{width:70%}
[data-star^="3.6"]::after{width:72%}
[data-star^="3.7"]::after{width:74%}
[data-star^="3.8"]::after{width:76%}
[data-star^="3.9"]::after{width:78%}
[data-star^="4"]::after{width:80%}
[data-star^="4.1"]::after{width:82%}
[data-star^="4.2"]::after{width:84%}
[data-star^="4.3"]::after{width:86%}
[data-star^="4.4"]::after{width:88%}
[data-star^="4.5"]::after{width:90%}
[data-star^="4.6"]::after{width:92%}
[data-star^="4.7"]::after{width:94%}
[data-star^="4.8"]::after{width:96%}
[data-star^="4.9"]::after{width:98%}
[data-star^="5"]::after{width:100%}

/* star rating show ends */

@media screen and (max-width: 991px) {
  .players-list .akcard{
    width:50%;
  }
  .akboxdes-inner .item-box{
    width: 40%;
  }
  .akboxdes-inner.akboxdes-3{
    grid-template-columns: repeat(2, 1fr);
  }
  .aktsocial{
    text-align: left;
  }
  .akfilter-cont .search-container.beautiful-clearable{
    float: none;
    width: 100%;
    min-width: 100px;
  }
  .akfilter-cont .my-custom-select-container{
    margin: 20px 0 0 0;
    width: 100%;
    min-width: 100px;
    float: left;
  }
  .ak_code_generator .main_box{
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .slider-group label{
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .akthh {
    flex-direction: column;
  }
  .akthh .team-img {
    text-align: center;
    display: block;
  }
  .akthh .team-head h1{
    text-align: center;
  }
  .aktsocial{
    text-align: center;
  }
  .akplayh{
    flex-direction: column;
  }
  .akplayh .prof-pic{
    margin: 0 auto;
  }
  .akplayh .bio h1{
    text-align: center;
    padding-top: 30px;
  }
  .ak-player-page .mcont{
    width: 100%;
  }
  .ak-player-page .scont{
    display: none;
  }
  .pagination-controls {
      flex-wrap: wrap;
      gap: 8px;
  }
  .pagination-link {
      min-width: 35px;
      height: 35px;
      padding: 0 12px;
  }
  .ak_product_review .prd_box_cont{
    flex-direction: column;
  }
  .ak_product_review .prd_box_cont .prd_img .lnks{
    flex-direction: column;
  }
  .ak_product_review .rate_cont a.read{
    display: block;
    margin-top: 12px;
    margin-left: 5px;
  }
}

@media screen and (max-width: 600px) {
  .ak_player_setting .akboxdes .sett_info_cont{
    flex-direction: column;
  }
  .ak-player-page .mcont .prd_mini a{
    flex-wrap: wrap;
  }
  .ak-player-page .mcont .prd_mini span.pname {
    width: 72%;
  }
  .ak-player-page .mcont .prd_mini .akbutton{
    width: 100%;
    text-align: center;
  }
  .slider-row{
    justify-content: center;
    align-items: center;
  }
  .slider-group label{
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 480px) {
  .players-list .akcard{
    width:100%;
  }
  .akboxdes-inner .item-box{
    width: 60%;
  }
  .akboxdes-inner.akboxdes-3{
    grid-template-columns: repeat(1, 1fr);
  }
  .most-used-container {
    padding: 16px;
  }
}