@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');



/***** General CSS *****/



body {

    word-break: break-word;

    font: 15px/25px 'Poppins', sans-serif;

    color: #393939;

    overflow-x: hidden;

    background: #000510;

    position: relative;

    z-index: 1;

}



body:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    background-image: url(../images/body-bg-color.png);

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: -1;

}



a {

    text-decoration: none;

    color: #69abba;

    white-space: initial;

}



a:hover,

a:focus {

    text-decoration: none;

    color: #393939;

}



a:hover {

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

}



img {

    max-width: 100%;

}



input[type="text"]:focus,

textarea:focus,

input[type="password"]:focus,

select:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus {

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    outline: none;

}



select,

input[type="text"],

input[type="password"],

input[type="email"],

input[type="url"],

input[type="number"],

textarea,

input[type="tel"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



ul {

    margin: 0 0 20px;

    padding: 0;

    list-style-type: none;

}



p {

    font-weight: 500;

    line-height: 25px;

    font-family: 'montserrat-regular';

    color: #fff;

    font-size: 14px;

}





/***** Font Files *****/



@font-face {

    font-family: 'barlow-bold';

    src: url(../font/BarlowSemiCondensed-Bold.ttf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: 'barlow-regular';

    src: url(../font/BarlowSemiCondensed-Regular.ttf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: 'montserrat-medium';

    src: url(../font/Montserrat-Medium.ttf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: 'montserrat-regular';

    src: url(../font/Montserrat-Regular.ttf);

    font-weight: 400;

    font-style: normal

}





/***** Custom Classes *****/



.noPadding {

    padding: 0;

}



.noLeft {

    padding-left: 0;

}



.noRight {

    padding-right: 0;

}



.centerCol {

    float: none;

    margin: 0 auto;

}



.pt_8 {

    padding-top: 80px;

}



.pb_8 {

    padding-bottom: 80px;

}



.py_8 {

    padding: 80px 0px;

}



.theme_btn {

padding: 0px 0px 0px 20px;

border: unset;

border-radius: 6px;

color: #ffffff;

z-index: 1;

position: relative;

font-size: 13px;

transition: all 250ms;

overflow: hidden;

display: inline-block;

background: linear-gradient(89deg, rgba(56, 130, 146, 1) 0%, rgba(96, 165, 179, 1) 80%, rgba(75, 144, 159, 1) 100%) !important;

border: 1px solid #fff !important;

font-family: 'montserrat-medium';

text-transform: uppercase;
}



.theme_btn::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 0;

    border-radius: 6px;

    background-color: #00040f;

    z-index: -1;

    -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);

    box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);

    transition: all 250ms

}



.theme_btn:hover {

    color: #ffffff;

}



.theme_btn:hover::before {

    width: 100%;

}



.flexRow {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

}



.flexCol {

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    align-items: center;

}









h1 {
    font-family: 'barlow-regular';
    font-size: 55px;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
    margin: 0 0 17px;
    text-transform: uppercase;
}



h2 {

    font-family: 'barlow-regular';

    font-size: 55px;

    line-height: 1.2;

    color: #ffffff;

    font-weight: 500;

    margin: 0 0 12px;

    text-transform: uppercase;

}



h3 {

    font-family: 'barlow-regular';

    font-size: 30px;

    line-height: 1.2;

    color: #000000;

    font-weight: 600;

    margin: 0 0 28px;

}



h4 {

    font-family: 'barlow-regular';

    font-size: 25px;

    line-height: 1.2;

    color: #ffffff;

    font-weight: 500;

    margin: 0 0 13px;

    text-transform: uppercase;

}



h5 {

    font-family: 'montserrat-medium';

    font-size: 20px;

    line-height: 1.2;

    color: #393939;

    font-weight: 500;

    margin: 0 0 10px;

}



h6 {

    font-family: 'barlow-bold';

    font-size: 18px;

    line-height: 1.2;

    color: #393939;

    font-weight: 500;

    margin: 0 0 22px;

}



select {

    background: #fff url('../images/arrow.png') no-repeat right;

    padding: 0 40px 0 30px;

}



::-webkit-input-placeholder {

    color: #575757;

}



::-moz-placeholder {

    color: #575757;

    opacity: 1;

}



:-ms-input-placeholder {

    color: #575757;

}



:-moz-placeholder {

    color: #575757;

    opacity: 1;

}





/*header css start */



.menuSec {

    padding: 20px 0;

    position: absolute;

    z-index: 1;

    width: 100%;

    background: #01051008;

}



.menuSec img {

    margin: 0;

}



.menuSec ul {

    position: relative;

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: center;

    text-transform: capitalize;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 47px;

}



.menuSec ul li {

    position: relative;

    display: inline-block;

    margin: 0;

    padding: 0;

}



.menuSec li ul {

    display: none;

}



.menuSec ul li a {

    position: relative;

    display: inline-block;

    text-decoration: none;

    color: #ffffff;

    padding: 5px 0px;

    font-size: 14px;

    text-transform: uppercase;

}







.menuSec ul li:last-child a {

    padding-right: 0px;

}



.menuSec ul li:last-child a:after {

    display: none;

}



.menuSec ul li a:hover,

.menuSec ul li a.active {

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    color: #ffffff;

}



.menuSec ul li a.active:before {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    height: 2px;

    width: 22px;

    background: #69abba;

}



.menuSec li:hover>ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #000000;

    left: 0px;

    width: 230px;

    text-align: left;

    top: 38px;

}



.menuSec li>ul>li>a {

    border: none;

    padding: 13px 20px !important;

    color: #fff !important;

    overflow: hidden;

    font-size: 13px;

    line-height: 20px;

}



.menuSec li>ul>li,

.menuSec li>ul>li>a {

    display: block;

    margin: 0;

}



.menuSec li>ul>li>a:before,

.menuSec li>ul>li>a:after {

    display: none;

}



.menuSec li:hover li {

    float: none;

}



.menuSec li ul li a:hover {

    background-color: #ffffff;

    color: #000000 !important;

}



.menuSec ul ul ul {

    left: 100%;

    top: 0;

}



.menuSec ul:before,

.menuSec ul:after {

    content: " ";

    display: table;

}



.menuSec ul:after {

    clear: both;

}



.menuSec li>ul>li:hover>ul {

    left: 230px;

    top: 0px;

    width: 270px;

}



.droopdwon li:hover>ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #000000;

    left: 0px;

    width: 230px;

    text-align: left;

    top: 40px;

}



.droopdwon {

    float: left;

}



.droopdwon li:hover li a:hover {

    background-color: #ffffff;

    color: #000 !important;

}





/*header css start */



.dropdown-menu {

    position: absolute !important;

    z-index: 1000;

    display: block;

    min-width: 10rem;

    padding: 0.5rem 0;

    margin: 0;

    font-size: 1rem;

    color: #212529;

    text-align: left !important;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 0.25rem;

}





/*banner css start */





/* Tab slider fix  */



.tab_sec .tab-pane {

    display: block;

    border: 0;

    height: 0;

}



.tab_sec .tab-pane.active {

    display: block !important;

    height: auto;

}





/* Tab slider fix  */



.carousel-inner>.item>a>img,

.carousel-inner>.item>img {

    width: 100%;

}



.carousel-control.right,

.carousel-control.left {

    background: none;

    opacity: 1;

    width: 50px;

    height: 50px;

    top: initial;

    top: 40%;

    background: rgba(255, 255, 255, 0.1);

    text-shadow: none;

}



.carousel-control.right:hover,

.carousel-control.left:hover {

    background: rgba(255, 27, 27, 0.6);

    color: #fff;

}



.carousel-control.right .fa,

.carousel-control.left .fa {

    position: relative;

    top: 12px;

    font-size: 20px;

    color: #fff;

    opacity: 0.5;

}



.carousel-control.right {

    right: 0px;

}



.carousel-control.left {

    left: 0px;

}



.carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 10px;

    height: 12px;

    padding: 0;

    margin: 3px !important;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: 1;

    /* transition: opacity 0.6s ease; */

    border-radius: 20px;

}



.carousel-caption {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    margin: 0;

    padding: 0;

    color: #fff;

    text-align: left;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    background: rgba(0, 0, 0, 0.1);

}



.carousel-indicators li {

    border: none;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    background: #fff;

    width: 12px;

    height: 12px;

    margin: 0;

}



.carousel-indicators .active {

    margin: 0;

    background-color: #28b16d;

    width: 10px;

    height: 12px;

}





/*banner css end*/



.blog_sec {

    padding: 5% 0;

}





/* Tabs  */



.tab_sec .nav-tabs .nav-link.active {

    background: #242889;

    color: #fff;

}



.tab_sec .nav-tabs .nav-link {

    background: #ccc;

    border-radius: 50px;

    color: #000;

    padding: 7px 28px;

}



.tab_sec .nav-tabs {

    border: none;

    justify-content: center;

    gap: 20px;

    margin-bottom: 20px;

}





/* Tabs  */

.container-fluid {

    padding: 0px 80px;

}



.bold-heading {

    font-family: 'barlow-bold';

}



.dis-block {

    display: block;

}



.heading-color {

    color: #5b95a4;

}



.banner_text.wow.fadeInLeft h5 {

    color: #69abba;

    text-transform: uppercase;

    font-family: 'barlow-bold';

}



.header-user a i {

    height: 40px;

    width: 40px;

    background: #ffffff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #69abba;

}



ul.header-banner-ul {

    display: flex;

    align-items: center;

    justify-content: end;

    gap: 10px;

}



ul.header-banner-ul li a {

    padding: 0px;

}



.side-btn {

    display: flex;

    align-items: center;

    gap: 20px;

    justify-content: start;

}



.side-btn-text {

    display: flex;

    align-items: center;

    justify-content: center;

}



.side-btn-img {

    height: 55px;

    width: 55px;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 6px;

}





.banner-img img {

    height: 110vh;

    width: 100%;

    object-fit: cover;

}



section.main_slider {

    position: relative;

}



.banner-social {

    position: absolute;

    bottom: 50px;

    left: 140px;

    display: flex;

    align-items: center;

    justify-content: start;

    gap: 14px;

    z-index: 3;

}



.banner-social ul {

    display: flex;

    align-items: center;

    margin-bottom: 0;

    gap: 10px;

}



.banner-social ul li a i {

    height: 40px;

    width: 40px;

    border: 1px solid #2f333c;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #2f333c;

}



.banner-social-line {

    height: 2px;

    width: 420px;

    background: #2f333c;

    position: relative;

}



.banner-social-line:before {

    position: absolute;

    content: '';

    top: -8px;

    left: 0;

    height: 18px;

    width: 2px;

    background: #172733;

}



.banner-social-line:after {

    position: absolute;

    content: '';

    top: -8px;

    right: 0;

    height: 18px;

    width: 2px;

    background: #172733;

}



.banner-social-text h6 {

    margin-bottom: 0px;

    text-transform: uppercase;

    color: #69abba;

}



.banner-social ul li a i:hover {

    border: 1px solid #69abba;

    color: #fff;

    background: #69abba;

}



.banner_img {

    position: absolute;

    top: 130px;

    right: 0px;

    width: 66%;

}



.banner-text-line {

    position: relative;

    padding-left: 24px;

    overflow: hidden;

}



.banner-text-line:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 100%;

    width: 1px;

    background: #454951;

}



.banner-text-line:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 22px;

    width: 1px;

    background: #69abba;

    animation: upDown 4.5s ease-in-out infinite;

}



/* About Css Start */



section.about-sec {

    padding: 100px 0px;

    position: relative;

    z-index: 1;

    background: #01040e;

}

section.about-sec:before {

    position: absolute;

    content: '';

    height: 1330px;

    width: 500px;

    /* background: #2c5f761a; */

    top: -570px;

    left: 0;

    z-index: 0;

    border-radius: 0px 2400px 800px 0px;

    /* background: linear-gradient(180deg, rgb(39 67 79) 0%, rgb(0 33 52 / 0%) 80%, rgb(0 33 52 / 0%) 100%); */

    background-image: url(../images/about-home-about.png);

    background-repeat: no-repeat;

    background-size: cover;

}



.about-text h2 {

    text-align: end;

}



section.about-sec .row {

    position: relative;

    padding-right: 20px;

}



section.about-sec .row:before {

    position: absolute;

    content: '';

    top: 0;

    right: 0;

    height: 100%;

    width: 60%;

    background: #000713;

    z-index: -1;

}



.about-text-line {

    border-top: 1px solid #ffffff0a;

    border-left: 1px solid #ffffff0a;

    padding: 50px 0px 0px 20px;

    margin-top: -40px;

    position: relative;

    height: 100%;

}



.about-text-line:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 1px;

    width: 30px;

    background: #3d8696;

    animation: rightLeft 7.5s ease-in-out infinite;

}



.about-text-line:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 30px;

    width: 1px;

    background: #4e95a4;

    animation: upDown 4.5s ease-in-out infinite;

}



/* About Css Start */



/* Organize Games Css Start */

.organize-games-top-btn {

    text-align: end;

}



.top-heading-organize {

    border-bottom: 1px solid #ffffff29;

    position: relative;

    width: 100%;

}



.top-heading-organize:before {

    position: absolute;

    content: '';

    bottom: -1px;

    left: 0;

    height: 1px;

    width: 120px;

    background: #5b95a4;

    z-index: 1;

    animation: rightLeft 7.5s ease-in-out infinite;

}



.organize-games-img img {

    width: 100%;

}



.organize-games-img {

    margin-bottom: 20px;

}



.organize-games-text h4 {

    font-family: 'barlow-bold';

}



.organize-games-text {

    /* padding: 0px 20px 0px 30px; */

    width: 100%;

    margin: 0 auto;

}



.organize-games-box {

    width: 93%;

}



section.organize-games-sec {

    padding-bottom: 100px;

    position: relative;

    padding-top: 100px;

}







.organize-games-lineone {

    position: absolute;

    bottom: 0;

    left: 530px;

    height: 300px;

    width: 1px;

    background: #ffffff1a;

    /* overflow: hidden; */

}



.organize-games-lineone:before {

    position: absolute;

    content: '';

    top: 0;

    left: -10px;

    height: 3px;

    width: 20px;

    background: #458e9d;

    z-index: 11;

}



.organize-games-lineone:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 10px;

    width: 1px;

    background: #4a92a1;

    z-index: 1;

    animation: upDown 4.5s ease-in-out infinite;

}



.organize-games-linetwo {

    position: absolute;

    bottom: 0;

    right: 570px;

    height: 300px;

    width: 1px;

    background: #ffffff1a;

}



.organize-games-linetwo:before {

    position: absolute;

    content: '';

    top: 0;

    left: -10px;

    height: 3px;

    width: 20px;

    background: #458e9d;

    z-index: 11;

}



.organize-games-linetwo:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 10px;

    width: 1px;

    background: #4a92a1;

    z-index: 1;

    animation: upDown 4.5s ease-in-out infinite;

}





/* Organize Games Css End */



/* Dont Cancle Sec Css Start */



section.dont-cancle-sec {

    height: 100%;

    width: 100%;

    background-image: url(../images/dont-cancle-bg-img.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



.dont-cancle-img img {

    width: 72%;

    height: 660px;

    object-fit: cover;

    object-position: top;

    margin-top: -30px;

}



.dont-cancle-text h5 {

    text-transform: uppercase;

    color: #5b95a4;

    font-family: 'barlow-bold';

}





/* Dont Cancle Sec Css End */









ul.why-choose-ul li {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 10px;

    color: #fff;

    font-family: 'montserrat-regular';

}



section.why-choose-sec {

    padding: 100px 0px;

}



section.why-choose-sec .row {

    position: relative;

    padding-left: 30px;

    padding-top: 40px;

    padding-bottom: 40px;

}



section.why-choose-sec .row:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 100%;

    width: 60%;

    background: #000713;

    z-index: -1;

    border-radius: 10px;

}



.blog-box-text ul {

    display: flex;

    align-items: center;

    margin-bottom: 14px;

    justify-content: space-between;

}



.blog-box-text h4 {

    font-family: 'barlow-bold';

}



.blog-box-text a {

    color: #fff;

    border-bottom: 1px solid #fff;

    text-transform: uppercase;

    font-family: 'montserrat-medium';

}



.blog-box-text ul li {

    color: #fff;

}



.blog-box-text {

    background: #00040f;

    padding: 20px;

    width: 90%;

    margin: 0 auto;

    margin-top: -70px;

    position: relative;

    z-index: 1;

    border-radius: 10px;

}



.blog-top-heading {

    text-align: center;

    width: 58%;

    margin: 0 auto;

}



section.blog-sec {

    margin-bottom: 100px;

}







/* All in one Section starts */

.all-in-one-slidder .slick-active {

    opacity: 1;

}



.all-in-one-slidder .slick-slide {

    transition: all ease-in-out 0.3s;

    opacity: 1;

}



.all-in-one-card-img img {

    height: 350px;

    width: 100%;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,

        rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;

    display: block;

    transition: 0.5s;

    border-radius: 10px;

    object-fit: cover;

    object-position: top;

}



.all-in-one-card-img:hover img {

    transform: scale(1.05);

}



.all-in-one-card-content {

    padding: 15px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

}



.all-in-one-card-content div {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    display: none;

}



.all-in-one-card-content>div>p {

    padding: 5px 0 0px;

}



.all-in-one-slidder .theme-btn img {

    filter: brightness(0) saturate(100%) invert(32%) sepia(21%) saturate(1463%) hue-rotate(286deg) brightness(84%) contrast(84%);

}



.all-in-one-slidder .theme-btn {

    background-color: transparent;

    color: #853f59;

    border-bottom: 1px solid #853f59;

    padding: 0;

}



.all-in-one-slidder .theme-btn:hover {

    color: #853f59 !important;

}



.all-in-one-slidder .theme-btn::before {

    background: transparent;

}



.theme-btn::after {

    background: transparent;

}



.all-in-one-card-img {

    position: relative;

    transition: 0.5s;

    overflow: hidden;

}



.all-in-one-card-img:hover {

    cursor: pointer;

}



.all-in-one-card-img {

    position: relative;

    z-index: 1;

    border-radius: 10px;

}



.all-in-one-card-img:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: #1b1b1ba3;

    opacity: 1;

    /* transition: 0.6s; */

    margin: 0px auto;

    top: 0;

    right: 0;

    left: 0;

    z-index: 3;

}



.all-in-one-slidder .slick-slide.slick-current.slick-active.slick-center .all-in-one-card .all-in-one-card-img img {

    height: 350px;

    position: relative;

    z-index: 1;

    width: 100%;

}



.all-in-one-slidder .slick-slide.slick-current.slick-active.slick-center .all-in-one-card div {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

}







.all-in-one-slidder .slick-slide.slick-current.slick-active.slick-center .all-in-one-card {

    background: #69abba;

    /* z-index: -1; */

    /* position: relative; */

    padding-right: 4px;

    border-radius: 10px 2px 10px 10px;

}





.all-in-one-card-content>div>h5 {

    color: #fff;

}



.all-in-one-card-content>div>a {

    color: #fff;

    border-bottom: 1px solid #fff;

}



.all-in-one-slidder .slick-slide.slick-current.slick-active.slick-center .all-in-one-card .all-in-one-card-img:before {

    content: unset;

}



.all-inOne-btn {

    text-align: end;

}



.all-in-one-slidder .slick-slide.slick-current.slick-active.slick-center {

    width: 350px !important;

}



.all-in-one-slidder .slick-slide.slick-active {

    width: 210px !important;

}



.all-in-one-slidder section.find-players-sec {

    padding-bottom: 100px;

}



/* All in one Section ends */



/* footer starts  */

section.footer-sec {

    background: #000713;

    padding: 100px 0 0 0;

    position: relative;

}



section.footer-sec h3 {

    text-transform: uppercase;

    color: #fff;

    font-size: 15px;

    font-weight: 500;

    position: relative;

    padding: 0 0 5px 0;

    font-family: 'montserrat-medium';

}



.footer-logo-wrapper p {

    color: #ffffff;

    padding: 20px 0;

}



ul.useful-links-list li a {

    color: gray;

}



ul.quick-links li a {

    color: gray;

}



ul.get-in-touch-list li a {

    color: gray;

    display: flex;

    align-items: start;

    font-size: 10px;

}



ul.social-icon-list li a {

    height: 36px;

    width: 36px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: #ffffff4d;

    font-size: 14px;

    border: 1px solid #ffffff4d;

    border-radius: 50%;

}



ul.social-icon-list {

    display: flex;

    gap: 10px;

}



.useful-links-list {

    display: flex;

    justify-content: space-between;

}



.useful-links {

    padding: 0px 30px 0px 40px;

    position: relative;

}



.useful-links-list ul {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.useful-links-list ul li a {

    color: #ffffff;

    text-transform: capitalize;

}



.quick-links-wrapper {

    padding: 0px 60px;

    position: relative;

}



ul.quick-links {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



ul.get-in-touch-list {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



ul.get-in-touch-list li a i {

    color: white;

    margin: 0 10px 0 0;

}



.copy-row p {

    color: #ffffff;

    text-align: center;

    margin-bottom: 0px;

}



.copy-row {

    padding: 20px 0px 20px;

    border-top: 1px solid #80808054;

}



.footer-logo-wrapper {

    padding: 0px 0px 0 0;

    position: relative;

}



.get-touch-wrapper {

    padding: 0px 30px;

}



.footer-logo {

    padding: 0 0 0px 0;

    position: relative;

}







.social-list-wrapper h3 {

    padding: 0 !important;

}



.social-list-wrapper h3::before {

    display: none;

}



.social-list-wrapper h3 {

    padding: 0 !important;

}



ul.get-in-touch-list li a p {

    margin-bottom: 0px;

}



ul.get-in-touch-list li a i {

    margin-top: 5px;

    font-size: 15px;

}



.get-touch-wrapper input {

    width: 100%;

    padding: 10px;

    margin-bottom: 10px;

    background: #060e1c;

    border-radius: 2px;

    border: 1px solid #60606061;

    border-radius: 4px;

    color: #ffffff;

}



ul.social-icon-list li a:hover {

    background: #398292;

    color: #fff;

}



/* footer ends */





/* .line {

    width: 4px;

    height: 60px;

    background: #9e1212;

    

} */



@keyframes upDown {

    0% {

        top: 0px;

    }



    50% {

        top: 100%;

    }



    100% {

        top: 0px;

    }

}

@keyframes rightLeft {

    0% {

        left:0px

    }

    50% {

        left: 92%;

    }

    100% {

        left: 0px;

    }

}

section.find-players-sec {

    padding-bottom: 100px;

}

.about-img img {

    width: 100%;

}

.banner_text {

    position: relative;

    z-index: 4;

}

.banner-img.inner-banner-img img {

    height: 70vh;

    width: 100%;

    object-fit: cover;

}



.banner_img.banner-inner-img-sd {

    position: absolute;

    top: 120px;

    right: 0px;

    width: 36%;

}

.row.about-btm-row {

    background: #01040e;

}



.blog-box-img img {

    width: 100%;

}



section.organize-games-sec.organize-games-inner-page {

    margin: 100px 0px;

    padding: 0px;

}



.all-in-one-slidder.all-in-one-slidder-btm-space {

    margin-bottom: 50px;

}



section.find-players-sec.inner-find-player {

    padding: 0px 0px;

    margin: 100px 0px;

}



.marketplace-box {

    padding: 8px;

    border: 1px solid #fff;

    border-radius: 20px;

    margin-bottom: 60px;

    transition: 0.5s;

}



.marketplace-box-img img {

    width: 100%;

    margin-bottom: 16px;

}



.marketplace-box-text-ul ul {

    display: flex;

    justify-content: space-between;

}



.text-icon-ad p {

    width: 70%;

    margin-bottom: 10px;

}



ul.marketplace-ul {

    display: flex;

    align-items: center;

    margin-bottom: 18px;

}



ul.marketplace-ul li a i {

    color: #ec8804;

}



.marketplace-box-text-ul ul li h4 {

    margin-bottom: 0px;

    font-size: 20px;

}



.marketplace-box-text-ul ul {

    margin-bottom: 10px;

}



.marketplace-btn-sd a {

    display: none;

}



.marketplace-box:hover {

    background: #3a8394;

    transition: 0.5s;

}



.marketplace-box:hover .text-icon-ad {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.marketplace-box:hover .marketplace-btn-sd a {

    display: block;

    width: 100%;

}

.marketplace-box-text {

    padding: 10px 20px;

}

.marketplace-btn-sd a {

    width: 100%;

    padding-left: 54px;

}



.marketplace-btn-sd a .side-btn {

    display: flex;

    justify-content: space-between;

}

section.blog-sec.inner-blog-page {

    margin: 100px 0px;

}

.blog-detail-box img {

    width: 100%;

    margin-bottom: 20px;

}



.blog-detail-box ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.blog-detail-box ul li {

    color: #fff;

    font-size: 20px;

}



/*  Inner Contact Us Start */



.contact-form form {

    position: relative;

}



.contact-form .form-group {

    position: relative;

}



.contact-form .form-group::after {

    content: '';

    height: 46px;

    width: 10px;

    position: absolute;

    left: 52px;

    top: 5px;

    background-size: 10px 50px;

    background-image: url(../images/aroow-forward.png);

    background-repeat: no-repeat;

}



.contact-form form input.form-control {

    height: 52px;

    font-size: 14px;

    padding-left: 75px;

    border: 1px solid #d7d7d7;

    line-height: 0;

    box-shadow: none;

    color: #ffffff;

    font-weight: 500;

    margin-top: 15px;

    display: flex;

    font-family: "Montserrat", sans-serif;

    background: transparent;

}



.contact-form form input.form-control::placeholder {

    color: #909091;

}



.contact-main-sec .them-btn-1:hover {

    background-color: #00006d;

    transition: 0.3s all;

}



.contact-form form textarea.form-control::placeholder {

    color: #909091;

}



.contact-form form textarea.form-control {

    font-size: 15px;

    padding-left: 25px;

    padding-top: 20px;

    border: 1px solid #d7d7d7;

    letter-spacing: 0;

    box-shadow: none;

    resize: none;

    background-color: transparent;

    margin-top: 20px;

    color: #fff;

    margin-bottom: 30px;

    height: 200px;

    font-weight: 500;

    font-family: "Montserrat", sans-serif;

}



.contact-side-bar {

    margin-top: 0px;

}



.contact-main-sec {

    padding: 100px 0;

}



.main-banner-socail-icon.inner ul:before {

    height: 176px;

    top: -176px;

}

.name.form-group select {

    height: 52px;

    font-size: 14px;

    box-shadow: none;

    color: #909091;

    font-weight: 500;

    margin-top: 16px;

    display: flex;

    border-radius: 6px;

    background: transparent;

    width: 100%;

    padding: 0 20px;

    font-family: "Montserrat", sans-serif;

    border: 1px solid #cdcdd0;

}



.contact-form .form-group.select i {

    top: 20px;

    left: inherit;

    font-size: 20px;

    right: 20px;

    pointer-events: none;

}



.name.form-group.select:after {

    top: 2px;

    left: inherit;

    right: 60px;

    transform: rotate(180deg);

}



.detailss.form-group.textarea:after {

    display: none;

}





.detailss.form-group.textarea .form-group::after {

    display: none !important;

}





.contact-form .email {

    padding: 0;

}



.contact-form h4 {

    font-size: 62px;

    line-height: 70px;

    font-weight: 500;

    text-transform: capitalize;

    color: #fff;

}



.contact-form form textarea.form-control::placeholder {

    color: #909091;

}



.contact-form form .phone:before {

    position: absolute;

    content: '';

    width: 42px;

    height: 50px;

    background: url(../images/fom4.png);

    background-repeat: no-repeat;

    left: 16px;

    z-index: 1;

}



.ftt-list .navgation-f {

    float: left;

    width: 50%;

}



.ftt-lst li {

    margin-bottom: 20px;

}



.f-media ul li a:hover {

    background: #008080;

    border-color: #008080;

}



.footer_logo img {

    width: 30%;

}



.contact-form ::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #909091;

}



.contact-form ::-moz-placeholder {

    /* Firefox 19+ */

    color: rgba(18, 28, 42, 0.55);

}



.contact-form :-ms-input-placeholder {

    /* IE 10+ */

    color: rgba(18, 28, 42, 0.55);

}



.contact-form :-moz-placeholder {

    /* Firefox 18- */

    color: rgba(18, 28, 42, 0.55);

}



.cicle-icon i {

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 32px;

    color: #ffffff;

    height: 70px;

    width: 70px;

    border-radius: 50px;

    background: #000611;

}



.cicle-icon img {

    margin: 0 auto;

}



.contact-info {

    width: 100%;

    padding: 70px 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 150px;

    /* border: 1px solid #dcdcdc; */

    margin-top: 20px;

    background: #3a8394;

    border-radius: 5px;

}

.contact-side-bar h3 {

    margin-bottom: 25px !important;

}



.contact-main-sec h4 {

    font-size: 70px;

    color: #2e2e2e;

    font-family: 'coluna';

    line-height: 80px;

    margin-bottom: 0;

}



.contact-main-sec h2 {

    margin: 0;

    font-size: 25px;

    font-weight: 600;

    line-height: 20px;

    margin-bottom: 3px !important;

    /* font-family: 'blender'; */

    color: #ffffff;

    text-transform: uppercase;

}



.contact_text {

    padding-top: 0;

}



.contact_text p {

    font-size: 16px;

    line-height: 25px;

    color: #ffffff;

    padding-top: 4px;

    font-weight: 500;

    letter-spacing: 0;

    margin: 0;

}



.contact_text p a {

    font-size: 18px;

    color: #ffffff;

    text-decoration: none;

    transition: 0.5s ease-in-out;

    margin-top: 3px;

    display: block;

    font-family: "Montserrat", sans-serif;

}



.mailt {

    padding-left: 30px;

}



.contact_text a:hover {

    color: #8b8b8b;

}





.contact_text p a.email-text:hover {

    color: #8b8b8b;

}



.contact-us {

    padding: 6% 0;

}



.contact-head {

    text-align: center;

}



.contact-head h2 {

    font-size: 50px;

    color: #000;

    text-transform: uppercase;

}



.lg-btn {

    width: 100%;

}



.primary-btn {

    /* display: inline-block; */

    padding: 8px 30px;

    color: #fff;

    font-size: 20px;

    font-weight: 300;

    background: #00aa00;

    color: #fff;

    text-align: center;

    transition: all .4s ease;

    border: 2px solid transparent;

    border-radius: 4px;

}



.cp {

    font-size: 17px;

    line-height: 27px;

}



.contact_heading {

    margin-bottom: 30px;

}



.contact_heading h2 {

    font-size: 45px;

    color: #000000;

    font-weight: bolder;

}





.contact-main-sec .them-btn-1 {

    margin-top: 20px;

    border: none;

    padding: 12px 20px;

    background-color: #ff0000;

    color: white;

    border-radius: 25px;

}



.contact-form .form-group i {

    position: absolute;

    top: 20px;

    left: 20px;

    color: #ffffff;

    font-size: 18px;

}



.contact-form {

    margin-top: 10px;

}



.contact-main-sec h3 {

    font-size: 50px;

    text-transform: uppercase;

    margin-bottom: 20px;

    font-weight: 500;

}



.main-banner-sec.contactus:before {

    height: 640px;

    border-bottom-right-radius: 35px;

}



.why-choose-us-sec.inner {

    padding-bottom: 80px;

}

.contact-info:hover {

    background: #040f22;

}



.contact-info:hover .cicle-icon i {

    background: #3a8394;

}

/* Inner Contact Us End */





/* LOGIN PAGE CSS STRT */



.log-in-page-main {

    padding: 80px 120px;

}



.text-blue {

    color: #100c6c;

}



.text-black {

    color: #000 !important;

}



.log-in-wrap {

    padding: 50px 60px 60px 60px;

    background: #f1f1f100;

    width: 90%;

    border: 1px solid #ffffff2e;

    border-radius: 8px;

    }



.log-in-wrap h2 {

    margin: 0 0 20px 0;

    color: #468e9d;

    font-size: 52px;

    line-height: 30px;

    font-weight: 700;

    text-transform: uppercase;

    /* font-family: 'Raleway'; */

    margin-bottom: 30px;

}



.width-100 {

    width: 100% !important;

}



.log-in-page-main .form-control {

    height: 50px;

    border-radius: 0;

    margin-bottom: 18px;

    background-color: #01061175;

    font-size: 14px;

    font-weight: 600;

    color: #ffffff;

    width: 100%;

    border: 1px solid #ffffff2e;

}



.log-in-page-main .form-check label.form-check-label {

    font-size: 13px;

    font-weight: 500;

    margin: 0;

    color: #333333;

}



.log-in-page-main .form-check,

.forgot-pass {

    display: inline-block;

}



.forgot-pass {

    width: 71%;

    text-align: right;

}



.forgot-pass a {

    font-size: 13px;

    font-weight: 500;

    color: #333;

    margin: 0;

}



.agree-text {

    font-size: 14px;

    margin-top: 5px;

    margin-bottom: 15px;

    color: #000;

    font-weight: 500;

}



.term-condition {

    font-weight: 500;

    margin-left: 10px;

    color: #3f2bb8;

    border-bottom: 2px solid #3f2bb8;

}



.log-in-page-main .btn-primary {

    color: #000;

    background-color: #ec511a;

    border-color: #ec511a;

    border-radius: 0;

    margin-bottom: 20px;

    height: 50px;

    color: #fff;

    font-size: 18px;

    font-family: 'Poppins';

}



.log-in-page-main .btn-primary:hover {

    background-color: rgba(253, 253, 253, 0);

    color: rgb(0, 0, 0);

    border: 1px solid #ec511a;

}



.log-in-wrap P {

    color: #7c7c7c;

    font-size: 14px;

    margin-bottom: 30px;

}





.left_form {

    position: relative;

}



.left_form::after {

    content: 'OR';

    position: absolute;

    color: #ffffff;

    right: 0px;

    top: 40%;

    font-weight: 600;

    font-size: 40px;

    bottom: 0;

    margin: auto;

}

.log-in-page-main input::placeholder {

    color: #fff;

    font-family: 'montserrat-medium';

}





/* Login page  */



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



input[type=number] {

  -moz-appearance: textfield;

}

.form-group {

    position: relative;

}



.form-group i {

    position: absolute;

    top: 17px;

    right: 13px;

    color: #fff;

    font-size: 16px;

}
.banner-text-line ul {
    display: flex;
    align-items: center;
    gap: 13px;
}



.find-players-sec .nav-tabs {
    border-bottom: 1px solid #dee2e600;
}
.find-players-sec .nav-tabs {
    border-bottom: 1px solid #dee2e600;
    gap: 10px;
    justify-content: end;
}

.find-team-sec .all-in-one-card {
    margin-bottom: 50px;
}

.find-team-sec .all-in-one-card-content div {
    display: block !important;
}

.find-team-sec .all-in-one-card-img:before {
    display: none;
}
.all-in-one-slidder .slick-track {
    height: 611px;
}

 .sports-grid-three {
            display: grid;
            grid-template-columns: repeat(3, 1fr);  /* forces 3 per row */
            gap: 2rem;
            margin-top: 1rem;
        }

        /* sports card – theme colors */
        .sports-card-three {
            background: #0a121f;
            border-radius: 2.8rem 2.8rem 2.2rem 2.2rem;
            padding: 2rem 1.6rem 1.8rem 1.6rem;
            box-shadow: 0 20px 30px -10px #01040e, 0 0 0 1px #38829240 inset;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            border: 1px solid #38829230;
            backdrop-filter: blur(2px);
        }

        .sports-card-three:hover {
            transform: translateY(-8px);
            box-shadow: 0 30px 45px -12px #01040e, 0 0 0 2px #388292 inset;
            background: #0c1627;
        }

        /* icon */
        .sports-icon-three {
            font-size: 2.8rem;
            background: #1a2a3a;
            width: 5.2rem;
            height: 5.2rem;
            border-radius: 2rem 1rem 2rem 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
            color: #6fc9e0;
            box-shadow: 0 12px 16px -10px #01040e, 0 0 0 1px #388292;
            transition: 0.2s;
        }

        .sports-card-three:hover .sports-icon-three {
            color: #ffffff;
            background: #388292;
            box-shadow: 0 0 15px #388292;
        }

        /* title */
        .sports-title-three {
            font-size: 2rem;
            font-weight: 600;
            line-height: 1.3;
            color: #d2eaf5;
            margin-bottom: 0.75rem;
            border-left: 4px solid #388292;
            padding-left: 0.8rem;
            text-transform: capitalize;
            font-family: 'barlow-regular';
        }

        /* meta info */
        .sports-meta-three {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem 1.5rem;
            margin-bottom: 1.2rem;
            font-size: 1rem;
            font-weight: 400;
            color: #9bbecf;
            border-bottom: 1px solid #1e4050;
            padding-bottom: 1.2rem;
        }

        .sports-meta-three span {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .sports-meta-three i {
            width: 1.5rem;
            color: #388292;
            font-size: 1.2rem;
        }

        /* description */
        .sports-desc-three {
            color: #b0cfdf;
            font-weight: 300;
            line-height: 1.6;
            margin-bottom: 1.8rem;
            flex-grow: 1;
            font-size: 0.98rem;
            opacity: 0.9;
        }

        /* dollar prize */
        .prize-dollar-three {
            background: #10222e;
            border-radius: 40px;
            padding: 0.7rem 1.6rem;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-weight: 600;
            color: #c4e2f0;
            width: fit-content;
            margin-bottom: 1.8rem;
            border: 1px solid #388292;
            font-size: 1.2rem;
            box-shadow: 0 4px 8px #01040e;
        }

        .prize-dollar-three i {
            color: #f5c542;
            font-size: 1.6rem;
        }

        /* register button */
        .register-btn-three {
            background: transparent;
            border: 2px solid #388292;
            padding: 0.9rem 1.5rem;
            border-radius: 40px;
            font-weight: 600;
            font-size: 1.1rem;
            color: #e1f2fa;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            transition: 0.2s;
            cursor: pointer;
            margin-top: 0.2rem;
            background-color: #01040e40;
            backdrop-filter: blur(2px);
            width: 100%;
            font-family: 'montserrat-regular';
            text-transform: capitalize;
        }

        .register-btn-three i {
            color: #388292;
            transition: transform 0.15s;
        }

        .register-btn-three:hover {
            background: #388292;
            border-color: #6fc9e0;
            color: #01040e;
            box-shadow: 0 0 20px #388292;
        }

        .register-btn-three:hover i {
            color: #01040e;
            transform: translateX(6px);
        }

        /* small badge */
        .sport-badge-three {
            align-self: flex-end;
            background: #1a3340;
            padding: 0.2rem 1.2rem;
            border-radius: 30px;
            font-size: 0.8rem;
            font-weight: 500;
            color: #aad0e0;
            margin-bottom: 1rem;
            border: 1px solid #38829280;
            text-transform: uppercase;
        }

        /* bottom link */
        .more-link-three {
            display: flex;
            justify-content: center;
            margin-top: 3.5rem;
        }
        .more-link-three span {
            background: #07121e;
            color: #b0d7e9;
            padding: 0.7rem 2.8rem;
            border-radius: 60px;
            font-weight: 400;
            border: 1px solid #388292;
            box-shadow: 0 8px 16px #01040e;
            font-size: 1.1rem;
        }
        .more-link-three i {
            margin-right: 8px;
            color: #388292;
        }
.fid-tournment-sec {
    padding: 90px 0px;
}
.banner_text .side-btn-text {
    font-size: 11px;
}

.banner_text .theme_btn {
    padding: 0px 0px 0px 10px;
}



.find-play-sec__form {
            margin-top: 2rem;
            display: flex;
            flex-direction: column;
            gap: 2rem;
            border: 2px solid #428290;
            border-radius: 40px;
            padding: 60px 50px;
        }
section.find-play-sec {
    padding-top: 70px;
}
        .find-play-sec__sport-row {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem 2rem;
            background: #f6fbfd00;
            padding: 1rem 1.8rem;
            border-radius: 60px;
            border: 1px solid #388292;
            box-shadow: inset 0 1px 4px #00051008, 0 6px 14px -10px #00051030;
        }
        .find-play-sec__label {
            font-weight: 600;
            font-size: 1.1rem;
            color: #fff;
            min-width: 70px;
            font-family: 'montserrat-regular';
        }
        .find-play-sec__sport-select {
            flex: 2;
            min-width: 200px;
            padding: 0.7rem 1.4rem;
            border: 1px solid #388292;
            border-radius: 40px;
            background: white;
            font-size: 0.95rem;
            color: #000510;
            font-weight: 500;
            cursor: pointer;
            outline: none;
            transition: 0.15s;
            appearance: auto;
        }
        .find-play-sec__sport-select:focus {
            border-color: #000510;
            box-shadow: 0 0 0 3px rgba(56,130,146,0.3);  
        }

        /* grid for filters */
        .find-play-sec__grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 2fr));
            gap: 1.8rem 1.5rem;
            background: #ffffff0a;
            padding: 1.8rem 1.8rem;
            border-radius: 2rem;
            border: 1px solid #388292;
            box-shadow: 0 6px 16px -8px rgba(0,5,16,0.2);
        }

        /* each field block */
        .find-play-sec__field {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            width: 240px;
        }
        .find-play-sec__field-label {
            font-size: 0.9rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.02em;
            color: #388292;                      
            display: flex;
            align-items: center;
            gap: 0.4rem;
        }
        .find-play-sec__field-label i {
            font-style: normal;
            font-size: 1.2rem;
            color: #000510;
            opacity: 0.8;
        }

        /* inputs / selects */
        .find-play-sec__input,
        .find-play-sec__select {
            background: white;
            border: 1px solid #388292;           
            border-radius: 40px;
            padding: 0.7rem 1.2rem;
            font-size: 0.95rem;
            color: #000510;
            outline: none;
            transition: all 0.15s;
            width: 100%;
        }
        .find-play-sec__input:focus,
        .find-play-sec__select:focus {
            border-color: #000510;
            box-shadow: 0 0 0 3px rgba(56,130,146,0.25);
        }
        .find-play-sec__input::placeholder {
            color: #618f9e;                  
            font-weight: 300;
        }

        .find-play-sec__unit-hint {
            font-size: 0.8rem;
            color: #388292;        
            margin-left: 0.8rem;
            font-weight: 400;
        }

        /* availability row */
        .find-play-sec__availability {
            display: flex;
            flex-wrap: wrap;
            gap: 0.7rem;
            background: #f1f8fb;
            padding: 0.6rem 0.8rem;
            border-radius: 10px;
            border: 1px solid #388292;
        }
        .find-play-sec__avail-option {
            display: flex;
            align-items: center;
            gap: 0.25rem;
            background: white;
            padding: 0.3rem 1rem 0.3rem 0.8rem;
            border-radius: 40px;
            box-shadow: 0 2px 6px rgba(56,130,146,0.2);
            font-size: 0.85rem;
            font-weight: 500;
            color: #000510;
        }
        .find-play-sec__avail-option input[type="checkbox"] {
            accent-color: #388292;                  
            width: 1.1rem;
            height: 1.1rem;
            margin-right: 0.2rem;
        }

        /* location wrap */
        .find-play-sec__location-wrap {
            display: flex;
            gap: 0.6rem;
            align-items: center;
            background: white;
            border: 1px solid #388292;
            border-radius: 60px;
            padding: 0.2rem 0.2rem 0.2rem 1.2rem;
        }
        .find-play-sec__location-wrap input {
            border: none;
            padding: 0.6rem 0;
            background: transparent;
            flex: 1;
            min-width: 130px;
            color: #000510;
        }
        .find-play-sec__location-wrap input:focus {
            outline: none;
        }
        .find-play-sec__location-icon {
            background: #e1f0f5;                        
            border-radius: 50%;
            padding: 0.5rem 0.9rem;
            font-weight: 600;
            color: #388292;                            
            border: 1px solid #38829250;
        }

        /* level group */
        .find-play-sec__level-group {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            background: #f1f8fb;
            padding: 0.5rem;
            border-radius: 10px;
            border: 1px solid #388292;
        }
        .find-play-sec__level-tag {
            background: white;
            border-radius: 40px;
            padding: 0.3rem 1.2rem;
            font-size: 0.85rem;
            font-weight: 500;
            color: #000510;
            border: 1px solid #38829260;
            transition: all 0.1s;
            cursor: default;
            box-shadow: 0 2px 5px rgba(56,130,146,0.1);
        }
        .find-play-sec__level-tag.selected {
            background: #388292;                        
            color: white;
            border-color: #000510;
            box-shadow: 0 4px 10px rgba(56,130,146,0.4);
        }

        /* experience slider */
        .find-play-sec__exp-slider {
            display: flex;
            align-items: center;
            gap: 0.8rem;
            flex-wrap: wrap;
        }
        .find-play-sec__exp-slider input[type="range"] {
            flex: 2;
            min-width: 140px;
            height: 8px;
            border-radius: 20px;
            background: #d2e5ec;                        
            -webkit-appearance: none;
        }
        .find-play-sec__exp-slider input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 22px;
            height: 22px;
            background: white;
            border: 2px solid #388292;                  
            border-radius: 50%;
            cursor: pointer;
            box-shadow: 0 4px 8px rgba(0,5,16,0.2);
        }
        .find-play-sec__exp-value {
            background: #388292;                          
            color: white;
            font-weight: 600;
            padding: 0.2rem 1rem;
            border-radius: 40px;
            font-size: 0.9rem;
            min-width: 55px;
            text-align: center;
            border: 1px solid #000510;
        }

        /* search button */
        .find-play-sec__search {
            display: flex;
            justify-content: flex-end;
            margin-top: 1rem;
        }
        .find-play-sec__btn {
            background: #388292;                          
            border: none;
            padding: 1rem 3.2rem;
            border-radius: 60px;
            font-size: 1.3rem;
            font-weight: 700;
            color: white;
            letter-spacing: 0.5px;
            box-shadow: 0 20px 30px -10px #000510, 0 6px 12px rgba(56,130,146,0.4);
            cursor: pointer;
            transition: all 0.2s;
            border: 1px solid #000510;
            display: inline-flex;
            align-items: center;
            gap: 0.6rem;
        }
        .find-play-sec__btn:hover {
            background: #2b6c7a;                          
            transform: scale(1.02);
            box-shadow: 0 22px 34px -8px #000510;
        }
        .find-play-sec__btn:active {
            transform: scale(0.98);
        }

        .find-play-sec__note {
            color: #388292;                              
            font-size: 0.8rem;
            margin-top: 1rem;
            text-align: right;
            border-top: 1px dashed #38829270;
            padding-top: 0.8rem;
        }



/* find-play-card-sec__info ke andar ke sab elements ke liye CSS */

/* Card info container */
.find-play-card-sec__info {
    padding: 1.5rem 1.3rem 1.3rem;
    color: #000510;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Name and age row */
.find-play-card-sec__name {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.find-play-card-sec__name span {
    background: #f1f8fb;
    color: #388292;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.2rem 1rem;
    border-radius: 40px;
    border: 1px solid #388292;
}

/* Details container */
.find-play-card-sec__details {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Each detail row (location, height, position) */
.find-play-card-sec__detail-item {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    font-size: 0.95rem;
}

/* Icon circle */
.find-play-card-sec__detail-icon {
    background: #e1f0f5;
    color: #388292;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border: 1px solid #38829270;
}

/* Detail text */
.find-play-card-sec__detail-text {
    color: #000510;
    font-weight: 500;
}

.find-play-card-sec__detail-text strong {
    color: #388292;
    font-weight: 700;
    margin-right: 0.3rem;
}

/* Tags container */
.find-play-card-sec__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
    border-top: 1px dashed #38829270;
    padding-top: 1rem;
}

/* Individual tag */
.find-play-card-sec__tag {
    background: #f1f8fb;
    border: 1px solid #388292;
    color: #000510;
    padding: 0.25rem 1rem;
    border-radius: 30px;
    font-size: 0.8rem;
    font-weight: 600;
}



/*Find Player Start*/

.find-play-card-sec__tag--accent {
    background: #388292;
    color: white;
    border-color: #000510;
}


.find-play-card-sec {
            max-width: 1140px;
            width: 100%;
            background: transparent;
        }

        .find-play-card-sec__title {
            font-size: 2rem;
            font-weight: 700;
            color: #000510;
            margin-bottom: 1.8rem;
            display: flex;
            align-items: center;
            gap: 1rem;
        }
        .find-play-card-sec__title span {
            background: #388292;
            color: white;
            padding: 0.2rem 1.2rem;
            border-radius: 40px;
            font-size: 1rem;
            font-weight: 500;
        }

        .find-play-card-sec__grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem 1.8rem;
        }

        .find-play-card-sec__card {
            background: transparent;
            border-radius: 2rem;
            overflow: hidden;
            border: 2px solid #388292;
            box-shadow: 0 0px 40px -10px rgb(66 131 145), 0 6px 14px rgba(56, 130, 146, 0.2);
            transition: transform 0.2s, box-shadow 0.2s;
            display: flex;
            flex-direction: column;
        }
        .find-play-card-sec__card:hover {
            transform: translateY(-6px);
            box-shadow: 0 28px 36px -12px #000510, 0 8px 20px rgba(56,130,146,0.4);
        }

        .find-play-card-sec__image {
            width: 100%;
            height: 200px;
            background-color: #d2e5ec;  
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-bottom: 3px solid #388292;
            position: relative;
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
            padding: 0.8rem;
        }

        .find-play-card-sec__sport-badge {
            background: #388292;
            color: white;
            font-weight: 600;
            font-size: 0.85rem;
            padding: 0.3rem 1.2rem;
            border-radius: 30px;
            border: 1px solid #000510;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
            backdrop-filter: blur(2px);
        }

        /* card content */
        .find-play-card-sec__info {
            padding: 1.5rem 1.3rem 1.3rem;
            color: #000510;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .find-play-card-sec__name {
            font-size: 1.5rem;
            font-weight: 700;
            letter-spacing: -0.02em;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-family: 'barlow-regular';
        }
        .find-play-card-sec__name span {
            background: #f1f8fb;
            color: #388292;
            font-size: 0.85rem;
            font-weight: 600;
            padding: 0.2rem 1rem;
            border-radius: 40px;
            border: 1px solid #388292;
        }

        .find-play-card-sec__details {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }
        .find-play-card-sec__detail-item {
            display: flex;
            align-items: center;
            gap: 0.7rem;
            font-size: 0.95rem;
        }
        .find-play-card-sec__detail-icon {
            background: #e1f0f5;
            color: #388292;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            border: 1px solid #38829270;
        }
        .find-play-card-sec__detail-text {
            color: #428391;
            font-weight: 500;
            font-family: 'montserrat-regular';
        }
        .find-play-card-sec__detail-text strong {
            color: #388292;
            font-weight: 700;
            margin-right: 0.3rem;
        }

        .find-play-card-sec__tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-top: 0.5rem;
            border-top: 1px dashed #38829270;
            padding-top: 1rem;
        }
        .find-play-card-sec__tag {
            background: #f1f8fb;
            border: 1px solid #388292;
            color: #000510;
            padding: 0.25rem 1rem;
            border-radius: 30px;
            font-size: 0.8rem;
            font-weight: 600;
        }
        .find-play-card-sec__tag--accent {
            background: #388292;
            color: white;
            border-color: #000510;
        }

        .find-play-card-sec__footnote {
            text-align: right;
            color: #388292;
            font-size: 0.8rem;
            margin-top: 1.5rem;
            border-top: 1px dashed #38829270;
            padding-top: 1rem;
        }
        .players-main-cards {
    padding: 90px 0px;
}


/*Find Players End*/


/*Find Team Start*/


        .team-card {
            width: 100%;
            background-color: #000510;
            border-radius: 2.5rem 2.5rem 2rem 2rem;
            box-shadow: 0 30px 50px -20px rgba(0,5,16,0.8), 0 10px 20px -5px #000000;
            padding: 2.2rem 2.5rem 2.5rem 2.5rem;
            border: 1px solid #1f2f3a;
        }

        .accent-icon {
            color: #388292;
        }

        .team-header {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            margin-bottom: 2.5rem;
            flex-wrap: wrap;
        }

        .team-image {
            width: 110px;
            height: 110px;
            border-radius: 30px;
            background: linear-gradient(145deg, #14232e, #07111c);
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #388292;
            box-shadow: 0 10px 18px -6px #000000;
        }

        .team-image i {
            font-size: 4rem;
            color: #388292;
            filter: drop-shadow(0 4px 5px #00000080);
        }

        .team-name-container {
            flex: 1;
        }

        .team-name {
            font-size: 2.8rem;
            font-weight: 700;
            letter-spacing: -0.02em;
            color: white;
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .team-name i {
            font-size: 2.4rem;
            color: #388292;
        }

        .team-name span {
            /* background: linear-gradient(130deg, #ffffff, #cce3ec); */
            /* -webkit-background-clip: text; */
            /* -webkit-text-fill-color: transparent; */
            /* background-clip: text; */
            color: #fff;
            line-height: 51px;
            font-family: 'barlow-bold';
        }

        .team-location {
            margin-top: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.7rem;
            color: #a0b8c5;
            font-size: 1.1rem;
            background: #0f1a24;
            padding: 0.4rem 1.4rem;
            border-radius: 60px;
            width: fit-content;
            border: 1px solid #2a4452;
            font-family: 'montserrat-regular';
        }

        .team-location i {
            color: #388292;
        }

        .filter-section {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            margin: 2.2rem 0 1.8rem 0;
        }

        .filter-row {
            display: flex;
            flex-wrap: wrap;
            gap: 1.8rem;
            align-items: start;
        }

        .filter-field {
            flex: 1 1 200px;
            min-width: 180px;
        }

        .filter-field label {
            display: block;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 600;
            color: #7c9eb0;
            margin-bottom: 0.5rem;
            font-family: 'montserrat-regular';
        }

        .filter-field label i {
            color: #388292;
            margin-right: 4px;
        }

        .filter-field select,
        .filter-field input {
            width: 100%;
            background: #0b141e;
            border: 1.5px solid #1f3a47;
            border-radius: 60px;
            padding: 0.9rem 1.5rem;
            font-size: 1rem;
            color: #f0f6fa;
            outline: none;
            transition: 0.15s;
            appearance: none;
            -webkit-appearance: none;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23388292" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');
            background-repeat: no-repeat;
            background-position: right 1.2rem center;
            background-size: 1.2rem;
            font-family: 'montserrat-regular';
            margin-bottom: 10px;
        }

        .filter-field input {
            background-image: none;
        }

        .filter-field select:hover,
        .filter-field input:hover {
            border-color: #388292;
            background-color: #10222e;
        }

        .filter-field select:focus,
        .filter-field input:focus {
            border-color: #388292;
            box-shadow: 0 0 0 3px rgba(56,130,146,0.25);
        }

        .location-global-hint {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #b0d0dd;
            font-size: 0.95rem;
            margin-top: 0.4rem;
        }

        .location-global-hint i {
            color: #388292;
        }

        .position-dynamic-hint {
            font-size: 0.9rem;
            color: #7b98a6;
            margin-left: 0.5rem;
            font-family: 'montserrat-regular';
        }

        .search-wrapper {
            display: flex;
            justify-content: flex-end;
            margin-top: 0.5rem;
        }

        .search-btn {
            background: #388292;
            border: none;
            padding: 1.1rem 4rem;
            border-radius: 60px;
            font-weight: 700;
            font-size: 1.4rem;
            letter-spacing: 1px;
            color: #000510;
            display: inline-flex;
            align-items: center;
            gap: 15px;
            box-shadow: 0 15px 25px -8px #000000, 0 0 0 1px #4faac0 inset;
            transition: 0.2s;
            cursor: pointer;
            text-transform: uppercase;
        }

        .search-btn i {
            font-size: 1.8rem;
            color: #031016;
        }

        .search-btn:hover {
            background: #44a0b5;
            transform: scale(1.02);
            box-shadow: 0 20px 30px -8px black, 0 0 0 2px #7dcfdd inset;
        }

        .card-footer-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 2rem;
            border-top: 1px dashed #1f3f4a;
            padding-top: 1.2rem;
            color: #597e8d;
            font-size: 0.9rem;
        }

        .footer-badge {
            background: #0d222b;
            border-radius: 100px;
            padding: 0.4rem 1.2rem;
            border: 1px solid #2e5a68;
            font-family: monospace;
        }

        .jocard-section {
            width: 100%;
            display: none;
            flex-direction: column;
            gap: 1.5rem;
        }

        .jocard-section.visible {
            display: flex;
        }

        .jocard-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .jocard-header h3 {
            color: #000510;
            font-size: 1.8rem;
            font-weight: 600;
            letter-spacing: -0.02em;
            background: rgba(0,5,16,0.1);
            padding: 0.2rem 1.5rem;
            border-radius: 60px;
            backdrop-filter: blur(2px);
        }

        .jocard-header i {
            color: #388292;
            font-size: 2rem;
            background: #0b1a24;
            padding: 0.7rem;
            border-radius: 50%;
        }

        .job-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 1.5rem;
        }

        .job-card {
            background: #000510;
            border-radius: 2rem;
            padding: 1.6rem 1.5rem 1.8rem 1.5rem;
            border: 1px solid #2a4a5a;
            box-shadow: 0 20px 30px -12px #00000080;
            transition: 0.2s;
            display: flex;
            flex-direction: column;
            gap: 0.9rem;
        }

        .job-card:hover {
            border-color: #388292;
            transform: translateY(-4px);
        }

        .job-card__team-badge {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            color: #b0d9e8;
            font-weight: 500;
            border-bottom: 1px dashed #1f4757;
            padding-bottom: 0.8rem;
        }

        .job-card__team-badge i {
            font-size: 0.5rem;
            color: #388292;
            background: #0f232e;
            padding: 0.4rem;
            border-radius: 46px;
        }

        .job-card__title {
            font-size: 1.7rem;
            font-weight: 700;
            line-height: 1.2;
            color: white;
            font-family: 'barlow-bold';
            text-transform: capitalize;
        }

        .job-card__title span {
            color: #388292;
            font-size: 1rem;
            background: #1b3643;
            padding: 0.2rem 0.8rem;
            border-radius: 60px;
            margin-left: 0.7rem;
            vertical-align: middle;
        }

        .job-card__meta {
            display: flex;
            flex-wrap: wrap;
            gap: 0.8rem 1.5rem;
            color: #9bbacb;
            font-size: 0.95rem;
            margin: 0.3rem 0;
        }

        .job-card__meta i {
            color: #388292;
            width: 1.4rem;
        }

        .job-card__location {
            background: #0f202b;
            padding: 0.4rem 1rem;
            border-radius: 60px;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            width: fit-content;
            border: 1px solid #2b5a6a;
            color: #cde3ec;
        }

        .job-card__apply {
            margin-top: 0.6rem;
            display: flex;
            justify-content: flex-end;
        }

        .apply-tag {
            background: transparent;
            border: 1.5px solid #388292;
            color: #388292;
            padding: 0.4rem 1.8rem;
            border-radius: 60px;
            font-weight: 600;
            font-size: 0.9rem;
            transition: 0.15s;
            /* cursor: default; */
        }

        .apply-tag i {
            margin-left: 5px;
            font-size: 0.8rem;
        }

        .job-card__footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 0.2rem;
            color: #4a7788;
            font-size: 0.8rem;
        }

        .jocard-footnote {
            text-align: right;
            color: #1f4453;
            font-weight: 500;
            margin-top: 0.3rem;
        }
.team-form-main {
    padding: 90px 0px;
}

.team-main-cards {
    padding-bottom: 100px;
}
/*Find Team ENd*/

.banner-text-line a.theme_btn {
    padding: 0px 0px 0px 11px;
    font-size: 12px;
}