.addons-reference .slider-area{position:relative}
.addons-reference .slider-arrow{display:inline-block;padding:0;background-color:var(--theme-color);color:var(--title-color);position:absolute;top:50%;border:none;left:var(--pos-x, -120px);width:var(--icon-size, 56px);height:var(--icon-size, 56px);line-height:var(--icon-size, 56px);font-size:var(--icon-font-size, 18px);margin-top:calc(var(--icon-size, 56px) / -2);z-index:3;border-radius:99px}
.addons-reference .slider-arrow.default{position:relative;--pos-x: 0;margin-top:0}
.addons-reference .slider-arrow.slider-next{right:var(--pos-x, -120px);left:auto}
.addons-reference .slider-arrow:hover{background-color:var(--theme-color2);color:var(--title-color)}
.addons-reference .slider-arrow.style3{background:var(--black-color2);color:var(--theme-color);--icon-font-size: 24px;line-height:var(--icon-size, 58px)}
.addons-reference .slider-arrow.style3:hover{background:var(--theme-color);color:var(--title-color)}
.addons-reference .arrow-wrap{position:relative}
.addons-reference .arrow-wrap .slider-arrow{opacity:0;visibility:hidden;-webkit-transform:scale(0.4);-ms-transform:scale(0.4);transform:scale(0.4)}
.addons-reference .arrow-wrap:hover .slider-arrow{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@media (max-width: 1500px){.addons-reference .slider-arrow{--arrow-horizontal: -20px;--pos-x: -80px}
}
@media (max-width: 1399px){.addons-reference .slider-arrow{--arrow-horizontal: 40px;--pos-x: -30px}
}
@media (max-width: 991px){.addons-reference .slider-arrow{display:none}
}
@media (max-width: 991px){.addons-reference .slider-arrow{--icon-size: 40px;line-height:38px;margin-right:40px;font-size:14px}
.addons-reference .slider-arrow.slider-next{margin-right:0;margin-left:40px}
}
.addons-reference .th-btn{position:relative;z-index:2;overflow:hidden;vertical-align:middle;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none;text-align:center;background-color:var(--theme-color);color:var(--title-color);font-family:var(--title-font);font-size:16px;font-weight:700;line-height:1;padding:20px 30px;min-width:200px;border-radius:0px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);-webkit-transition:0.2s;transition:0.2s}
.addons-reference .th-btn:before,.addons-reference .th-btn:after{content:"";position:absolute;background-color:var(--title-color);z-index:-1;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;top:5px;left:5px;width:16px;height:calc(100% - 10px);border-radius:0;transition:-webkit-clip-path 0.2s ease;-webkit-transition:-webkit-clip-path 0.2s ease;transition:clip-path 0.2s ease;transition:clip-path 0.2s ease, -webkit-clip-path 0.2s ease;-webkit-clip-path:polygon(85% 0, 100% 0, 15% 50%, 100% 100%, 85% 100%, 0% 50%);clip-path:polygon(85% 0, 100% 0, 15% 50%, 100% 100%, 85% 100%, 0% 50%)}
.addons-reference .th-btn:after{right:5px;left:auto;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.addons-reference .th-btn i{-webkit-transition:0.4s all;transition:0.4s all}
.addons-reference .th-btn:hover,.addons-reference .th-btn.active{background:var(--white-color);-webkit-clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);color:var(--title-color)}
.addons-reference .th-btn:hover:before,.addons-reference .th-btn:hover:after,.addons-reference .th-btn.active:before,.addons-reference .th-btn.active:after{-webkit-clip-path:polygon(2px 60%, 2px calc(100% - 2px), 100% calc(100% - 0px), 100% 100%, 0 100%, 0 100%);clip-path:polygon(2px 60%, 2px calc(100% - 2px), 100% calc(100% - 0px), 100% 100%, 0 100%, 0 100%)}
.addons-reference .th-btn.btn-fw{width:100%}
.addons-reference .th-btn.btn-fw:before,.addons-reference .th-btn.btn-fw:after{display:none}
.addons-reference .th-btn.btn-fw:hover{background:var(--white-color);color:var(--title-color)}
.addons-reference .th-btn.btn-sm{padding:16px 25px;min-width:152px}
@media (max-width: 575px){.addons-reference .th-btn{padding:17px 30px;min-width:180px}
.addons-reference .th-btn .btn-border svg{height:100%;width:100%}
}
.addons-reference .sec-title{margin-bottom:calc(var(--section-title-space) - 13px);margin-top:-0.2em;text-transform:capitalize;color:var(--white-color)}
.addons-reference .sub-title{display:block;font-size:20px;font-weight:600;font-family:var(--title-font);color:var(--theme-color);margin-bottom:24px;text-transform:capitalize;line-height:24px;margin-top:-0.2em;letter-spacing:2px}
.addons-reference .sub-title.h4{font-size:30px;font-weight:600;line-height:1;margin-top:-0.14em}
.addons-reference .sub-title i{font-size:32px;margin-right:10px}
@media (max-width: 991px){.addons-reference .sub-title i{font-size:24px}
}
.addons-reference .sub-title.style2{letter-spacing:4px;text-transform:uppercase}
.addons-reference .sub-title.style3{position:relative;display:inline-block;padding:3px 20px;margin-bottom:30px;margin-top:0}
.addons-reference .sub-title.style3 .sub-title-shape{position:absolute;inset:0;left:0;top:0;-webkit-clip-path:polygon(7px 0%, calc(100% - 7px) 0%, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0% calc(100% - 7px), 0% 7px);clip-path:polygon(7px 0%, calc(100% - 7px) 0%, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0% calc(100% - 7px), 0% 7px)}
.addons-reference .sub-title.style3 .sub-title-shape img{width:100%;height:100%;object-fit:cover}
.addons-reference .sub-title.style3 .sub-title-shape .mask-icon{-webkit-mask-size:cover;mask-size:cover;top:0;left:0}
@media (max-width: 575px){.addons-reference .sub-title{font-size:16px}
}
.addons-reference .title-area{margin-bottom:calc(var(--section-title-space) - 13px);position:relative;z-index:2}
.addons-reference .title-area .sec-title{margin-bottom:22px}
.addons-reference .title-area.mb-0 .sec-title{margin-bottom:-0.24em}
.addons-reference .title-area.text-center .shadow-title{margin:-30px 0 -0.45em 0;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);width:-webkit-max-content;width:-moz-max-content;width:max-content}
@media (max-width: 1199px){.addons-reference .sub-title{margin-bottom:20px}
.addons-reference .title-area,.addons-reference .sec-title{--section-title-space: 60px}
.addons-reference .title-area.mb-45,.addons-reference .sec-title.mb-45{margin-bottom:36px}
.addons-reference .title-area.mb-50,.addons-reference .sec-title.mb-50{margin-bottom:40px}
}
@media (max-width: 991px){.addons-reference .title-area,.addons-reference .sec-title{--section-title-space: 50px}
.addons-reference .title-area.mb-45,.addons-reference .sec-title.mb-45{margin-bottom:35px}
.addons-reference .sub-title.h4{font-size:22px}
}
.addons-reference .icon-masking{position:relative;display:inline-block;height:auto;width:auto}
.addons-reference .icon-masking .mask-icon{position:absolute;height:100%;width:100%;mix-blend-mode:color;background:var(--theme-color);top:0}
.addons-reference .addon-anim-left{-webkit-animation:addon-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;animation:addon-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;opacity:0}
@-webkit-keyframes addon-anim-left{0%{-webkit-transform:translateX(-5%);transform:translateX(-5%);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}
@keyframes addon-anim-left{0%{-webkit-transform:translateX(-5%);transform:translateX(-5%);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}
.addons-reference .addon-anim-top{-webkit-animation:addon-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);animation:addon-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);opacity:0}
@-webkit-keyframes addon-anim-top{0%{-webkit-transform:translateY(-5%);transform:translateY(-5%);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}
@keyframes addon-anim-top{0%{-webkit-transform:translateY(-5%);transform:translateY(-5%);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}
.addons-reference .th-hero-wrapper{position:relative;z-index:2;overflow:hidden;margin-top:150px}
.addons-reference .th-hero-bg{position:absolute;inset:0;z-index:-1}
.addons-reference .th-hero-bg img{height:100%;width:100%;object-fit:cover}
.addons-reference .hero-3{margin-top:0;position:relative;background-color:var(--black-color)}
.addons-reference .hero-3:after{content:'';position:absolute;inset:0;top:0;left:0;background:-webkit-linear-gradient(345.41deg, #0B0E13 10.9%, rgba(11,14,19,0.966451) 20.97%, rgba(11,14,19,0.923433) 29.29%, rgba(11,14,19,0.43) 70.82%);background:linear-gradient(104.59deg, #0B0E13 10.9%, rgba(11,14,19,0.966451) 20.97%, rgba(11,14,19,0.923433) 29.29%, rgba(11,14,19,0.43) 70.82%);-webkit-clip-path:polygon(100% 0, 100% calc(100% - 153px), calc(100% - 153px) 100%, 153px 100%, 0% calc(100% - 153px), 0 0);clip-path:polygon(100% 0, 100% calc(100% - 153px), calc(100% - 153px) 100%, 153px 100%, 0% calc(100% - 153px), 0 0);z-index:-1}
.addons-reference .hero-3 .th-hero-bg{-webkit-clip-path:polygon(100% 0, 100% calc(100% - 153px), calc(100% - 153px) 100%, 153px 100%, 0% calc(100% - 153px), 0 0);clip-path:polygon(100% 0, 100% calc(100% - 153px), calc(100% - 153px) 100%, 153px 100%, 0% calc(100% - 153px), 0 0)}
.addons-reference .hero-style3{padding:330px 0 290px}
@media (max-width: 1199px){.addons-reference .hero-style3{padding:300px 0 260px}
}
@media (max-width: 991px){.addons-reference .hero-style3{padding:270px 0 240px}
}
@media (max-width: 575px){.addons-reference .hero-style3{padding:200px 0 200px}
}
.addons-reference .hero-style3 .sub-title{letter-spacing:0.15em;text-transform:uppercase;font-size:24px;font-weight:700;margin-top:-0.18em;margin-bottom:33px}
@media (max-width: 1399px){.addons-reference .hero-style3 .sub-title{font-size:20px}
}
@media (max-width: 1199px){.addons-reference .hero-style3 .sub-title{font-size:18px}
}
@media (max-width: 991px){.addons-reference .hero-style3 .sub-title{font-size:16px}
}
.addons-reference .hero-style3 .hero-title{color:var(--white-color);font-family:var(--war-font);font-size:94px;font-weight:400;text-transform:uppercase}
.addons-reference .hero-style3 .hero-title.style2{font-family:var(--war-font2)}
@media (max-width: 1399px){.addons-reference .hero-style3 .hero-title{font-size:80px}
}
@media (max-width: 1199px){.addons-reference .hero-style3 .hero-title{font-size:70px}
}
@media (max-width: 991px){.addons-reference .hero-style3 .hero-title{font-size:60px}
}
@media (max-width: 767px){.addons-reference .hero-style3 .hero-title{font-size:55px}
}
@media (max-width: 575px){.addons-reference .hero-style3 .hero-title{font-size:45px}
}
@media (max-width: 375px){.addons-reference .hero-style3 .hero-title{font-size:38px}
}
.addons-reference .hero-style3 .btn-group{margin-top:20px}
.addons-reference .feature-game-slider1 .th-slider{padding-bottom:100px;margin-top:-100px;z-index:3}
.addons-reference .feature-game-slider1 .slider-arrow{margin-top:calc(var(--icon-size, 56px) / -1)}
.addons-reference .feature-game-card{text-align:center}
.addons-reference .feature-game-card .feature-game-card-img{position:relative}
.addons-reference .feature-game-card .feature-game-card-img img{width:100%}
.addons-reference .feature-game-card .feature-game-card-img .feature-card-img-shape{position:absolute;inset:0}
.addons-reference .feature-game-card .feature-game-card-img .feature-card-img-shape img{width:100%;height:100%}
.addons-reference .feature-game-card .feature-game-card-img .th-btn{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);transform:translate(-50%, 50%);padding:15px 40px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;opacity:0;-webkit-transition:0.4s;transition:0.4s}
.addons-reference .feature-game-card .feature-game-card-details{margin-top:28px;-webkit-transition:0.4s;transition:0.4s}
.addons-reference .feature-game-card .feature-game-card-details .box-title{margin-bottom:8px;font-size:30px;font-weight:700}
.addons-reference .feature-game-card .feature-game-card-details .box-title a{color:var(--white-color)}
.addons-reference .feature-game-card .feature-game-card-details .box-title a:hover{color:var(--theme-color)}
.addons-reference .feature-game-card .feature-game-card-details .text{margin-bottom:-0.3em}
.addons-reference .feature-game-card:hover .th-btn{opacity:1}
.addons-reference .feature-game-card:hover .feature-game-card-details{-webkit-transform:translate(0, 22px);-ms-transform:translate(0, 22px);transform:translate(0, 22px)}
@media (max-width: 767px){.addons-reference .feature-game-card .feature-game-card-img .th-btn{opacity:1}
.addons-reference .feature-game-card .feature-game-card-details{-webkit-transform:translate(0, 22px);-ms-transform:translate(0, 22px);transform:translate(0, 22px)}
}
.addons-reference .tournament-table{border:0;border-collapse:separate;border-spacing:0 10px;margin-top:-10px;margin-bottom:-10px;min-width:1000px}
.addons-reference .tournament-table thead{background-color:var(--theme-color);-webkit-clip-path:polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%);clip-path:polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%)}
.addons-reference .tournament-table thead th{border:0;text-align:center;font-size:20px;font-weight:700;font-family:var(--title-font);color:var(--title-color);line-height:44px}
.addons-reference .tournament-table thead th:last-child{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:block;padding-right:50px}
.addons-reference .tournament-table thead th:first-child{padding-left:50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:block}
.addons-reference .tournament-table thead th:nth-child(2){text-align:left}
.addons-reference .tournament-table tbody tr{-webkit-clip-path:polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%);clip-path:polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%);background:var(--black-color3);margin-top:10px}
.addons-reference .tournament-table tbody tr th{border:0;text-align:center;font-size:24px;font-weight:600;font-family:var(--title-font);color:var(--white-color);vertical-align:middle}
.addons-reference .tournament-table tbody tr td{border:0;vertical-align:middle;font-size:24px;font-weight:600;font-family:var(--title-font);color:var(--white-color);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px}
.addons-reference .tournament-table tbody tr td a{color:var(--white-color)}
.addons-reference .tournament-table tbody tr td a:hover{color:var(--theme-color)}
.addons-reference .tournament-table tbody tr td ~ td{text-align:center}
.addons-reference .tournament-table tbody tr td img{max-height:40px;margin-right:20px}
.addons-reference .th-btn{
	color: #fff;
}
.addons-reference .sub-title{
	color: var(--theme-color2);
}
.addons-reference .icon-masking .mask-icon{
  background: var(--theme-color2);
}
.addons-reference .slider-arrow.style3{
  background: var(--theme-color2);
}
.addons-reference .slider-arrow.style3:hover{
  background: white;
}
.addons-reference .tournament-table thead th{
	color: var(--theme-color2);
}
.addons-reference .tournament-table tbody tr td a:hover{
  color: var(--theme-color2);
}
.addons-reference .tournament-table tbody tr th a{
  color: var(--white-color);
}
.addons-reference .tournament-table tbody tr th a:hover{
  color: var(--theme-color2);
}
.addons-reference .th-btn:hover,.addons-reference .th-btn.active{
  background: var(--theme-color2);
}
.addons-reference .slider-arrow{
  color: var(--theme-color2);
}
.addons-reference .tournament-table{
  min-width: unset;
}
@media (max-width: 767px){.addons-reference .tournament-table thead tr th{
    font-size: 15px !important;
  }
.addons-reference .tournament-table tbody tr th{
    font-size: 13px !important;
    padding-left: 10px !important;
  }
}