@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=Inter:wght@100;300;400;500;600;700;800;900&display=swap");

@import"bootstrap.min.css";
@import"plugins/fontawesome.min.css";
@import"plugins/nice-select.css";
@import"plugins/magnific-popup.css";
@import"plugins/slick.min.css";
@import"plugins/odometer-min.css";
@import"plugins/remixicon-min.css";
@import"plugins/materialicons.css";
@import"plugins/animate.css";
:root{--body-font: "Inter", sans-serif;
--head-font: "Chakra Petch", sans-serif;
--danger-color: #ED5050;
--success-color: #3FCA90;
--warning-color: #EDCB50;
--info-color: #3F7FCA;
--gradient-one-color: linear-gradient(179.33deg, rgba(9, 146, 106, 0) 5%, #09926A 90%);
--box-shadow-one: 0px 4px 4px rgba(19, 40, 34, 0.2);
--p50: #e7fef7;
--p75: #9cf9dd;
--p100: #73f6cf;
--p200: #37f3bb;
--p300: #0ef0ad;
--p400: #0aa879;
--p500: #09926a;
--s50: #e9ebfd;
--s75: #a6abf8;
--s100: #8188f5;
--s200: #4b55f0;
--s300: #2632ed;
--s400: #1b23a6;
--s500: #171f91;
--n0: #ffffff;
--n10: #fafafb;
--n20: #f6f6f6;
--n30: #ecedee;
--n40: #e1e1e3;
--n50: #c5c5ca;
--n60: #b7b7bd;
--n70: #abacb2;
--n80: #9d9ea5;
--n90: #8f9098;
--n100: #81828b;
--n200: #73747f;
--n300: #656772;
--n400: #5a5b67;
--n500: #4c4d5a;
--n600: #404250;
--n700: #303141;
--n800: #222434;
--n900: #161829;
--pL50: #e6eeeb;
--pL75: #99b8af;
--pL100: #6e9a8d;
--pL200: #306f5c;
--pL300: #05513b;
--pL400: #043929;
--pL500: #033124;
--sL50: #e7e8f8;
--sL75: #9da1e4;
--sL100: #747ad9;
--sL200: #3841c8;
--sL300: #0f1abd;
--sL400: #0b1284;
--sL500: #091073}

.collapsing{transition:.3s}

html{scroll-behavior:smooth}

body{font-family:var(--body-font);
background-color:var(--n900);
font-size:18px;
line-height:30px;
padding:0;
margin:0;
font-weight:400;
overflow-x:hidden;
position:relative}

section,footer{overflow-x:hidden}

h1,h1>a,h2,h2>a,h3,h3>a,h4,h4>a,h5,h5>a,h6,h6>a,.display-one,.display-two,.display-three,.display-four,.display-five,.display-six,.heading,.heading-one,.heading-two,.heading-three,.heading-four,.heading-five,.heading-six{font-family:var(--head-font);
color:var(--n0);
font-weight:700;
padding:0;
margin:0;
display:block;
text-transform:capitalize;
transition:all .3s}

h1 span,h1>a span,h2 span,h2>a span,h3 span,h3>a span,h4 span,h4>a span,h5 span,h5>a span,h6 span,h6>a span,.display-one span,.display-two span,.display-three span,.display-four span,.display-five span,.display-six span,.heading span,.heading-one span,.heading-two span,.heading-three span,.heading-four span,.heading-five span,.heading-six span{font-size:inherit;
font-family:inherit;
color:var(--p300);
line-height:inherit;
font-weight:inherit}

a{text-decoration:none;
outline:none;
color:var(--n50);
transition:.3s}

a:focus,a:hover{text-decoration:none;
outline:none;
color:var(--n0)}

.feature-tag{position:relative;
background-color:var(--p300);
color:var(--n800);
text-transform:uppercase;
font-weight:600;
width:80px;
height:120px;
top:0;
z-index:1;
-webkit-clip-path:polygon(0 0, 100% 0%, 100% 100%, 50% 75%, 0 100%);
clip-path:polygon(0 0, 100% 0%, 100% 100%, 50% 75%, 0 100%)}

.circle-text{width:225px;
height:225px;
border-radius:50%;
background-color:var(--p300);
border:1px solid var(--p400);
display:flex;
align-items:center;
justify-content:center;
position:relative;
border-radius:50%}

.circle-text .text{animation:rotate 50s linear infinite;
width:100%;
height:100%;
position:absolute}

.circle-text .text p{transform:translate(50%, 15px)}

.circle-text .text span{position:absolute;
color:var(--n800);
font-weight:600;
font-size:18px;
transform-origin:0 100px}

.circle-text .box-style.btn-box-second{background-color:var(--n0);
border:1px solid var(--p400);
width:140px;
height:140px}

.circle-text .box-style.btn-box-second i{color:var(--p300)}

.box-style{position:relative;
overflow:hidden;
display:flex;
height:170px;
width:170px;
font-weight:600;
transition:all .3s;
z-index:0;
border-radius:50%}

.box-style:hover{color:var(--n700)}

.box-style:hover::before{width:300%;
height:300%}

.box-style::before{content:"";
position:absolute;
top:var(--y);
left:var(--x);
transform:translate(-50%, -50%);
width:0;
height:0;
border-radius:100%;
background-color:var(--p300);
transition:all .7s ease;
z-index:-1}

.box-style.btn-box{padding:13px 25px;
display:inline-flex;
background-color:var(--p300);
width:initial;
height:initial;
font-weight:600;
border-radius:16px}

.box-style.btn-box:hover{color:var(--n0)}

.box-style.btn-box:hover:before{border-radius:15px;
background-color:var(--p500)}

.box-style.btn-box-second{height:110px;
width:110px;
background-color:var(--p300);
color:var(--n800)}

.box-style.btn-box-second:hover{color:var(--n0)}

.box-style.btn-box-second:hover:before{background-color:var(--p500)}

.box-style.btn-box-third{padding:13px 25px;
display:inline-flex;
background-color:rgba(0,0,0,0);
border:1px solid var(--p300);
width:initial;
height:initial;
font-weight:600;
border-radius:16px;
color:var(--n0)}

.box-style.btn-box-third:hover{border-color:rgba(0,0,0,0)}

.box-style.btn-box-third:hover:before{border-radius:15px;
background-color:var(--p500)}

.box-style.box-first{width:initial;
height:initial;
flex-direction:column;
border-radius:0;
background-color:rgba(0,0,0,0)}

.box-style.box-first:before{background-color:rgba(0,0,0,0)}

.box-style.box-first:hover:before{background-color:var(--n700);
border-radius:0}

.box-style.box-second{width:initial;
height:initial;
border-top:1px solid var(--n700);
border-bottom:1px solid var(--n700);
border-radius:0;
background-color:rgba(0,0,0,0)}

.box-style.box-second:before{background-color:rgba(0,0,0,0)}

.box-style.box-second:hover{border-color:rgba(0,0,0,0)}

.box-style.box-second:hover:before{background-color:var(--n800);
border-radius:12px}

.social-area a{width:30px;
height:30px;
border:1px solid var(--n500);
border-radius:15px;
transition:.3s all}

.social-area a i{color:var(--p300)}

.social-area a:hover{background-color:var(--p400)}

.social-area a:hover i{color:var(--n0)}

.btn-base{color:var(--p300);
border:2px solid var(--n0);
line-height:53px;
line-height:55px;
padding:0 38px;
border-radius:0;
overflow:hidden;
position:relative;
transition:all .5s ease;
font-weight:500;
border-radius:4px;
z-index:0;
overflow:hidden}

.btn-base::after{background:var(--p300);
border-radius:4px;
content:"";
display:block;
height:100%;
width:100%;
position:absolute;
left:0;
top:0;
transform:translate(-100%, 0) rotate(10deg);
transform-origin:top left;
transition:.2s transform ease-out;
will-change:transform;
z-index:-1}

.btn-base:hover,.btn-base:focus{border-color:rgba(0,0,0,0);
overflow:hidden;
color:#fff;
transform:scale(1.05);
will-change:transform}

.btn-base:hover:after,.btn-base:focus:after{height:100%;
width:135%;
transform:translate(0, 0)}

.mouse-follower{z-index:10}

.mouse-follower span{z-index:10;
opacity:1;
top:-10px;
left:-10px;
transform:translate(-50%, -50%);
border-radius:50%;
position:fixed;
transition:100ms ease-in-out;
pointer-events:none}

.mouse-follower .cursor-outline{height:30px;
width:30px;
border:1px solid var(--p300)}

.mouse-follower .cursor-dot{height:6px;
width:6px;
background:var(--p300)}

.mouse-follower.hide-cursor span{border-color:rgba(0,0,0,0);
background:rgba(0,0,0,0)}

img{max-width:100%;
height:auto}

.max-un{max-width:unset}

.d-rtl{direction:rtl}

ul,ol{padding:0;
margin:0;
list-style:none}

ul li,ol li{font-size:inherit}

button{border:none;
cursor:pointer;
font-size:16px;
line-height:24px;
padding:0;
background-color:rgba(0,0,0,0)}

.tabcontents{position:relative}

.tabcontents .tabitem{transform:translateY(100px);
position:absolute;
z-index:-1;
top:0;
width:100%;
opacity:0;
transition:.8s all}

.tabcontents .tabitem.active{position:initial;
z-index:1;
opacity:1;
transform:translateY(0)}

.single-input{margin-bottom:16px}

.single-input .nice-select{border:1px solid var(--n500);
padding:15px 20px}

.single-input .nice-select:focus,.single-input .nice-select:hover{border:1px solid var(--n500)}

.single-input .nice-select .list{background-color:var(--n900);
width:100%;
top:100%;
bottom:initial}

.single-input .nice-select::after{display:block}

input,textarea{padding:15px 20px;
color:var(--n0);
width:100%;
font-family:var(--body-font);
outline-color:rgba(0,0,0,0);
border-radius:10px;
font-size:16px;
background-color:inherit;
border:1px solid var(--n500)}

input::-moz-placeholder, textarea::-moz-placeholder{color:var(--n500);
font-size:16px}

input::placeholder,textarea::placeholder{color:var(--n500);
font-size:16px}

input:focus,textarea:focus{outline:none;
box-shadow:none;
border:1px solid var(--p300)}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;
margin:0}

input[type=number]{-moz-appearance:textfield}

input[type=checkbox]{width:initial;
height:initial}

select{padding:10px 20px;
border:none;
cursor:pointer;
outline:none}

span{display:inline-block}

.table thead th,.table td,.table th{border:none}

.b-none{border:none !important}

.ovf-unset{overflow-x:unset !important}

iframe{border:0;
width:100%}

.shadow-none{box-shadow:none}

.display-one{font-size:80px;
line-height:96.8px}

.display-two{font-size:72px;
line-height:86.4px}

.display-three{font-size:64px;
line-height:76.8px}

.display-four{font-size:56px;
line-height:67.2px}

.display-five{font-size:48px;
line-height:46.4px}

.display-six{font-size:42px;
line-height:54.6px}

.fs-one,h1,h1>a{font-size:48px;
line-height:57.6px}

.fs-two,h2,h2>a{font-size:40px;
line-height:48px}

.fs-three,h3,h3>a{font-size:32px;
line-height:38.4px}

.fs-four,h4,h4>a{font-size:24px;
line-height:31.2px}

.fs-five,h5,h5>a{font-size:20px;
line-height:26px}

.fs-six,h6,h6>a{font-size:16px;
line-height:20.8px}

.fs-seven{font-size:14px;
line-height:18.8px}

table thead tr th{font-size:18px;
line-height:30px}

a,p,span,label,li{margin:0;
font-family:var(--body-font);
color:var(--n50);
font-size:16px;
font-weight:400;
line-height:24px}

.alt-bg a,.alt-bg p,.alt-bg span,.alt-bg h1,.alt-bg h2,.alt-bg h3,.alt-bg h4,.alt-bg h5,.alt-bg h6{color:var(--n800)}

li{font-size:inherit}

.d-center{display:flex;
justify-content:center;
align-items:center}

.section-text{margin-bottom:32px}

.section-header{margin-bottom:55px}

.cus-mar{margin-bottom:-24px}

.single-box{margin-bottom:24px}

.sub-title{margin-bottom:16px}

.title{margin-bottom:10px}

.cus-z0{z-index:0}

.cus-z1{z-index:1}

.cus-z2{z-index:2}

.pt-120{padding-top:120px}

@media(max-width: 991px){.pt-120{padding-top:60px}

.header-section{box-shadow:0px 3px 10px 0px rgba(0,0,0,.3)}

}

@media(max-width: 575px){.pt-120{padding-top:50px}

}

.pb-120{padding-bottom:120px}

@media(max-width: 991px){.pb-120{padding-bottom:60px}

}

@media(max-width: 575px){.pb-120{padding-bottom:50px}

}

*::-webkit-scrollbar-track{background:var(--p300)}

*::-webkit-scrollbar{width:6px}

*::-webkit-scrollbar-button,*::-webkit-scrollbar-thumb{background:var(--p500)}

.cus-scrollbar{overflow-y:auto;
overflow-x:hidden;
position:sticky;
max-height:90vh;
top:100px}

.cus-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,0)}

.cus-scrollbar::-webkit-scrollbar{width:3px;
background-color:rgba(0,0,0,0)}

.cus-scrollbar::-webkit-scrollbar-button,.cus-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}

.cus-scrollbar:hover::-webkit-scrollbar{width:3px}

.cus-scrollbar:hover::-webkit-scrollbar-track{background:rgba(255,211,198,.5)}

.cus-scrollbar:hover::-webkit-scrollbar-button,.cus-scrollbar:hover::-webkit-scrollbar-thumb{background:var(--p300)}

.scrollToTop{position:fixed;
bottom:0;
right:30px;
color:var(--p300);
line-height:45px;
font-size:20px;
text-align:center;
z-index:9;
cursor:pointer;
transition:all 1s;
transform:translateY(100%)}

.scrollToTop.active{bottom:120px;
transform:translateY(0%) rotate(-90deg)}

.scrollToTop::before{content:"";
position:absolute;
width:40px;
height:1px;
left:-50px;
background:var(--p300)}

.preloader{width:100%;
height:100vh;
background-color:var(--n800);
position:fixed;
display:flex;
overflow:hidden;
top:0;
z-index:99999}

.preloader .loader{width:48px;
height:48px;
border-radius:50%;
position:relative;
animation:rotate 1s linear infinite}

.preloader .loader::before{content:"";
box-sizing:border-box;
position:absolute;
inset:0px;
border-radius:50%;
border:5px solid var(--danger-color);
animation:prixClipFix 2s linear infinite}

.accordion-button:focus{box-shadow:none}

.animated{animation-duration:1s;
animation-fill-mode:both}

.fadeInDown{animation-name:fadeInDown}

.slick-arrow{position:absolute;
outline:none;
bottom:0;
padding:0;
width:50px;
height:50px;
border-radius:50%;
background-color:rgba(0,0,0,0);
border:1px solid var(--n700);
display:flex;
align-items:center;
justify-content:center;
z-index:1}

.slick-arrow:hover{border-color:var(--p300);
box-shadow:var(--box-shadow-one)}

.slick-arrow:hover i{color:var(--n900)}

.slick-arrow i{color:var(--n0);
font-size:24px;
transition:.1s}

.slick-arrow.arafat-prev{left:calc(50% - 60px);
transform:rotate(180deg)}

.slick-arrow.arafat-next{right:calc(50% - 60px)}

.slick-arrow.top-right{bottom:initial;
left:initial;
top:-120px}

.slick-arrow.top-right.arafat-prev{right:70px}

.slick-arrow.top-right.arafat-next{right:0}

.slick-arrow.bottom-right{width:35px;
height:35px;
bottom:32px;
border-color:var(--p300)}

.slick-arrow.bottom-right.arafat-prev{left:initial;
right:84px}

.slick-arrow.bottom-right.arafat-next{right:32px}

.slick-arrow.bottom-right:hover i{color:var(--n0)}

@keyframes progressBar{0%{width:0}

100%{width:100%}

}

.slick-double-dots{display:flex;
justify-content:end;
align-items:center;
bottom:33px;
position:absolute;
width:calc(100% - 100px);
right:40px}

.slick-double-dots .totalString{position:absolute;
right:-20px}

.slick-double-dots li{margin:0 10px;
display:flex;
align-items:center;
justify-content:center}

.slick-double-dots li::before{content:"";
position:absolute;
width:3px;
height:3px;
border-radius:10px;
border:1px solid var(--n50);
z-index:2;
transition:.3s}

.slick-double-dots li::after{content:"";
position:absolute;
width:10px;
height:10px;
border-radius:50%;
border:1px solid rgba(0,0,0,0);
z-index:2;
transition:.3s}

.slick-double-dots li.slick-active::before{background-color:var(--p300);
border-color:rgba(0,0,0,0);
z-index:5}

.slick-double-dots li.slick-active::after{border-color:var(--p300)}

.slick-double-dots .progressBar{position:absolute;
width:100%;
display:flex;
align-items:center;
max-width:80px;
left:0}

.slick-double-dots .progressBar::before{content:"";
background-color:var(--n0);
height:1px;
position:absolute;
width:100%;
z-index:4}

.slick-double-dots .progressBar .string{position:absolute;
opacity:0;
left:-20px}

.slick-double-dots .progressBar span{font-size:inherit}

.slick-double-dots .slick-active .string{opacity:1}

.slick-double-dots .slick-active .progressBar::after{content:"";
background-color:var(--p300);
height:1px;
position:absolute;
width:100%;
animation:progressBar 2s ease-in-out;
z-index:5}

.nice-select{background-color:rgba(0,0,0,0);
border:rgba(0,0,0,0);
float:initial;
padding:0;
display:flex;
align-items:center;
line-height:initial;
border-radius:10px;
height:100%;
width:100%}

.nice-select:focus,.nice-select:hover{border-color:rgba(0,0,0,0)}

.nice-select::after{height:10px;
width:10px;
right:15px;
top:initial;
display:none}

.nice-select .list{width:initial;
background-color:rgba(0,0,0,0);
border:1px solid var(--p300);
box-shadow:0;
top:initial;
bottom:100%;
padding:0}

.nice-select .option{background-color:rgba(0,0,0,0);
font-size:16px;
line-height:18px;
padding:4px 5px;
min-height:initial}

.nice-select .option:hover,.nice-select .option:focus,.nice-select .option.selected.focus{color:var(--p300);
background-color:rgba(0,0,0,0)}

.single-radio{cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none}

.single-radio:hover input~.checkmark{background-color:rgba(0,0,0,0)}

.single-radio.checkbox .checkmark{border-radius:0}

.single-radio.checkbox .checkmark::after{border-radius:0}

.single-radio .checkmark{position:absolute;
left:20px;
height:18px;
width:18px;
background-color:rgba(0,0,0,0);
border:1px solid var(--n0);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center}

.single-radio .checkmark::after{content:"";
position:absolute;
width:8px;
height:8px;
border-radius:50%;
background:rgba(0,0,0,0)}

.single-radio input{position:absolute;
opacity:0;
cursor:pointer}

.single-radio input:checked~.checkmark{background-color:rgba(0,0,0,0);
border:1px solid var(--p300)}

.single-radio input:checked~.checkmark::after{display:block;
background:var(--p300)}

.input-area{border-radius:10px;
background-color:rgba(0,0,0,0);
border:1px solid var(--n600)}

.input-area:focus-within{outline:1px solid var(--p300);
border-color:rgba(0,0,0,0)}

.input-area.second{padding:6px 10px;
background-color:rgba(0,0,0,0);
border:1px solid var(--n500)}

.input-area.second input{font-size:16px}

.input-area input,.input-area textarea{border-radius:0;
padding:0;
padding-right:15px;
border:none;
background:rgba(0,0,0,0)}

@keyframes rotate{100%{transform:rotate(360deg)}

}

@keyframes prixClipFix{0%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}

25%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}

50%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}

75%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}

100%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}

}

@keyframes leftToRight{0%{transform:rotateY(0deg)}

100%{transform:rotateY(360deg)}

}

@keyframes fadeInDown{from{opacity:0;
transform:translate3d(0, -100%, 0)}

to{opacity:1;
transform:none}

}

@keyframes fadeInOut{0%{transform:scale(0.9)}

50%{transform:scale(1)}

100%{transform:scale(0.9)}

}

@keyframes loading{0%{transform:rotate(0deg)}

100%{transform:rotate(180deg)}

}

@keyframes rotation{100%{transform:rotatey(360deg)}

}

@keyframes spin{from{transform:rotate(0deg)}

to{transform:rotate(360deg)}

}

@keyframes ripple2Ani{0%{transform:translate(0px, 0px)}

33%{transform:translate(-5px, -5px)}

66%{transform:translate(5px, 5px)}

100%{transform:translate(0px, 0px)}

}

@keyframes stretch{0%{transform:scale(0.8, 0.8)}

50%{transform:scale(1.1, 1.1)}

100%{transform:scale(0.8, 0.8)}

}

@keyframes rippleAni{0%{transform:translate(0px, 0px)}

33%{transform:translate(5px, -5px)}

66%{transform:translate(-5px, 5px)}

100%{transform:translate(0px, 0px)}

}

@keyframes rippleAni{0%{transform:translate(0px, 0px)}

33%{transform:translate(5px, -5px)}

66%{transform:translate(-5px, 5px)}

100%{transform:translate(0px, 0px)}

}

@keyframes MoveUpDown{0%{transform:skew(-17deg) translateY(0)}

100%{transform:skew(-17deg) translateY(100%)}

}

@keyframes MoveDownUp{100%{transform:skew(-17deg) translateY(0)}

0%{transform:skew(-17deg) translateY(100%)}

}

.header-section{position:fixed;
top:0;
left:0;
width:100%;
z-index:999;
background:linear-gradient(153.32deg, rgba(255, 255, 255, 0.3) -65.62%, rgba(255, 255, 255, 0.1) 83.28%);
box-shadow:0px 4px 24px -1px rgba(0,0,0,.2);
-webkit-backdrop-filter:blur(15px);
backdrop-filter:blur(15px)}

.header-section.header-fixed{top:0;
left:0;
width:100%;
z-index:999;
border-color:rgba(0,0,0,0)}

.header-section .navbar-toggler{padding-right:0;
display:none;
border:none}

.header-section .navbar-toggler:focus{box-shadow:none}

.header-section .navbar-toggler i{color:var(--p300)}

.header-section .navbar{position:relative}

.header-section .navbar::before{position:absolute;
content:"";
background:#161829;
opacity:.4;
width:100%;
height:100%;
opacity:.4;
z-index:-1}

.header-section .navbar .navbar-nav ul{padding:10px 0}

.header-section .navbar .navbar-nav li{padding:5px 0}

.header-section .navbar .navbar-nav a,.header-section .navbar .navbar-nav button{text-transform:capitalize;
font-weight:600;
background-color:rgba(0,0,0,0);
color:var(--bs-white);
position:relative;
display:flex;
align-items:center;
justify-content:center;
transition:.3s}

.header-section .navbar .navbar-nav a::before,.header-section .navbar .navbar-nav button::before{position:absolute;
content:"";
transform:rotate(0deg);
transition:.3s;
opacity:0;
background-color:var(--p300);
width:30px;
height:1px}

.header-section .navbar .navbar-nav a.active,.header-section .navbar .navbar-nav a:hover,.header-section .navbar .navbar-nav button.active,.header-section .navbar .navbar-nav button:hover{color:var(--p300)}

.header-section .navbar .navbar-nav a.active::before,.header-section .navbar .navbar-nav a:hover::before,.header-section .navbar .navbar-nav button.active::before,.header-section .navbar .navbar-nav button:hover::before{transform:rotate(-50deg);
opacity:1;
transition:.3s}

.header-section .navbar .navbar-nav .dropdown-menu a,.header-section .navbar .navbar-nav .dropdown-menu button{display:initial}

.header-section .navbar .navbar-nav .dropdown-menu a:hover,.header-section .navbar .navbar-nav .dropdown-menu button:hover{letter-spacing:1px;
transition:.5s}

.header-section .navbar .navbar-nav .dropdown-menu a::after,.header-section .navbar .navbar-nav .dropdown-menu button::after{right:initial}

.header-section .navbar .navbar-nav .dropdown-menu a::before,.header-section .navbar .navbar-nav .dropdown-menu button::before{display:none}

.header-section .navbar .dropdown-toggle{position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
z-index:1}

.header-section .navbar .dropdown-toggle::after{position:absolute;
content:"";
border:none;
font-family:"FontAwesome";
font-weight:400;
transform:rotate(90deg);
font-size:14px;
right:-10px;
z-index:-1}

.header-section .navbar .dropdown-menu{padding-right:20px;
transition:all .5s;
transform:translateY(50px) translateX(0)}

.header-section .navbar .dropdown-menu button,.header-section .navbar .dropdown-menu a{padding:0 10px}

.header-section .navbar .dropdown-menu,.header-section .navbar .sub-menu{-webkit-backdrop-filter:blur(25px);
backdrop-filter:blur(25px);
background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
box-shadow:0px 4px 24px 1px rgba(35,16,94,.25);
display:block;
opacity:0;
visibility:hidden}

.header-section .navbar .navbar-toggler:focus{outline:0;
box-shadow:none}

.header-section .navbar .show-dropdown{margin-right:15px}

.header-section .navbar .show-dropdown:hover .dropdown-menu{opacity:1;
visibility:visible;
transform:translateY(0) translateX(0)}

.header-section .navbar .sub-dropdown{position:relative}

.header-section .navbar .sub-dropdown:hover .sub-menu{opacity:1;
visibility:visible;
transform:translateY(-5px) translateX(0)}

.header-section .navbar .sub-dropdown .dropdown-toggle::after{transform:rotate(0deg)}

.header-section .navbar .sub-dropdown .sub-menu{position:absolute;
left:150px;
top:0;
z-index:1;
transition:all .5s}

.header-section .navbar .sub-dropdown .sub-menu a{font-weight:500}

@media(max-width: 1199px){.header-section .navbar .navbar-toggler{display:inline-block}

.header-section .navbar .navbar-brand img{max-width:initial}

.header-section .navbar .navbar-collapse .navbar-nav{max-height:250px;
margin:20px 0;
overflow-y:auto;
margin-bottom:10px;
overflow-x:hidden}

.header-section .navbar .navbar-collapse .navbar-nav a,.header-section .navbar .navbar-collapse .navbar-nav button{justify-content:start}

.header-section .navbar .dropdown-menu{-moz-column-count:1;
column-count:1}

.header-section .navbar .sub-dropdown .sub-menu{position:initial;
transition:initial}

.header-section .navbar .dropdown-menu,.header-section .navbar .sub-menu{opacity:initial;
visibility:initial;
transition:initial;
display:none}

.header-section .navbar .dropdown-menu{transform:initial;
transition:initial;
display:none}

.header-section .navbar .dropdown-toggle::after{z-index:0}

.header-section .navbar .dropend{margin-left:18px}

.header-section .navbar .navbar-collapse .right-area{margin-left:0}

}

.header-section .contact-info i{color:var(--n0)}

.header-section.header-menu{z-index:999;
overflow:unset}

.header-section.header-menu .cmn-head{cursor:pointer}

.header-section.header-menu .cmn-head .icon-area{width:32px;
height:32px;
border:1px solid var(--n700);
border-radius:30px}

.header-section.header-menu .cmn-head .icon-area i{color:var(--n0)}

.header-section.header-menu .cmn-head .icon-area .abs-area{right:initial;
top:-4px;
left:-4px}

.header-section.header-menu .single-item{position:relative}

.header-section.header-menu .single-item.active .main-area{opacity:1;
visibility:visible;
transform:translateY(0px)}

.header-section.header-menu .single-item .main-area{position:absolute;
top:50px;
white-space:nowrap;
right:0;
transform:translateY(150px);
background-color:var(--n700);
border:1px solid var(--n500);
border-radius:10px;
opacity:0;
transition:.3s;
visibility:hidden;
overflow-x:auto;
min-width:300px;
max-height:70vh}

.header-section.header-menu .single-item .avatar .avatar-img{border-radius:15px}

.header-section.header-menu .single-item.profile-area ul a{display:flex;
align-items:center;
gap:8px;
margin:16px 0}

.header-section.header-menu .single-item.profile-area ul li:last-child{border-top:1px solid var(--n500);
border-bottom:1px solid var(--n500)}

.header-section.header-menu .single-item.cart-area{padding-left:200px}

.header-section.header-menu .single-item.cart-area .close-btn{right:15px;
top:15px;
color:var(--n0)}

.header-section.header-menu .single-item.cart-area .nav-items-wrapper{position:fixed;
top:0px;
right:0px;
bottom:0px;
width:100%;
max-width:500px;
min-height:100vh;
overflow-y:auto;
background:var(--n800);
box-shadow:0px 7px 16px -2px rgba(88,82,129,.12);
-webkit-backdrop-filter:blur(22.5px);
backdrop-filter:blur(22.5px);
z-index:999;
transform:translateX(100%);
transition:all 1.3s}

.header-section.header-menu .single-item.cart-area.active .nav-items-wrapper{transform:translateX(0)}

.header-section.header-menu .single-item.cart-area .single-box{border:1px solid var(--n500);
border-radius:5px}

.header-section.header-menu .single-item.cart-area .end-area{color:var(--n0)}

.header-section.header-menu .single-item.cart-area .icon-box img{max-width:90px;
min-width:90px}

.header-section.header-menu .single-item.cart-area .footer-area .second-btn{background-color:var(--n700);
color:var(--n0);}

.header-section.header-menu .single-item.cart-area .qtySelector{border-radius:10px}

.header-section.header-menu .single-item.cart-area .qtySelector i{cursor:pointer;
color:var(--n0);
min-width:32px;
min-height:32px;
border-radius:50%;
background-color:var(--n100)}

.header-section.header-menu .single-item.cart-area .qtySelector .qtyValue{border:none;
padding:5px;
width:50px;
background:rgba(0,0,0,0);
font-weight:bold;
color:var(--n0)}

.sidebar-wrapper .side-menubar{position:fixed;
z-index:9999;
top:0;
left:0;
height:100vh;
background:linear-gradient(153.32deg, rgba(255, 255, 255, 0.3) -65.62%, rgba(255, 255, 255, 0.1) 83.28%);
box-shadow:0px 4px 24px -1px rgba(0,0,0,.2);
-webkit-backdrop-filter:blur(15px);
backdrop-filter:blur(15px);
border-right:1px solid var(--n500);
width:100px;
height:100vh}

.sidebar-wrapper .side-menubar .sidebar-close span{font-size:10px;
margin-top:-8px}

.sidebar-wrapper .side-menubar .sidebar-close i{color:var(--n50)}

.sidebar-wrapper .sidebar-content{background:linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.4) 100%);
box-shadow:0px 4px 24px 1px rgba(35,16,94,.25);
-webkit-backdrop-filter:blur(25px);
backdrop-filter:blur(25px);
position:fixed;
z-index:9999;
left:100px;
top:0;
height:100vh;
overflow:scroll;
overflow-x:hidden;
width:95%;
opacity:0;
visibility:hidden;
transition:1s all}

.sidebar-wrapper .sidebar-content .footer-items{border-top:1px solid var(--n300);
position:absolute;
max-height:50vh}

.sidebar-wrapper .sidebar-content .single-item{border-right:1px solid var(--n300);
height:100%;
opacity:0;
margin-bottom:-65px;
transition:1.5s all}

.sidebar-wrapper .sidebar-content .navbar-nav{gap:0 !important;
transition:1.5s all}

.sidebar-wrapper .sidebar-content .header-fixed,.sidebar-wrapper .sidebar-content .header-section{height:50vh;
align-items:center;
justify-content:center;
display:flex !important;
background:rgba(0,0,0,0);
-webkit-backdrop-filter:blur(0);
backdrop-filter:blur(0);
box-shadow:none}

.sidebar-wrapper .sidebar-content .header-fixed .navbar::before,.sidebar-wrapper .sidebar-content .header-section .navbar::before{background-color:rgba(0,0,0,0)}

.sidebar-wrapper .sidebar-content .header-section .navbar .navbar-nav{flex-direction:row}

.sidebar-wrapper .sidebar-content .header-section .navbar .navbar-nav li{position:relative}

.sidebar-wrapper .sidebar-content .header-section .navbar .navbar-nav ul{position:absolute}

.sidebar-wrapper .sidebar-content .header-section .navbar .dropdown-toggle::after{font-size:28px;
right:-24px}

.sidebar-wrapper.sidebar-active .sidebar-content{opacity:1;
visibility:visible}

.sidebar-wrapper.sidebar-active .sidebar-content .single-item{opacity:1;
margin-bottom:0;
transition:1.5s all}

.sidebar-wrapper.sidebar-active .sidebar-content .navbar-nav{gap:50px !important;
transition:1.5s all}

.sidebar-wrapper .icon-box{width:60px;
height:60px;
background:var(--n700);
border-radius:30px}

.sidebar-wrapper .icon-box i{color:var(--p300)}

.sidebar-wrapper .header-section.header-fixed{box-shadow:none}

.banner-section{background-color:var(--n800)}

.banner-section .banner-content{padding:160px 0}

.banner-section .shape-area img{position:absolute}

.banner-section .shape-area .shape-1{top:20%;
left:5%;
animation:rotate 35s linear infinite}

.banner-section .shape-area .shape-2{left:calc(50% - 250px);
bottom:10%}

.banner-section .shape-area .shape-3{left:calc(50% - 250px);
top:5%}

.banner-section .ellipse-area{width:100px;
height:100px;
animation:stretch 5s linear infinite}

.banner-section .ellipse-area img{position:absolute}

.banner-section .ellipse-area .ellipse-1{right:0}

.banner-section .ellipse-area .ellipse-2{right:0;
bottom:0}

.banner-section .ellipse-area .ellipse-3{bottom:0}

.banner-section .ellipse-area.ellipse-one{top:15%;
left:15%}

.banner-section .ellipse-area.ellipse-two{top:18%;
left:0%}

.banner-section .ellipse-area.ellipse-two .ellipse-1{right:0}

.banner-section .ellipse-area.ellipse-two .ellipse-2{right:0;
bottom:50%}

.banner-section .ellipse-area.ellipse-two .ellipse-3{bottom:0}

.banner-section .ellipse-area.ellipse-two .ellipse-5{bottom:0;
right:25%}

.banner-section .ellipse-area.ellipse-three{top:40%;
left:5%}

.banner-section .ellipse-area.ellipse-three .ellipse-1{right:0}

.banner-section .ellipse-area.ellipse-four{left:calc(50% + 50px);
bottom:calc(50% - 160px)}

/* .banner-section .single-slider{background-color:var(--n0)} */

.banner-section .single-slider h3{color:var(--n800)}

.banner-section .single-slider img{width:100%}

.banner-section .slick-arrow{background-color:rgba(0,0,0,0);
border-color:var(--p75)}

.banner-section .slick-arrow:hover{border-color:var(--p300)}

.banner-section.index-one{position:relative;
z-index:1}

.banner-section.index-one::before,.banner-section.index-one::after{position:absolute;
content:"";
width:395px;
height:120%;
bottom:0;
background:var(--p500);
transform:skew(-17deg);
z-index:-1}

.banner-section.index-one::before{right:15%;
animation:MoveDownUp 5s linear alternate}

.banner-section.index-one::after{width:20px;
right:12%;
animation:MoveUpDown 5s linear infinite alternate}

.banner-section.index-one .overlay{position:relative;
z-index:1}

.banner-section.index-one .overlay::before,.banner-section.index-one .overlay::after{position:absolute;
content:"";
width:395px;
height:300px;
bottom:0;
background:var(--gradient-one-color);
transform:skew(-17deg);
z-index:-1}

.banner-section.index-one .overlay::before{left:0;
animation:MoveDownUp 5s linear infinite alternate}

.banner-section.index-one .overlay::after{width:20px;
left:22%;
animation:MoveUpDown 5s linear infinite alternate}

.banner-section.index-two{background-image:url(../images/index-2-bg.png);
background-position:center left;
background-repeat:no-repeat;
position:relative}

.banner-section.index-two::before{position:absolute;
content:"";
width:100%;
height:100%;
z-index:0;
background:var(--n800);
opacity:.85}

.banner-section.index-two .banner-content{padding:230px 0 0}

.banner-section.index-two .btn-item a{letter-spacing:8px;
text-transform:uppercase;
font-weight:600;
z-index:0;
transition:all .3s}

.banner-section.index-two .btn-item a span,.banner-section.index-two .btn-item a i{color:var(--n900);
font-weight:600;
transition:all .5s}

.banner-section.index-two .btn-item a::before,.banner-section.index-two .btn-item a::after{position:absolute;
content:"";
background-color:var(--p300);
width:100%;
height:100%;
z-index:-1;
transition:all .3s}

.banner-section.index-two .btn-item a::after{background-color:var(--p500);
bottom:-100%;
visibility:hidden;
opacity:0}

.banner-section.index-two .btn-item a:hover::before,.banner-section.index-two .btn-item a:hover::after{bottom:0;
height:120%}

.banner-section.index-two .btn-item a:hover::after{visibility:visible;
opacity:1;
transition:all .5s}

.banner-section.index-two .btn-item a:hover i{color:var(--n0)}

.banner-section.index-two .btn-item a:hover span{transform:translateY(-10px);
letter-spacing:12px;
color:var(--n0);
transition:all .5s}

.banner-section.index-two .btn-item a.second::before{background-color:rgba(0,0,0,0)}

.banner-section.index-two .btn-item a.second span,.banner-section.index-two .btn-item a.second i{color:var(--n0)}

.banner-section.index-two .btn-item a.second i{transform:rotate(45deg)}

.banner-section.index-two .btn-item i{right:10%;
transform:rotate(180deg)}

.banner-section.index-two .box-items{z-index:0}

.banner-section.index-two .shape-area .shape-1{top:-5%;
left:18%;
animation:rotate 35s linear infinite}

.banner-section.index-two .shape-area .shape-2{top:15%;
left:1%;
animation:rotate 35s linear infinite}

.banner-section.index-three{background-image:url(../images/index-3-bg.png);
background-position:center left;
background-repeat:no-repeat;
position:relative}

.banner-section.index-three .playing-now .active-now span{position:relative}

.banner-section.index-three .playing-now .active-now span::before{position:absolute;
content:"";
width:6px;
height:6px;
border-radius:50%;
background:var(--s300);
right:-10px;
top:0}

.banner-section.index-three .playing-now .active-now.now span::before{background-color:var(--p300)}

.banner-section.index-three .banner-content{padding:260px 0}

.banner-section.index-three .shape-areas img{position:absolute}

.banner-section.index-three .shape-areas .shape-1{left:calc(50% - 250px);
bottom:5%}

.banner-section.index-three .shape-areas .shape-2{left:calc(50% - 190px);
top:3%}

.banner-section.inner-banner .banner-content{padding:210px 0 130px}

.banner-section.inner-banner .banner-content .breadcrumb-area{background:var(--n700);
border-radius:12px 12px 0px 0px}

.banner-section.inner-banner .banner-content .breadcrumb-area .breadcrumb a{color:var(--n0)}

.banner-section.inner-banner .banner-content .breadcrumb-area .breadcrumb li{display:flex;
align-items:center;
color:var(--n0);
padding-left:32px;
margin-left:12px;
position:relative}

.banner-section.inner-banner .banner-content .breadcrumb-area .breadcrumb li.active{color:var(--p300)}

.banner-section.inner-banner .banner-content .breadcrumb-area .breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"chevron_right";
font-family:"Material Symbols Outlined";
z-index:1;
position:absolute;
left:0;
font-size:24px;
color:var(--n0)}

.banner-section.about{background-image:url(../images/about-banner-illus.png);
background-position:bottom right;
background-repeat:no-repeat}

.banner-section.about .shape-area .shape-1{top:-10%;
left:20%}

.banner-section.about .shape-area .shape-2{top:30%;
left:5%;
animation:rotate 35s linear infinite}

.banner-section.career{background-image:url(../images/career-banner-illus.png)}

.banner-section.game{background-image:url(../images/game-banner-illus.png)}

.banner-section.services{background-image:url(../images/services-banner-illus.png)}

.banner-section.services-details{background-image:url(../images/services-details-banner-illus.png)}

.banner-section.pricing-plan{background-image:url(../images/pricing-plan-banner-illus.png)}

.banner-section.store{background-image:url(../images/store-banner-illus.png);
background-size:cover}

.banner-section.store .shape-area .shape-1{top:-10%;
left:20%}

.banner-section.store .shape-area .shape-2{top:30%;
left:5%;
animation:rotate 35s linear infinite}

.banner-section.game-details{background-image:url(../images/poolscene.jpg)}

.banner-section.game-details .banner-content{padding:450px 0 180px}

.banner-section.game-details .playing-now{background:var(--n800);
border-radius:12px}

.banner-section.game-details .playing-now .online{border-right:1px solid var(--n0)}

.banner-section.game-details .playing-now span{position:relative;
color:var(--p300)}

.banner-section.game-details .playing-now span::before{position:absolute;
content:"";
width:6px;
height:6px;
border-radius:50%;
background:var(--p300);
right:-10px;
top:0}

.banner-section.game-details .playing-now .now span::before{background-color:var(--warning-color)}

.footer-section .social-items{background:var(--n700)}

.footer-section .social-items li{width:100%;
padding-top:24px;
padding-bottom:24px;
border-right:1px solid var(--n900)}

.footer-section .location-area .icon-box{width:60px;
height:60px;
background:var(--n700);
border-radius:30px}

.footer-section .location-area i{color:var(--p300)}

.footer-section .brand-area{color:var(--n0);
font-weight:600;
letter-spacing:.17em;
text-transform:uppercase}

.footer-section .form-group{border:1px solid var(--n600);
border-radius:16px}

.footer-section .content-right{background-color:var(--n800)}

.footer-section .footer-bottom{background-color:var(--n900)}

.footer-section .footer-bottom p a{color:var(--p300)}

.footer-section .contact-location .icon-area{min-width:60px;
height:60px;
background:var(--n700);
border-radius:30px}

.footer-section .contact-location .icon-area i{color:var(--p300)}

.footer-section .footer-wrapper{background:var(--n800)}

.footer-section .links li a{position:relative}

.footer-section .links li a::before{content:"chevron_right";
font-family:"Material Symbols Outlined";
z-index:1;
position:absolute;
left:-20px;
font-size:16px;
width:initial;
height:initial;
background-image:none;
transition:.3s all}

.footer-section .links li a:hover{padding-left:15px;
transition:.3s all}

.footer-section .links li a:hover::before{left:0}

.footer-section.index-two{position:relative;
background-image:url(../images/abs-items/footer-ellipse-2.png);
background-position:top 65px center}

.footer-section .form-contact{background:var(--p500);
border-radius:16px}

.footer-section .form-contact .input-area{border:1px solid var(--n30)}

.footer-section .get-start a{color:var(--p300);
text-decoration:underline}

.footer-section .footer-bottom{background:var(--n700);
border-radius:32px 32px 0px 0px}

.box-items{z-index:-1;
top:-35px}

.box-items .single-item{width:145px;
height:149px;
border:1px solid var(--n700);
transition:.3s all}

.box-items .single-item.active-item{background:var(--p500)}

.box-items .single-item:hover{background:var(--p500);
opacity:.3}

.about-block .counter-item{position:relative}

.about-block .counter-item::before{position:absolute;
content:"";
background-color:var(--p300);
width:86px;
height:1px;
bottom:0}

.about-block .fs-three span,.about-block .display-four span{color:var(--n0)}

.about-block .experience{border:1px solid var(--p300)}

.about-block .experience .experience-wrap{background-color:var(--p300)}

.about-block .experience .experience-wrap .display-four span{color:var(--n800)}

.about-block .experience .experience-wrap span{color:var(--n800)}

.about-block .experience.second{border-color:var(--s200)}

.about-block .experience.second .experience-wrap{background-color:var(--s200)}

.about-block .experience.second .experience-wrap .display-four span{color:var(--n0)}

.about-block .experience.second .experience-wrap span{color:var(--n0)}

.about-block .symbol{color:var(--p300)}

.about-block.index-two .sec-img img{border-radius:50%}

.about-block .shape-area img{position:absolute;
animation:rotate 35s linear infinite}

.about-block .shape-area img.shape-1{top:15%;
left:5%}

.about-block .shape-area img.shape-2{bottom:15%;
right:5%}

.about-block.index-three .fs-five{color:var(--n0)}

.about-block.index-three .icon-box{min-width:60px;
height:60px;
background:var(--p500);
border-radius:40px}

.about-block.index-three .icon-box i{color:var(--n0)}

.our-games{background-color:var(--n800);
background-image:url(../images/our-games-bg.png);
background-position:bottom center;
background-repeat:no-repeat;
background-size:cover;
z-index:0;
position:relative}

.our-games::before,.our-games::after{position:absolute;
content:"";
background-image:url(../images/our-games-shape.png);
background-size:auto;
background-repeat:no-repeat;
z-index:-1;
width:625px;
height:440px;
right:0;
top:12%}

.our-games::after{right:initial;
top:initial;
left:0;
bottom:12%}

.our-games .nav{border:1px solid var(--n700)}

.our-games .nav i{color:var(--n0)}

.our-games .nav button{width:60px;
height:60px;
background:var(--n700);
border-radius:8px}

.our-games .nav button.active{background-color:var(--p500)}

.our-games .tabcontents li{position:relative;
display:flex;
align-items:center}

.our-games .tabcontents li::before{position:absolute;
content:"";
background-color:var(--n40);
width:1px;
height:15px;
right:-20px}

.our-games .tabcontents li:last-child::before{background-color:rgba(0,0,0,0)}

.our-games .single-box{background-color:var(--n700);
border:1px solid var(--n500);
border-radius:12px}

.our-games .single-box p>a{color:var(--p300)}

.our-games .single-box:hover .thumb-img{-webkit-clip-path:polygon(0 0, 100% 0, 100% 90%, 0% 100%);
clip-path:polygon(0 0, 100% 0, 100% 90%, 0% 100%)}

.our-games .single-box .position-relative.d-center img{border-radius:12px}

.our-games .single-box .position-relative.d-center .mfp-iframe{opacity:0;
transition:.8s all}

.our-games .single-box .position-relative.d-center:hover .mfp-iframe{opacity:1}

.our-games .feature-tag{right:30px}

.our-games .feature-tag.start{left:30px}

.our-games .review-box{background-color:var(--n600);
border-radius:10px}

.our-games .review-box i{color:#edcb50}

.our-games .thumb-img{margin-bottom:-70px;
transition:all .8s;
-webkit-clip-path:polygon(0 0, 100% 0, 100% 60%, 0% 100%);
clip-path:polygon(0 0, 100% 0, 100% 60%, 0% 100%)}

.our-games .shape-area img{position:absolute;
animation:rotate 35s linear infinite}

.our-games .shape-area img.shape-1{top:8%;
left:10%}

.our-games .shape-area img.shape-2{top:22%;
left:8%;
animation:leftToRight 35s linear infinite}

.our-games .shape-area img.shape-3{bottom:4%;
right:4%}

.our-games .shape-area img.shape-4{bottom:2%;
left:7%}

.our-games .loading{background-color:var(--n600)}

.our-games .loading i{color:var(--n50)}

.our-games.index-two{background-image:url(../images/our-games-bg-2.png);
background-position:center}

.our-games.index-two::before{background-image:url(../images/abs-items/realistic-black.png);
width:728px;
height:728px;
right:-6%}

.our-games.index-two .single-box ul{row-gap:8px !important}

.our-games.all-games{background-image:url(../images/all-games-bg.png);
background-position:center center;
background-repeat:no-repeat}

.our-games.all-games::before,.our-games.all-games:after{display:none}

.our-games.all-games .single-box{border-radius:16px;
transition:all .3s}

.our-games.all-games .single-box .img-area img{border-top-right-radius:16px;
border-top-left-radius:16px}

.our-games.all-games .single-box .footer-area{margin-top:-40px}

.our-games.all-games .single-box:hover{box-shadow:0px 8px 0px #313241,0px 14px 0px #2a2b3d}

.team-members .team-carousel .slide-area:nth-child(odd){transform:translateY(60px);
padding-bottom:60px}

.team-members .single-slider{margin:0 12px}

.team-members .nav{border:1px solid var(--n700);
border-radius:12px}

.team-members .nav li button{background:var(--n900);
border:1px solid var(--p300);
font-weight:600;
border-radius:16px;
color:var(--n0);
text-transform:capitalize}

.team-members .nav li button.active{background-color:var(--p300);
color:var(--n800)}

.team-members .single-box .title-area{background-color:var(--n900)}

.team-members.index-two{background-image:url(../images/team-members-bg.png);
background-position:center top 120px;
background-repeat:no-repeat}

.team-members.index-two .thumb img{width:100%}

.counter-section .single-box.active-area:before{transform:translate(-50%, -50%);
z-index:-1;
background-color:var(--n700);
width:100%;
height:100%;
top:0;
bottom:0;
right:0;
left:0;
transform:translate(0%, 0%);
border-radius:0}

.counter-section .single-box p{color:var(--n0);
font-weight:400}

.counter-section .display-one,.counter-section span{color:var(--n800)}

.counter-section.index-two .single-box{background:var(--n800);
border-radius:16px}

.counter-section.index-two .fs-two,.counter-section.index-two span{color:var(--n0)}

.counter-section.index-two .icon-box{width:60px;
height:60px;
background:var(--p500);
border-radius:40px}

.counter-section.index-two .icon-box i{color:var(--n0)}

.our-services .slide-area{margin:0 12px}

.our-services .single-slider{background-color:var(--n800);
border-radius:8px}

.our-services .icon-box{width:80px;
height:80px;
border-radius:100%;
background-color:var(--p500)}

.our-services .icon-box i{color:var(--n0)}

.our-services .link-area a{color:var(--p300);
gap:4px;
transition:.3s}

.our-services .link-area a:hover{gap:12px}

.our-services .services-thumb .link-item a{background:var(--n900);
color:var(--p300)}

.our-services.index-two{background:var(--n800)}

.our-services.index-two .end-area{min-width:40px;
min-height:40px;
background:var(--n700);
border-radius:40px;
transition:all .3s}

.our-services.index-two .end-area i{color:var(--p300);
transition:all .3s}

.our-services.index-two .single-box{border-color:var(--n600)}

.our-services.index-two .single-box:hover h3{color:var(--p300)}

.our-services.index-two .single-box:hover .end-area{background:var(--p300)}

.our-services.index-two .single-box:hover .end-area i{color:var(--n700)}

.our-services.index-two .shape-area{animation:rotate 35s linear infinite;
left:-60px;
bottom:-30px}

.our-services.index-three{background-color:var(--n900)}

.our-services.service .single-box{background-color:var(--n800)}

.our-services.service .single-box.head-content{background-color:var(--p300)}

.our-services.service .btn-area a{background-color:var(--n800);
color:var(--n0)}

.our-services.service .icon-box{background-color:var(--n600)}

.our-services.service .icon-box i{color:var(--p300)}

.our-services.service .single-slide{margin:0 10px}

.how-it-works .icon-box{width:80px;
height:80px;
border-radius:100%;
background-color:var(--n700);
transition:.5s}

.how-it-works .icon-box i{color:var(--p300)}

.how-it-works .single-box{background:var(--n800);
border-radius:32px}

.how-it-works .single-box:hover .icon-box{background-color:var(--p300)}

.how-it-works .single-box:hover .icon-box i{color:var(--n900)}

.how-it-works .abs-area{background-color:var(--p500);
width:40px;
height:40px;
right:-5px;
z-index:1;
border-radius:50%}

.how-it-works .abs-area i{color:var(--n0)}

.life-gamestorm{position:relative}

.life-gamestorm::before{position:absolute;
content:"";
background-image:url(../images/life-at-gamestorm.png);
background-size:auto;
background-position:bottom;
background-repeat:no-repeat;
background-color:var(--n800);
z-index:-1;
width:100%;
height:50%;
bottom:0}

.job-opens .single-box{border-radius:12px}

.job-opens .icon-box{width:48px;
height:48px}

.job-opens .icon-box i{color:var(--p300)}

.job-opens .icon-box,.job-opens .end-area .fs-seven{background:var(--n500);
border-radius:12px}

.job-opens .end-area .fs-seven{background:var(--p300);
color:var(--n800);
white-space:nowrap}

.job-opens ul{width:-moz-max-content;
width:max-content}

.job-opens.index-two .end-area{min-width:40px;
height:40px;
background:var(--n700);
border-radius:40px;
transition:all .3s}

.job-opens.index-two .end-area i{color:var(--p300);
transition:all .3s}

.job-opens.index-two .single-box{border:1px solid var(--n700)}

.job-opens.index-two .single-box:hover h3{color:var(--p300)}

.job-opens.index-two .single-box:hover .end-area{background:var(--p300)}

.job-opens.index-two .single-box:hover .end-area i{color:var(--n700)}

.job-opens.index-two ul{width:100%}

.job-opens.details{overflow-x:initial}

.job-opens.details ul{list-style:disc;
width:initial}

.job-opens.details .apply-area{background-color:var(--p300);
border-radius:60px}

.job-opens.details .icon-box{width:100px;
height:100px}

.job-opens.details .btn-area a{color:var(--n0)}

.job-opens.details .icon-box,.job-opens.details .btn-area a{background-color:var(--n700)}

.testimonials{position:relative}

.testimonials::before{content:"";
position:absolute;
width:100%;
height:100%;
opacity:.2;
background-image:url(../images/testimonial-bg.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center bottom}

.testimonials .single-slider{background-color:var(--n800);
border:8px solid var(--p500);
border-bottom:none}

.testimonials .single-slider .img-box img{border-radius:50%}

.testimonials .single-slider i{color:var(--warning-color)}

.testimonials .single-slider .location{color:var(--p300);
border-right:1px solid var(--n70)}

.testimonials .string{color:var(--p300)}

.testimonials .slick-double-dots li::before,.testimonials .slick-double-dots li::after{opacity:0}

.call-to-action{background-image:url(../images/call-to-action-object.png),url(../images/call-to-action-object-2.png);
background-position:center left,center right;
background-repeat:no-repeat}

.call-to-action .sec-img .img-outline{animation:fadeInOut 5s linear infinite}

@keyframes videoTwo{0%{transform:translate(-50%, -50%) scale(2.3);
opacity:1}

100%{transform:translate(-50%, -50%) scale(5);
opacity:0}

}

.call-to-action .video-bg span{position:absolute;
display:block;
border-radius:50%;
width:110px;
height:110px;
z-index:-1}

.call-to-action .video-bg span:nth-child(1)::before{animation-delay:5s}

.call-to-action .video-bg span::after,.call-to-action .video-bg span::before{position:absolute;
content:"";
width:100%;
height:100%;
border-radius:50%;
border:1px solid var(--p300);
animation:videoTwo 8s linear infinite}

.call-to-action .video-bg span:nth-child(1)::after{animation-delay:1s}

.call-to-action .video-bg span:nth-child(2)::before{animation-delay:6s}

.call-to-action .video-bg span:nth-child(2)::after{animation-delay:2s}

.call-to-action .video-bg span:nth-child(3)::before{animation-delay:7s}

.call-to-action .video-bg span:nth-child(3)::after{animation-delay:3s}

.call-to-action .video-bg span:nth-child(4)::after{animation-delay:4s}

.call-to-action .contact-box{background-color:var(--n800);
border-radius:16px}

.call-to-action .contact-box i,.call-to-action .contact-box span{color:var(--p300)}

.call-to-action.index-two{background-image:url(../images/call-to-action-bg.png);
background-size:cover}

.call-to-action.index-two .box-style{border:1px solid var(--n40)}

.call-to-action .about{background-color:var(--p300)}

.call-to-action .about .box-style{background-color:var(--n800);
color:var(--n0)}

.call-to-action .about .video-bg span::after,.call-to-action .about .video-bg span::before{border:1px solid var(--n800)}

.contact-us{background-image:url(../images/contact-us-obj.png),url(../images/contact-us-object-2.png);
background-position:center left,center right;
background-repeat:no-repeat}

.contact-us form{background:var(--n700);
border-radius:16px}

.contact-us .form-inside{background:var(--n800);
border:1px solid var(--n600);
border-radius:16px}

.contact-us .icon-box{width:40px;
height:40px;
background:var(--n700);
border-radius:20px}

.contact-us .icon-box i{color:var(--p300)}

.contact-us .social-items{background:var(--n700)}

.contact-us .contact-info{background-color:var(--n700)}

.contact-us .contact-info .single-info{border-bottom:1px solid var(--n500)}

.contact-us .contact-info .single-info span:first-child{border-right:1px solid var(--n500)}

.contact-us .contact-info .single-info .icon-area{color:var(--n0)}

.contact-us .contact-info .social-area{background-color:var(--n600);
border-radius:32px}

.contact-us .get-in-touch{background-color:var(--n700)}

.contact-us .get-in-touch .single-content{border-bottom:1px solid var(--n500)}

.contact-us .get-in-touch .single-content:first-child{border-top:1px solid var(--n500)}

.contact-us .get-in-touch i{color:var(--n0)}

.contact-us .get-in-touch p span:nth-child(2){border-left:1px solid var(--n50);
padding-left:20px}

.contact-us .social-area{background-color:var(--n600);
border-radius:32px}

.contact-us .social-area a{border-color:var(--n200)}

.contact-us.our-services-2{background-color:var(--n800)}

.map-section iframe{height:300px}

.recently-completed .slick-double-dots .progressBar{position:absolute;
width:100%;
display:flex;
align-items:center;
max-width:80px;
left:40px}

.recently-completed .slick-double-dots{display:flex;
justify-content:end;
align-items:center;
bottom:0;
position:absolute;
width:calc(30% - 100px);
right:0;
background:var(--n900);
padding:30px 15px}

.recently-completed .slick-slide .content-box{transform:translateX(-120px);
transition:all .6s;
opacity:0}

.recently-completed .slick-slide .content-box h3,.recently-completed .slick-slide .content-box p{transform:translateY(30px);
transition:all 1.4s;
opacity:0}

.recently-completed .slick-slide .content-box p{transform:translateY(-30px)}

.recently-completed .slick-slide.slick-active .content-box{transform:translateY(0);
opacity:1}

.recently-completed .slick-slide.slick-active .content-box h3,.recently-completed .slick-slide.slick-active .content-box p{transform:translateY(0);
opacity:1}

.recently-completed .content-box{background:var(--n900);
max-width:420px}

.recently-completed .end-area{width:40px;
height:40px;
background:var(--n700);
border-radius:20px}

.recently-completed .end-area i{color:var(--p300)}

.recently-completed .box-style{border:1px solid var(--n700);
height:140px;
width:140px}

.recently-completed.blogs .content-box:hover h4{color:var(--p300)}

.recently-completed.blogs .content-box:hover a{background-color:var(--p300)}

.recently-completed.blogs .content-box:hover a i{color:var(--n900)}

.recently-completed .our-games{background-image:none}

.recently-completed .our-games::before,.recently-completed .our-games::after{display:none}

.recently-completed.blog-section{overflow-x:initial}

.recently-completed.blog-section .content-box{max-width:80%}

.recently-completed.blog-section .box-style{width:initial;
height:initial}

.recently-completed.blog-section .article-info .single{border-left:1px solid var(--n50)}

.recently-completed.blog-section .article-info .single:first-child{border-color:rgba(0,0,0,0)}

.recently-completed.blog-section .article-info i{color:var(--n50)}

.recently-completed.blog-section .quote{background-color:var(--p300);
border-radius:16px}

.recently-completed.blog-section .quote i{font-family:"Material Symbols Outlined";
color:var(--n900)}

.recently-completed.blog-section .quote span{position:relative;
display:inline-flex}

.recently-completed.blog-section .quote span::before{content:"";
position:absolute;
background-color:var(--n900);
height:1px;
width:70px;
right:-80px}

.recently-completed.blog-section .tag-area{border-top:1px solid var(--n500);
border-bottom:1px solid var(--n500)}

.recently-completed.blog-section .tag-area .icon-box i{color:var(--n0)}

.recently-completed.blog-section .comments-area .single-box{background-color:var(--n700);
border-radius:12px}

.recently-completed.blog-section .comments-area .img-area img{border-radius:50%}

.recently-completed.blog-section .comments-area .btn-cmd{background-color:var(--n600);
color:var(--n0)}

.recently-completed.blog-section .comments-area .comment-form{display:none}

.recently-completed.blog-section .add-review{background:var(--n800);
border:2px solid var(--n700);
border-radius:16px}

.recently-completed.blog-section .add-review form{border:2px solid var(--n700);
border-radius:16px}

.our-partners{background-color:var(--n800)}

.faqs-section{background-color:var(--n800)}

.faqs-section .accordion-item{border:none;
background:var(--n700)}

.faqs-section .accordion-header,.faqs-section .accordion-collapse{background:var(--n700)}

.faqs-section .shape-area img{position:absolute;
animation:rotate 35s linear infinite}

.faqs-section .shape-area .shape-1{right:8%;
top:10%}

.faqs-section .shape-area .shape-2{bottom:10%;
left:4%}

.faqs-section .accordion-button{color:var(--p300);
font-size:inherit;
font-weight:inherit;
gap:16px;
box-shadow:none;
background:var(--n700);
padding-right:15%}

.faqs-section .accordion-button::after{content:"remove";
font-family:"Material Symbols Outlined";
z-index:1;
position:absolute;
right:20px;
font-size:16px;
width:initial;
height:initial;
background-image:none}

.faqs-section .accordion-button.collapsed{color:var(--n0)}

.faqs-section .accordion-button.collapsed::after{content:"add"}

.faqs-section .accordion{margin-top:-20px}

.faqs-section .accordion .accordion-item{margin-top:20px;
border-radius:10px;
background-color:rgba(0,0,0,0)}

.faqs-section .accordion-body{padding:20px;
padding-right:10%;
padding-top:0}

.faqs-section .faq-bg{background-color:var(--n700)}

.faqs-section.key-platforms .accordion-header,.faqs-section.key-platforms .accordion-body,.faqs-section.key-platforms .accordion-collapse,.faqs-section.key-platforms .accordion-button{background-color:rgba(0,0,0,0);
padding-left:0;
padding-right:0}

.faqs-section.key-platforms .accordion-header:after,.faqs-section.key-platforms .accordion-body:after,.faqs-section.key-platforms .accordion-collapse:after,.faqs-section.key-platforms .accordion-button:after{right:0}

.faqs-section.key-platforms .accordion-item{padding:24px 0;
margin:0;
border-bottom:1px solid var(--n300);
border-radius:0;
background-color:rgba(0,0,0,0)}

.faqs-section.key-platforms .accordion-item:first-child{border-top:1px solid var(--n300)}

.features-games{background-color:var(--n800)}

.features-games .btn-area{bottom:15%;
left:15%}

.gaming-character{background:var(--n800)}

.gaming-character .slick-track{padding-bottom:70px}

.gaming-character .slick-arrow.bottom-right.arafat-prev{left:10px;
right:initial;
bottom:0}

.gaming-character .slick-arrow.bottom-right.arafat-next{left:60px;
right:initial;
bottom:0}

.gaming-character .single-slider{margin:0 10px}

.gaming-character .single-slider img{width:100%}

.gaming-character .section-dots{text-align:center;
position:absolute;
bottom:15px;
display:inline-flex;
align-items:center;
justify-content:center;
background:var(--n500);
height:1px;
width:90%;
right:0}

.gaming-character .section-dots li{margin:0 5px;
display:inline-block;
list-style:none;
width:20%;
transition:all .3s}

.gaming-character .section-dots li .dot{display:block;
width:20%;
height:1px;
background-color:rgba(0,0,0,0);
text-decoration:none;
cursor:pointer;
transition:all .3s;
position:absolute}

.gaming-character .section-dots li .dot .string{position:absolute;
line-height:0;
opacity:0}

.gaming-character .section-dots li.slick-active .dot{background-color:var(--p300)}

.gaming-character.ongoing-values .slide-area{width:306px !important}

.gaming-character.ongoing-values .slick-center .single-box{background-color:var(--n700)}

.gaming-character.ongoing-values .section-dots{width:60%;
right:15%}

.gaming-character.ongoing-values .slick-arrow.bottom-right.arafat-prev{left:15%}

.gaming-character.ongoing-values .slick-arrow.bottom-right.arafat-next{left:18%}

.gaming-character.ongoing-values .icon-box{width:80px;
height:80px;
background:var(--p500);
border-radius:40px}

.gaming-character.ongoing-values .icon-box i{color:var(--n0)}

.gaming-character.what-we-offer .single-box{background-color:var(--n800)}

.gaming-character.what-we-offer .slick-center .single-box{background-color:var(--n800)}

.gaming-character.what-we-offer .slick-track{padding:0}

.gaming-character.our-story .section-dots{width:80%}

.gaming-character.our-story .single-area{background:var(--n800);
border:1px solid var(--n600);
border-radius:16px}

.gaming-character.our-story .single-area .text-box he{color:var(--p300)}

.gaming-character.our-story .single-area .year-box{background-color:var(--warning-color);
min-width:120px;
height:120px;
border-radius:10px}

.gaming-character.gallery .slide-area{width:initial !important}

.our-teams .single-box.active .social-area{transform:rotateX(0deg)}

.our-teams .single-box.active .social-hide-btn{background:var(--p300)}

.our-teams .single-box.active .social-hide-btn i{color:var(--n900)}

.our-teams .single-box:hover h4{color:var(--p300)}

.our-teams .single-box.single-area{border-radius:430px;
background-color:var(--n800)}

.our-teams img{border-radius:430px}

.our-teams .social-area{transform:rotateX(90deg);
bottom:30px;
transition:.5s all}

.our-teams .social-area a{border-color:var(--n20)}

.our-teams .social-hide-btn{width:40px;
height:40px;
background:var(--n600);
border-radius:40px;
bottom:-20px}

.our-teams .social-hide-btn i{color:var(--p300)}

.our-teams .icon-area{width:100px;
height:100px;
border-radius:50px;
background-color:var(--n600)}

.our-teams .icon-area i{color:var(--p300)}

.testimonial-area .container{background-color:var(--n800);
background-image:url(../images/testimonial-sec-bg.png),url(../images/testimonial-sec2-bg.png);
background-position:center left,right center;
background-repeat:no-repeat}

.testimonial-area .img-box img{margin:auto}

.testimonial-area .star-area i{color:var(--warning-color)}

.instagram-post .abs-area{opacity:0;
bottom:20%;
transition:.7s all}

.instagram-post i,.instagram-post span{color:var(--p300)}

.instagram-post .img-box{margin:0 5px}

.instagram-post .img-box img{width:100%}

.instagram-post .img-box::before{content:"";
position:absolute;
width:100%;
height:0;
bottom:0;
left:0;
background:linear-gradient(180deg, rgba(34, 36, 52, 0) 0%, #222434 88.54%);
transition:.5s all}

.instagram-post .img-box:hover::before{height:100%}

.instagram-post .img-box:hover .abs-area{bottom:0;
opacity:1}

.our-focus::before{content:"";
position:absolute;
width:100%;
height:60%;
top:0;
z-index:-1;
background:var(--n800)}

.our-focus .shape-area img{position:absolute}

.our-focus .shape-area .shape-1{right:10%;
top:8%}

.our-focus .shape-area .shape-2{left:13%;
top:25%;
animation:rotate 35s linear infinite}

.our-focus .top-features::before{background-color:var(--n700)}

.our-focus.services-area .symbol{color:var(--p300)}

.our-game-features .single-box{border:1px solid var(--n700);
border-radius:12px}

.our-game-features .single-box:hover h5{color:var(--p300)}

.our-game-features .icon-box{min-width:80px;
height:80px;
background:var(--n700);
border-radius:60px}

.our-game-features .icon-box i{color:var(--p300)}

.our-game-features.benefits{background-color:var(--n800)}

.our-game-features.benefits .single-box{background-color:var(--n700)}

.our-game-features.benefits .icon-box{background-color:var(--p500)}

.our-game-features.benefits .icon-box i{color:var(--n0)}

.our-game-features.specialize .single-box{background-color:var(--n800)}

.our-game-features.specialize .icon-box{width:80px}

.our-game-features.specialize .icon-box h2{color:var(--p300)}

.our-game-features.fundamental-benefits .single-box{background-color:var(--n800)}

.our-game-features.fundamental-benefits .single-box .icon-box{background-color:var(--n600);
width:80px}

@keyframes comunity{0%{transform:translateY(100%);
opacity:1}

50%{transform:translateY(0);
opacity:.9}

99.99%{transform:translateY(-100%);
opacity:1}

100%{transform:translateY(0);
opacity:1}

}

.our-gaming-community .main-content{width:526px;
height:526px;
background:var(--warning-color);
border-radius:100%}

.our-gaming-community .community-box .community-area{position:absolute;
top:0;
left:0;
width:100%;
height:100%;
animation:comunity 40s linear infinite;
z-index:-1}

.our-gaming-community .community-box .community-area .community-item{position:absolute}

.our-gaming-community .community-box .community-area .community-item img{width:80%}

.our-gaming-community .community-box .community-area .community-item:nth-child(1){right:calc(50% + 255px);
bottom:50px}

.our-gaming-community .community-box .community-area .community-item:nth-child(2){left:calc(50% - 115px);
top:380px}

.our-gaming-community .community-box .community-area .community-item:nth-child(3){left:calc(50% + 53px);
top:340px}

.our-gaming-community .community-box .community-area .community-item:nth-child(4){left:calc(50% + 160px);
top:250px}

.our-gaming-community .community-box .community-area .community-item:nth-child(5){left:calc(50% + 250px);
top:140px}

.our-gaming-community .community-box .community-area .community-item:nth-child(6){left:calc(50% + 335px);
top:180px}

.our-gaming-community .community-box .community-area .community-item:nth-child(7){left:calc(50% + 460px);
top:40px}

.our-gaming-community .community-box .community-area .community-item:nth-child(8){right:calc(50% + 120px);
top:387px}

.our-gaming-community .community-box .community-area .community-item:nth-child(9){right:calc(50% + 230px);
bottom:180px}

.our-gaming-community .community-box .community-area .community-item:nth-child(10){right:calc(50% + 210px);
top:265px}

.our-gaming-community .community-box .community-area .community-item:nth-child(11){left:calc(50% + 150px);
bottom:20px}

.our-gaming-community .community-box .community-area .community-item:nth-child(12){left:calc(50% - 15px);
top:210px}

.our-gaming-community .community-box .community-area .community-item:nth-child(13){left:calc(50% - 130px);
top:240px}

.our-gaming-community .community-box .community-area .community-item:nth-child(14){left:calc(50% + 325px);
top:10px}

.our-gaming-community .community-box .community-area .community-item:nth-child(15){left:calc(50% + 65px);
top:70px}

.our-gaming-community .community-box .community-area .community-item:nth-child(16){right:calc(50% + 390px);
top:256px}

.our-gaming-community .community-box .community-area .community-item:nth-child(17){left:0;
bottom:0}

.our-gaming-community .community-box .community-area .community-item:nth-child(18){right:calc(50% + 340px);
top:205px}

.our-gaming-community .community-box .community-area .community-item:nth-child(19){right:calc(50% + 213px);
top:133px}

.our-gaming-community .community-box .community-area .community-item:nth-child(20){right:calc(50% - 16px);
top:10px}

.our-gaming-community .community-box .community-area .community-item:nth-child(21){left:240px;
top:50px}

.our-gaming-community .community-box .community-area .community-item:nth-child(22){right:150px;
top:20px}

.our-gaming-community .community-box .community-area .community-item:nth-child(23){left:255px;
top:310px}

.our-gaming-community .community-box .community-area .community-item:nth-child(24){left:calc(50% - 270px);
top:20px}

.our-gaming-community .community-box .community-area .community-item:nth-child(25){left:53px;
top:340px}

.our-gaming-community .community-box .community-area .community-item:nth-child(26){right:0;
bottom:230px}

.our-gaming-community .community-box .community-area .community-item:nth-child(27){left:315px;
bottom:60px}

.our-gaming-community .community-box .community-area .community-item:nth-child(28){right:0;
top:100px}

.our-gaming-community .community-box .community-area .community-item:nth-child(29){left:460px;
top:70px}

.our-gaming-community .community-box .community-area .community-item:nth-child(30){right:320px;
bottom:30px}

.our-gaming-community .community-box .community-area .community-item:nth-child(31){right:calc(50% - 25px);
bottom:30px}

.our-gaming-community .community-box .community-area .community-item:nth-child(32){right:87px;
bottom:0}

.our-gaming-community .community-box .community-area .community-item:nth-child(33){left:calc(50% - 15px);
top:210px}

.our-gaming-community .community-box .community-area .community-item:nth-child(34){left:80px;
top:40px}

.our-gaming-community .community-box .community-area .community-item:nth-child(35){left:325px;
top:10px}

.our-gaming-community .community-box .community-area .community-item:nth-child(36){left:65px;
top:70px}

.our-gaming-community .community-box .community-area:nth-child(1){top:-100%}

.our-gaming-community .community-box .community-area:nth-child(2){top:100%}

.top-features{position:initial;
background-image:none}

.top-features .single-box ul{row-gap:12px !important}

.top-features .single-content li{position:relative}

.top-features .single-content li::before{content:"check";
position:absolute;
font-family:"Material Symbols Outlined";
z-index:1;
left:-40px;
display:flex;
align-items:center;
justify-content:center;
color:var(--p300);
width:24px;
height:24px;
background:var(--n800);
border-radius:12px}

.top-features .app-download{border-bottom:1px solid var(--n500)}

.top-features .feature-tag{width:60px;
height:75px;
font-size:12px}

.join-our-community .main-content{background:var(--n800)}

.services .abs-area{opacity:0;
top:5%;
left:5%;
transition:.7s all}

.services .col-xl-4:nth-child(even) .abs-area{top:initial;
bottom:5%}

.services i{transform:rotate(45deg)}

.services i,.services span{font-weight:600}

.services h3{opacity:1;
transition:1.1s}

.services .single-box img{width:100%}

.services .single-box::before{content:"";
position:absolute;
width:100%;
height:100%;
left:0;
background:var(--n800);
transition:1s all}

.services .single-box:hover::before{height:0;
transform:rotateY(180deg)}

.services .single-box:hover .abs-area{opacity:1}

.services .single-box:hover h3{opacity:0}

.testimonial-customers .slide-area{margin:0 10px}

.testimonial-customers .single-slider{background-color:var(--n800)}

.testimonial-customers .img-box img{border-radius:50%}

.testimonial-customers .icon-area i{color:var(--p300)}

.testimonial-customers .profile-info p{color:var(--p300)}

.service-details{overflow-x:initial}

.service-details .main-content{border-bottom:1px solid var(--n200)}

.service-details .single-slide{margin:0 10px}

.service-details .list li{position:relative}

.service-details .list li::before{position:absolute;
content:"check";
font-family:"Material Symbols Outlined";
z-index:1;
position:absolute;
left:-40px;
font-size:24px;
color:var(--p300);
display:flex;
justify-content:center;
align-items:center;
width:30px;
height:30px;
background:var(--n800);
border-radius:20px}

.service-details .side-wrapper .sidebar-area{background:var(--n800);
border:1px solid var(--n600);
border-radius:16px}

.service-details .side-wrapper .sidebar-area .underwriters li{padding:10px 20px;
background:var(--n700);
border-radius:8px;
transition:.3s}

.service-details .side-wrapper .sidebar-area .underwriters li:hover,.service-details .side-wrapper .sidebar-area .underwriters li.active{background-color:var(--p300)}

.service-details .side-wrapper .sidebar-area .underwriters li:hover span,.service-details .side-wrapper .sidebar-area .underwriters li:hover i,.service-details .side-wrapper .sidebar-area .underwriters li.active span,.service-details .side-wrapper .sidebar-area .underwriters li.active i{color:var(--n900)}

.service-details .side-wrapper .sidebar-area .tags li{background:var(--n700);
padding:10px 20px}

.service-details .side-wrapper .sidebar-area .tags li:hover a{color:var(--n0)}

.service-details .side-wrapper .sidebar-area .call-number{color:var(--p300)}

.pagination{display:inline-flex}

.pagination .page-item .page-link{border-radius:50%;
background:var(--n800);
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
color:var(--bs-white);
border:none;
font-weight:600;
margin:0 8px}

.pagination .page-item .page-link.active,.pagination .page-item .page-link:hover{background:var(--p300);
color:var(--n900)}

.pagination .page-item .page-link.previous{margin-right:20px}

.pagination .page-item .page-link.next{margin-left:20px}

.pricing-plan .single-box{background:var(--n800);
border:1px solid var(--n600);
border-radius:16px;
text-align:center}

.pricing-plan .single-box .single-radio{background:var(--n700);
border:1px solid var(--n600);
border-radius:12px}

.pricing-plan .single-box .single-radio:focus-within{border-color:var(--p300)}

.pricing-plan .single-box span{color:var(--n0)}

.pricing-plan .single-box .heading{color:var(--p300)}

.store ul li{border-right:1px solid var(--n50)}

.store ul li:last-child{border:none}

.store ul button{color:var(--n0);
text-transform:capitalize;
padding:0 25px}

.store ul button:hover,.store ul button.active{color:var(--p300)}

.store .box-style.btn-box{border-radius:50px;
padding:13px 18px}

.store .single-box{background:var(--n800);
border:1px solid var(--n600);
border-radius:16px}

.store .single-box h5{color:var(--p300)}

.shop-details .container{border-bottom:1px solid var(--n90)}

.shop-details .slider-for img{width:100%}

.shop-details .slider-nav img{height:120px;
width:100%}

.shop-details .slider-nav .slide{margin:0 10px}

.shop-details .slider-nav .slick-arrow.arafat-next{right:0;
bottom:30px}

.shop-details .slider-nav .slick-arrow.arafat-prev{left:0;
bottom:30px}

.shop-details .star-head a,.shop-details .star-item a{font-size:inherit}

.shop-details .star-head i,.shop-details .star-item i{color:var(--warning-color);
font-size:inherit}

.shop-details .star-head p,.shop-details .star-item p{color:var(--p300)}

.shop-details .star-head i{color:var(--n90)}

.shop-details .star-head .star-area{margin-right:15px;
padding-right:15px;
border-right:1px solid var(--n90)}

.shop-details .star-head .star-area:last-child{border:none}

.shop-details .price-area{border-top:1px solid var(--n600);
border-bottom:1px solid var(--n600)}

.shop-details .price-area .cur-price{color:var(--p300);
font-weight:600}

.shop-details .btn-area .second-btn{background-color:var(--n700);
color:var(--n0)}

.shop-details .qtySelector{border:1px solid var(--n700);
border-radius:44px}

.shop-details .qtySelector i{cursor:pointer;
color:var(--p300);
min-width:24px;
min-height:24px;
font-size:14px;
border-radius:50%;
background-color:var(--n600)}

.shop-details .qtySelector input{font-size:18px}

.shop-details .qtySelector .qtyValue{border:none;
padding:5px;
width:50px;
background:rgba(0,0,0,0);
color:var(--n0)}

.shop-details .shop-section{position:relative}

.shop-details .shop-section::before{content:"";
position:absolute;
width:78%;
height:1px;
right:0;
z-index:-1;
background:var(--n90)}

.shop-details .single-box{background:var(--n800);
border-radius:12px}

.shop-details .profile-area .img-area img{border-radius:50%}

.shop-details .review-box{background:var(--n800);
border:2px solid var(--n700);
border-radius:16px}

.shop-details .comments-form{background:var(--n800);
border:1px solid var(--n600);
border-radius:16px}

.shop-details.cart-details{overflow-x:initial}

.shop-details.cart-details .shopping-cart{border-top:1px solid var(--n500);
border-bottom:1px solid var(--n500)}

.shop-details.cart-details .end-area i{color:var(--n0)}

.shop-details.cart-details ul li span{font-size:inherit}

.shop-details.cart-details ul li span:last-child{font-weight:600;
font-size:initial;
color:var(--n0)}

.shop-details.cart-details .main-content{background:var(--n800);
border-radius:16px}

.shop-details.cart-details .sub-total{border-top:1px solid var(--n500);
border-bottom:1px solid var(--n500)}

.shop-details.cart-details .checkout-form{border:1px solid var(--n500);
border-radius:16px}

.shop-details.cart-details .item-list{border-top:1px solid var(--n600)}

.shop-details.cart-details .item-list .content-box{border-top:1px solid var(--n600);
border-bottom:1px solid var(--n600)}

.shop-details.cart-details .item-list .content-box p span:last-child{font-weight:600;
color:var(--n0)}

.shop-details .personal-info{background:var(--n800)}

.shop-details .personal-info .check i{color:var(--p300)}

.shop-details .personal-info .edit i{color:var(--n50)}

.shop-details .personal-info .address{background-color:var(--p300)}

.shop-details .personal-info .address h4{font-weight:700}

.shop-details .personal-info .payment{background-color:var(--n700)}

.shop-details .personal-info .payment h4{font-weight:700}

.shop-details .personal-info span span{color:var(--p300)}

.related-products .single-slide{margin:0 10px}

.related-products .single-slide .single-box{border:none}

.log-reg .modal-header{right:24px;
top:-30px}

.log-reg .modal-header .btn-close{background-image:none}

.log-reg .modal-header i{color:var(--n0);
font-weight:600}

.log-reg .nav li{width:100%}

.log-reg .nav .nav-link{background-color:var(--n700);
width:100%;
color:var(--n0);
font-weight:600}

.log-reg .nav .nav-link.active{background-color:var(--p300);
color:var(--n800)}

.log-reg .show-hide-pass{cursor:pointer;
color:var(--n0)}

.log-reg .checkbox span span{color:var(--p300)}

.log-reg .modal{background:linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.4) 100%);
box-shadow:0px 4px 24px 1px rgba(35,16,94,.25);
-webkit-backdrop-filter:blur(22.5px);
backdrop-filter:blur(22.5px)}

.log-reg .modal-content{background:var(--n800);
border-radius:16px}

.log-reg .modal-dialog{max-width:630px}

.log-reg .form-inside{border:1px solid var(--n500);
border-radius:16px}

.privacy-content{overflow-x:initial}

.privacy-content .top-wrapper{margin-top:-7px;
margin-bottom:-7px}

.privacy-content .top-wrapper h4{text-transform:uppercase;
margin-bottom:30px}

.privacy-content .top-wrapper p{margin-bottom:30px}

.privacy-content .top-wrapper ul{margin-bottom:20px}

.privacy-content .top-wrapper ul li{margin-bottom:10px}

.privacy-content .safe-data{margin:55px 0}

.privacy-content .safe-data ul{list-style-type:decimal;
margin-left:18px}

.privacy-content .safe-data ul li{padding-left:15px}

.privacy-content .safe-data ul li::marker{font-weight:bold}

.privacy-content .cookies{margin-bottom:-36px}

.privacy-content.terms .safe-data{margin-bottom:-23px}

@media(max-width: 1799px){.header-section.header-menu .single-item.cart-area{padding-left:30px}

.banner-section .shape-area .shape-1{width:8%}

.banner-section.index .overlay::after{left:25%}

.our-games::before,.our-games::after{width:350px;
height:230px;
background-size:90%;
top:20%}

.our-focus .shape-area .shape-1{top:0}

.our-gaming-community .community-box .community-area .community-item img{width:65%}

.our-games.top-features::before,.our-games.top-features::after{display:none}

}

@media(max-width: 1699px){.about-block .shape-area img.shape-2{right:0}

.banner-section.about{background-size:50%}

.banner-section.about .shape-area .shape-2{top:5%}

.our-gaming-community .community-box .community-area .community-item img{width:55%}

.banner-section.pricing-plan{background-position:left;
background-size:cover}

}

@media(max-width: 1599px){.banner-section.index::before{right:8%}

.banner-section.index::after{right:4%}

.gaming-character.ongoing-values .slick-arrow.bottom-right.arafat-next{left:19%}

}

@media(max-width: 1399px){.life-gamestorm .post-img{width:100% !important}

.life-gamestorm .post-img .single{flex:0 0 calc(50% - 6px)}

.banner-section.index-two .shape-area .shape-2{top:0}

.banner-section.index-three .sec-image img{max-width:55%}

.our-games .thumb-img{margin-bottom:0}

.banner-section.game-details .banner-content{padding:340px 0 180px}

.shop-details .shop-section::before{width:74%}

}

@media(max-width: 1199px){h1,h1>a{font-size:57px;
line-height:74.1px}

h2,h2>a{font-size:43px;
line-height:55.9px}

.preloader{background-size:30%}

.scrollToTop{right:-15px}


.banner-section .shape-area .shape-2{left:calc(50% - 220px);
bottom:5%}

.about-block .shape-area img.shape-2{bottom:5%}

.our-games.index-two::after,.our-games.index-two::before{display:none}

.our-games .shape-area img.shape-1{top:12%;
left:2%;
width:10%}

.recently-completed .slick-double-dots{width:230px}

.gaming-character .section-dots{width:85%}

.banner-section.index-one::before{right:-2%}

.banner-section.index-one::after{right:-5%}

.gaming-character.ongoing-values .slick-arrow.bottom-right.arafat-prev{left:14%}

.our-focus .shape-area img{display:none}

.our-gaming-community .community-box .community-area .community-item img{width:40%}

.our-focus.game-trailers .circle-text{width:200px;
height:200px}

.our-focus.game-trailers .circle-text .box-style.btn-box-second{width:80px;
height:80px}

.our-focus.game-trailers .circle-text .text span{font-size:14px;
transform-origin:0 90px}

.our-focus.game-trailers .circle-text .text p{transform:translate(50%, 10px)}

.our-focus::before{height:80%}

.shop-details .shop-section::before{width:70%}

.banner-section.store .shape-area .shape-2{top:5%;
width:100px}

}

@media(max-width: 991px){.display-one{font-size:72px;
line-height:86.4px}

.display-two{font-size:64px;
line-height:76.8px}

.display-three{font-size:56px;
line-height:67.2px}

.display-four{font-size:48px;
line-height:46.4px}

.display-five{font-size:42px;
line-height:54.6px}

.display-six{font-size:32px;
line-height:38.4px}

.fs-one,h1,h1>a{font-size:40px;
line-height:48px}

.fs-two,h2,h2>a{font-size:32px;
line-height:38.4px}

.fs-three,h3,h3>a{font-size:24px;
line-height:31.2px}

.fs-four,h4,h4>a{font-size:20px;
line-height:26px}

.fs-five,h5,h5>a{font-size:16px;
line-height:20.8px}

.fs-six,h6,h6>a{font-size:14px;
line-height:18.8px}

.fs-seven{font-size:13px;
line-height:18.8px}

table thead tr th{font-size:15px;
line-height:20.8px}

a,p,span,label,li{font-size:14px;
line-height:22px}

/* ====================================
   MOBILE-ONLY SIDEBAR - 80% Screen Width
   ==================================== */

/* Hide sidebar completely on desktop */
@media (min-width: 992px) {
  .sidebar-wrapper {
    display: none !important;
  }
}

/* Mobile Sidebar Styles */
@media (max-width: 991px) {
  .sidebar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: none;
  }

  .sidebar-wrapper.sidebar-active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  /* ====================================
     SIDE MENUBAR - Icon Strip
     ==================================== */
  .sidebar-wrapper .side-menubar {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    transform: translateX(0);
    z-index: 10001;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  }

  /* Menu Close Button */
  .sidebar-wrapper .side-menubar .sidebar-close {
    margin-bottom: 20px;
  }

  .sidebar-wrapper .side-menubar .sidebar-close button {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 12px;
    padding: 10px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
  }

  .sidebar-wrapper .side-menubar .sidebar-close button:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  }

  .sidebar-wrapper .side-menubar .sidebar-close button i {
    font-size: 20px;
    margin-bottom: 2px;
  }

  .sidebar-wrapper .side-menubar .sidebar-close button span {
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.5px;
  }

  /* Social Media Icons */
  .sidebar-wrapper .side-menubar .social-area {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .sidebar-wrapper .side-menubar .social-area li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }

  .sidebar-wrapper .side-menubar .social-area li a:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  }

  .sidebar-wrapper .side-menubar .social-area li a i {
    font-size: 16px;
  }

  /* Language Selector */
  .sidebar-wrapper .side-menubar .bottom-area select {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 6px 8px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
    width: 45px;
  }

  .sidebar-wrapper .side-menubar .bottom-area select:hover {
    background: rgba(255, 255, 255, 0.25);
  }

  .sidebar-wrapper .side-menubar .bottom-area select option {
    background: #333;
    color: white;
  }

  /* ====================================
     SIDEBAR CONTENT - 80% Screen Width
     ==================================== */
  .sidebar-wrapper .sidebar-content {
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(80vw - 60px);
    height: 100vh;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 10000;
  }

  .sidebar-wrapper.sidebar-active .sidebar-content {
    transform: translateX(0);
  }

  /* Header Section - Navigation Area */
  .sidebar-wrapper .sidebar-content .header-section {
    flex: 1;
    overflow-y: auto;
    padding: 25px 0;
    background: linear-gradient(180deg, rgba(102, 126, 234, 0.02) 0%, rgba(255, 255, 255, 0.98) 100%);
  }

  .sidebar-wrapper .sidebar-content .header-section::-webkit-scrollbar {
    width: 4px;
  }

  .sidebar-wrapper .sidebar-content .header-section::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
  }

  .sidebar-wrapper .sidebar-content .header-section::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 2px;
  }

  /* Navigation Menu */
  .sidebar-wrapper .sidebar-content .navbar {
    background: transparent !important;
    padding: 0 20px;
    width: 100%;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav li {
    position: relative;
    width: 100%;
  }

  /* Main Navigation Items */
  .sidebar-wrapper .sidebar-content .navbar .navbar-nav li > button,
  .sidebar-wrapper .sidebar-content .navbar .navbar-nav li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 14px 18px;
    background: transparent;
    border: none;
    border-radius: 12px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    outline: none;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav li > button::before,
  .sidebar-wrapper .sidebar-content .navbar .navbar-nav li > a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: all 0.4s ease;
    z-index: -1;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav li > button:hover::before,
  .sidebar-wrapper .sidebar-content .navbar .navbar-nav li > a:hover::before {
    left: 0;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav li > button:hover,
  .sidebar-wrapper .sidebar-content .navbar .navbar-nav li > a:hover {
    color: white;
    transform: translateX(8px);
    border-color: rgba(102, 126, 234, 0.3);
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.25);
  }

  /* Dropdown Menus */
  .sidebar-wrapper .sidebar-content .navbar .navbar-nav .dropdown-menu {
    position: static;
    background: rgba(102, 126, 234, 0.08);
    border: none;
    border-radius: 12px;
    margin: 8px 0 0 15px;
    padding: 12px;
    box-shadow: inset 0 2px 8px rgba(102, 126, 234, 0.1);
    transform: scaleY(0);
    transform-origin: top;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    max-height: 0;
    overflow: hidden;
    border-left: 3px solid #667eea;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav .dropdown.show .dropdown-menu {
    transform: scaleY(1);
    max-height: 600px;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav .dropdown-menu li {
    margin: 3px 0;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav .dropdown-menu .dropdown-item {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease;
    background: transparent;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav .dropdown-menu .dropdown-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    transition: all 0.3s ease;
    z-index: -1;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav .dropdown-menu .dropdown-item:hover::before {
    left: 0;
  }

  .sidebar-wrapper .sidebar-content .navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #667eea;
    transform: translateX(6px);
    border-color: rgba(102, 126, 234, 0.2);
  }

  /* Sub-dropdown */
  .sidebar-wrapper .sidebar-content .navbar .navbar-nav .sub-dropdown .sub-menu {
    margin-left: 12px;
    border-left: 2px solid rgba(102, 126, 234, 0.3);
    padding-left: 8px;
    background: rgba(102, 126, 234, 0.05);
    border-radius: 8px;
    padding: 8px;
  }

  /* Footer Contact Information */
  .sidebar-wrapper .sidebar-content .footer-items {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.05) 100%);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    overflow-y: auto;
    max-height: 280px;
    flex-shrink: 0;
  }

  .sidebar-wrapper .sidebar-content .footer-items::-webkit-scrollbar {
    width: 4px;
  }

  .sidebar-wrapper .sidebar-content .footer-items::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
  }

  .sidebar-wrapper .sidebar-content .footer-items::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 2px;
  }

  .sidebar-wrapper .sidebar-content .footer-items .row {
    margin: 0 -5px;
  }

  .sidebar-wrapper .sidebar-content .footer-items .col-xl-3,
  .sidebar-wrapper .sidebar-content .footer-items .col-lg-6 {
    padding: 0 5px;
    margin-bottom: 12px;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item {
    background: white;
    border-radius: 12px;
    padding: 16px !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transform: scaleY(0);
    transition: all 0.3s ease;
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item:hover::before {
    transform: scaleY(1);
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item h4 {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item .d-flex {
    align-items: flex-start !important;
    gap: 12px;
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item .icon-box {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item .icon-box i {
    color: white;
    font-size: 16px;
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item .right-item {
    flex: 1;
    min-width: 0;
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item .right-item h5 {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item .right-item span {
    color: #666;
    font-size: 12px;
    line-height: 1.4;
    display: block;
    word-wrap: break-word;
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item .right-item a {
    color: #667eea;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .sidebar-wrapper .sidebar-content .footer-items .single-item .right-item a:hover {
    color: #764ba2;
    text-decoration: underline;
  }

  /* ====================================
     SLIDE-IN ANIMATIONS
     ==================================== */
  @keyframes slideInFromLeft {
    from {
      transform: translateX(-100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  @keyframes fadeInUp {
    from {
      transform: translateY(15px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .sidebar-wrapper.sidebar-active .sidebar-content .navbar .navbar-nav li {
    animation: fadeInUp 0.4s ease forwards;
    opacity: 0;
  }

  .sidebar-wrapper.sidebar-active .sidebar-content .navbar .navbar-nav li:nth-child(1) { animation-delay: 0.1s; }
  .sidebar-wrapper.sidebar-active .sidebar-content .navbar .navbar-nav li:nth-child(2) { animation-delay: 0.15s; }
  .sidebar-wrapper.sidebar-active .sidebar-content .navbar .navbar-nav li:nth-child(3) { animation-delay: 0.2s; }
  .sidebar-wrapper.sidebar-active .sidebar-content .navbar .navbar-nav li:nth-child(4) { animation-delay: 0.25s; }
  .sidebar-wrapper.sidebar-active .sidebar-content .navbar .navbar-nav li:nth-child(5) { animation-delay: 0.3s; }
  .sidebar-wrapper.sidebar-active .sidebar-content .navbar .navbar-nav li:nth-child(6) { animation-delay: 0.35s; }
  .sidebar-wrapper.sidebar-active .sidebar-content .navbar .navbar-nav li:nth-child(7) { animation-delay: 0.4s; }

  /* Small Mobile Adjustments */
  @media (max-width: 480px) {
    .sidebar-wrapper .side-menubar {
      width: 50px;
      padding: 15px 0;
    }

    .sidebar-wrapper .side-menubar .sidebar-close button {
      width: 38px;
      height: 38px;
      padding: 8px;
    }

    .sidebar-wrapper .side-menubar .sidebar-close button i {
      font-size: 18px;
    }

    .sidebar-wrapper .side-menubar .social-area li a {
      width: 35px;
      height: 35px;
    }

    .sidebar-wrapper .side-menubar .social-area li a i {
      font-size: 14px;
    }

    .sidebar-wrapper .sidebar-content {
      left: 50px;
      width: calc(80vw - 50px);
    }

    .sidebar-wrapper .sidebar-content .navbar {
      padding: 0 15px;
    }

    .sidebar-wrapper .sidebar-content .navbar .navbar-nav li > button,
    .sidebar-wrapper .sidebar-content .navbar .navbar-nav li > a {
      padding: 12px 15px;
      font-size: 14px;
    }

    .sidebar-wrapper .sidebar-content .footer-items {
      padding: 15px;
      max-height: 220px;
    }

    .sidebar-wrapper .sidebar-content .footer-items .single-item {
      padding: 12px !important;
    }

    .sidebar-wrapper .sidebar-content .footer-items .single-item h4 {
      font-size: 14px;
    }

    .sidebar-wrapper .sidebar-content .footer-items .single-item .icon-box {
      width: 32px;
      height: 32px;
    }

    .sidebar-wrapper .sidebar-content .footer-items .single-item .icon-box i {
      font-size: 14px;
    }
  }

  /* Very Small Mobile */
  @media (max-width: 360px) {
    .sidebar-wrapper .sidebar-content {
      width: calc(85vw - 50px);
    }
  }
}

/* ====================================
   UTILITY CLASSES
   ==================================== */
.d-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.d-grid {
  display: grid;
}

.flex-columnn {
  flex-direction: column;
}


.banner-section.about{background-image:none}

.section-header{margin-bottom:40px}

.title{margin-bottom:20px}

.sidebar-wrapper .sidebar-content .footer-items{height:30vh}

.banner-section .overlay .sec-img{display:none}

.banner-section .overlay .banner-content{padding:160px 0 110px}

.banner-section.inner-banner .banner-content{padding:160px 0 100px}

.sec-img{text-align:center;
margin-top:30px;
max-width:65%}

.sec-img img{max-width:100% !important}

.banner-section.index::after,.banner-section.index::before{display:none}

.banner-section .shape-area .shape-3{left:initial;
width:30%;
right:0}

.banner-section .shape-area .shape-2{left:initial;
right:0}

.banner-section.index .overlay::after{left:44%}

.banner-section .ellipse-area.ellipse-one{top:1%;
left:15%}

.banner-section .ellipse-area.ellipse-two{top:2%;
left:0}

.call-to-action .video-bg span{width:100px;
height:100px}

.banner-section.index-two.index-three .overlay .banner-content{padding:160px 0 110px}

.banner-section.index-two .overlay .banner-content{padding:160px 0 0}

.banner-section.index-two .btn-item i{right:5%}

.banner-section.index-two .btn-item a{letter-spacing:1px}

.banner-section.index-two .btn-item a:hover span{letter-spacing:5px}

.about-block .shape-area img.shape-1{top:5%;
left:0;
width:10%}

.our-games .feature-tag.start{left:15px}

.box-style.btn-box-second{height:60px;
width:60px}

.our-games .thumb-img{-webkit-clip-path:polygon(0 0, 100% 0, 100% 80%, 0% 100%);
clip-path:polygon(0 0, 100% 0, 100% 80%, 0% 100%)}

.recently-completed .cus-position{position:initial !important;
margin-top:-40px}

.banner-section.index-three .sec-image img{display:none}

.gaming-character .section-dots{width:75%}

.gaming-character.ongoing-values .slick-arrow.bottom-right.arafat-prev{left:13%}

.call-to-action .about .video-bg span{width:60px;
height:60px}

.our-gaming-community .community-box .community-area .community-item img{width:30%}

.banner-section.inner-banner.game-details .banner-content{padding:70px 0 100px}

.our-focus.game-trailers .circle-text{width:100px;
height:100px}

.our-focus.game-trailers .circle-text .box-style.btn-box-second{width:60px;
height:60px}

.our-focus.game-trailers .circle-text .text span{font-size:10px;
transform-origin:0 50px}

.our-focus.game-trailers .circle-text .text p{transform:translate(50%, 0)}

.services .single-box:hover .abs-area{width:80px;
height:80px}

.shop-details .shop-section::before{width:62%}

}

@media(max-width: 767px){.input-area{padding:15px 10px}

.banner-section .shape-area .shape-2{bottom:15%}

.our-games .nav button{width:45px;
height:45px}

.our-games .tab-content li::before{right:-10px}

.call-to-action .video-bg span{width:75px;
height:75px}

.scrollToTop{right:-30px}

.gaming-character.ongoing-values .slick-arrow.slick-arrow{display:none !important}

.gaming-character .slick-track{padding-bottom:40px}

.gaming-character.our-story .section-dots{width:75%}

.gaming-character.our-story .slick-track{padding-bottom:60px}

.our-gaming-community .main-content{width:380px;
height:380px}

.our-gaming-community .community-box .community-area .community-item img{width:25%}

.our-focus::before{height:90%}

.our-game-features.benefits .icon-box{min-width:45px;
height:45px}

.store .single-box{display:inline-flex !important}

.store .single-box .box-style.btn-box{padding:10px 12px}

.shop-details .shop-section::before{width:48%}

.our-games .tabcontents li::before{right:-10px}

.recently-completed.blog-section .comment-form .box-style{width:55px;
height:55px}

}

@media(max-width: 575px){.display-one{font-size:56px;
line-height:67.2px}

.display-two{font-size:48px;
line-height:46.4px}

.display-three{font-size:42px;
line-height:54.6px}

.display-four{font-size:32px;
line-height:38.4px}

.display-five{font-size:24px;
line-height:31.2px}

.display-six{font-size:32px;
line-height:38.4px}

.section-header{margin-bottom:35px}

.title{margin-bottom:15px}

.sub-title{margin-bottom:14px}

.slick-double-dots{bottom:30px;
right:55px}

.call-to-action{background-size:20%}

.call-to-action .video-bg span{width:65px;
height:65px}

.gaming-character.our-story .single-area .year-box{min-width:80px;
height:80px}

.gaming-character.our-story .section-dots{width:65%}

.our-gaming-community .community-box .community-area .community-item img{width:15%}

.header-section.header-menu .single-item .main-area{right:-130px;
min-width:300px}

.how-it-works .abs-area{right:0}

.store .single-box img{width:100px;
}

}

@media(max-width: 480px){.sidebar-wrapper .side-menubar{width:50px}

.sidebar-wrapper .sidebar-content{left:50px}

.banner-section .col-10{width:100% !important}

.call-to-action .video-bg span{width:50px;
height:50px}

.footer-section .social-items li span{display:none}

.footer-section .social-items li i{font-size:20px}

.our-games .shape-area img.shape-1{display:none}

.feature-tag{width:60px;
height:85px;
font-size:12px}

.our-games.all-games .col-8{width:100% !important}

.team-members .col-6{width:80% !important}

.gaming-character .section-dots{width:60%}

.banner-section.index-one::before,.banner-section.index-one::after{display:none}

.sidebar-wrapper .sidebar-content .header-fixed,.sidebar-wrapper .sidebar-content .header-section{justify-content:start}

.header-section .navbar .navbar-nav{width:100%}

.our-gaming-community .main-content{width:290px;
height:290px}

.cart-details .content-box .icon-box img{width:60px}

.pagination .page-item .page-link{width:35px;
height:35px;
margin:0 5px}

}

@media(max-width: 375px){.col-6{width:70% !important}

.shop-details .slider-nav img{height:80px}

}

/*# sourceMappingURL=style.min.css.map */
@import "tailwindcss";