@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&family=Oswald:wght@200;300;400;500;600;700&display=swap');

/* font-family: 'Mulish', sans-serif;
font-family: 'Oswald', sans-serif; */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none !important;
}

body {
    overflow-x: hidden;
    /* background: linear-gradient(300deg, rgba(16,24,32,1) 0%, rgba(13,20,25,1) 100%); */
    background: #0A1015;
}

main {
    overflow: hidden;
}

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

input:focus {
    outline: none !important;
    box-shadow: none !important;
}

select:focus {
    outline: none !important;
    box-shadow: none !important;
}

textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

/************************************* hr-bounce-start *************************************/
.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -10px;
    left: -20px;
    right: -20px;
    bottom: -10px;
    background: #faf9f5;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 100px;
}

.hvr-bounce-to-top:hover,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:active {
    color: #CC9224 !important;
}

.hvr-bounce-to-top:hover:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Right */

.hvr-bounce-to-right {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-right:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
    color: #CC9224 !important;
}

.hvr-bounce-to-right:hover:after,
.hvr-bounce-to-right:focus:after,
.hvr-bounce-to-right:active:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



/* Underline From Left */

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #CC9224;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
    right: 0;
}

/* anim button 1 start*/
/* Bounce To Left */
.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active {
    color: #CC9224 !important;
}

.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* anim button 1 close*/

/* anim button 2 start*/

/* Bounce To Left */
.hvr-bounce-to-left-two {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-left-two:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-left-two:hover,
.hvr-bounce-to-left-two:focus,
.hvr-bounce-to-left-two:active {
    color: #CC9224 !important;
}

.hvr-bounce-to-left-two:hover:before,
.hvr-bounce-to-left-two:focus:before,
.hvr-bounce-to-left-two:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/************************************* hr-bounce-end *************************************/

/************************************* header *************************************/
.navbar-toggler {
    background-color: #CC9224;
    color: #fff;
    border: none;
}

/* header top */
header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    transition: all 0.5s ease-in-out;
}

/* header.sticky {
  position: fixed;
} */
/* header-btm */

header .header-btm .cl-flex-main {
    width: 83%;
    margin: 0 auto;
}

header .header-btm .cl-flex-main .social-main {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    padding: 0 0 20px 0;
}

header .header-btm .cl-flex-main .social-main::after {
    content: '';
    background: #FFFFFF21;
    height: 1px;
    width: 93%;
    margin: 20px 0 0 0;
}

header .header-btm .cl-flex-main .social-main h6 {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0;
    margin: 0 20px;
    transition: all 0.5s ease-in-out;
    letter-spacing: 1px;
}

header .header-btm .cl-flex-main .social-main ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

header .header-btm .cl-flex-main .social-main ul li a {
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    color: #fff;
}

header .header-btm .cl-flex-main .social-main ul li:not(:last-child) a {
    margin: 0 20px 0 0;
}

header .header-btm .navbar>.container {
    align-items: center;
}

header .header-btm .navbar {
    padding: 10px 0 10px 0;
    transition: all 0.3s ease-in-out;
    background: linear-gradient(300deg, rgba(16, 24, 32, 1) 0%, rgba(13, 20, 25, 1) 100%);
    box-shadow: 0px 10px 30px -5px rgb(0 0 0 / 25%);
}

header.sticky .header-btm .navbar {
    box-shadow: 0px 10px 30px -5px rgb(0 0 0 / 25%);
}


header .header-btm .navbar .navbar-nav {
    align-items: center;
}

header .header-btm .navbar .navbar-nav>* {
    visibility: visible;
    transition: all 0.2s ease-in-out;
}

header .header-btm .navbar .navbar-nav>* .nav-item .nav-link {
    /* z-index: 4; */
}

header .header-btm .navbar .navbar-nav:hover> :not(:hover) {
    opacity: 0.5;
}

header .header-btm .navbar .navbar-nav .nav-item .nav-link {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    margin: 0 12px;
    transition: all 0.5s ease-in-out;
    border: none;
    background-color: transparent;
    letter-spacing: 2px;
}

.payment-area .payment-btn button.btn.btn-pay {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 30px;
    height: 52px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

header .header-btm .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #CC9224;
}

header .header-btm .navbar .navbar-nav .nav-item .nav-link.anim-active,
header .header-btm .navbar .navbar-nav .dropdown-toggle.anim-active {
    color: #CC9224;
}

.head-drop {}

.head-drop button {
    outline: none;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    margin: 0 12px;
    transition: all 0.5s ease-in-out;
    border: none;
    background-color: transparent;
    letter-spacing: 2px;
}

.head-drop:hover ul.dropdown-menu {
    display: block;
}

.head-drop ul.dropdown-menu {
    background-color: #0a1015;
    border-radius: 0;
    padding: 10px 0px;
}

.head-drop ul.dropdown-menu li a {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px;
    transition: all 0.5s ease-in-out;
    border: none;
    letter-spacing: 2px;
}

.head-drop ul.dropdown-menu li a.active {
    background-color: #cc9224;
    color: white;
}

.head-drop ul.dropdown-menu li a:hover {
    background-color: #cc9224;
    color: white;
}

/* header .header-btm .navbar .navbar-nav .nav-item .nav-link.anim-active.hvr-bounce-to-top:before {
    transform: scaleY(1);
    background: #eedfcc;
  } */

/* header.sticky .header-btm .navbar .navbar-nav .nav-item .nav-link {
    color: #a0a0a0;
  } */

/* header.sticky .header-btm .navbar .navbar-nav .nav-item .nav-link.hvr-underline-from-left::before {
    background: #ff7f00;
  } */

/* header.sticky .header-btm .navbar .navbar-nav .nav-item .nav-link.hvr-underline-from-left:hover {
    color: #fff !important;
  }

  header.sticky .header-btm .navbar .navbar-nav .nav-item .nav-link.hvr-underline-from-left:active {
    color: #fff !important;
  }

  header.sticky .header-btm .navbar .navbar-nav .nav-item .nav-link.hvr-underline-from-left:focus {
    color: #fff !important;
  } */

header .header-btm .navbar .navbar-nav .nav-item:last-child .nav-link {
    margin-right: 0;
}

header .header-btm .navbar .navbar-nav .nav-item:first-child .nav-link {
    margin-left: 0;
}

header .header-btm .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle::after {
    border: none;
    content: '\f078';
    position: absolute;
    top: 2px;
    right: -15px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 10px;
    color: #000;
}

/* header .header-mid .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle:hover ~ .dropdown-menu{
    visibility: visible;
    opacity: 1;
  } */
header .header-btm .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(-13px);
}

header .header-btm .navbar .navbar-nav .nav-item.dropdown .dropdown-menu::before {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: -1;
    box-shadow: 0 16px 50px rgb(0 0 0 / 7%);
    background: #202020;
    top: calc(100% - 170px);
    right: 0;
    bottom: 0;
    left: 0;
}

header .header-btm .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
    padding: 50px 0 0 0;
    border: none;
    background: transparent;
    box-shadow: 0px 10px 30px -5px rgb(0 0 0 / 25%);
    visibility: hidden;
    opacity: 0;
    display: block;
    will-change: opacity;
    transition: all 0.5s ease-in-out;
    top: 0;
    left: 0;
    border-radius: 15px;
    overflow: hidden;
    transform: translateY(50px);
    z-index: 3;
}

header .header-btm .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
    color: rgba(255, 255, 255, 0.6);
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 8px 25px;
    /* border-bottom: 1px solid rgba(204, 12, 25, 0.1); */
    margin: 0;
    transition: all 0.3s ease-in-out;
}

header .header-btm .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    color: rgb(255, 255, 255);
    background-color: #202020;
}

header .header-btm .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle {
    position: relative;
}

header .header-btm .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-toggle {
    z-index: 4;
}

header .header-btm .navbar .navbar-nav .nav-item .dropdown .dropdown-toggle::after {
    content: "\f078";
    position: absolute;
    font-family: "Font Awesome 6 Pro";
    font-weight: 800;
    color: #111;
    font-size: 10px;
    right: 5px;
    top: 5px;
    border: none;
}

header .header-btm .navbar .navbar-nav .nav-item .dropdown .dropdown-menu {
    border: none;
    box-shadow: 0px 8px 13px -5px rgb(239 239 239);
}

header .header-btm .navbar .navbar-nav .nav-item .dropdown .dropdown-menu .dropdown-item {
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 10px;
    border-bottom: 1px solid rgba(204, 12, 25, 0.1);
    margin: 0;
    transition: all 0.3s ease-in-out;
}

header .header-btm .navbar .navbar-nav .nav-item .dropdown .dropdown-menu .dropdown-item:hover {
    color: #BD2A2E;
    background-color: #fff;
}

header .header-btm .navbar .navbar-brand {
    margin: 0;
    padding: 0;
}

header .header-btm .navbar .navbar-brand .logo {
    width: auto;
    height: 120px;
    transition: all 0.3s ease-in-out;
    margin: 0;
    border-radius: 10px;
}

/* header.sticky .header-btm .navbar .navbar-brand .logo {
  height: 90px;
} */

header .header-btm .side-ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0 0 30px;
    padding: 0;
    gap: 10px;
    transition: all 0.3s ease-in-out;
}

header .header-btm .side-ul .sd-li {}

header .header-btm .side-ul .sd-li .member-btn {
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 2px solid #CC9224;
    background: #CC9224;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out;
}

header .header-btm .side-ul .sd-li .member-btn:hover {
    background: transparent;
}

/***************************** header close *****************************/


/*********************** footer ***********************/

.z-index-50 {
    z-index: 50;
}

footer {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 50px 0 0 0;
    background: linear-gradient(180deg, #0a1015 0%, #0A1015F0 50%), url(../images/footer-bg.png) no-repeat center;
}

footer .footer-mid {
    padding: 0 0 50px 0;
}

footer .footer-mid .ft-box .detail {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin: 1rem 0 0 0;
}

footer .footer-mid .ft-box .detail .dt-link {
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
    text-align: left;
    font-size: 14px;
    position: relative;
    display: block;
}

footer .footer-mid .ft-box .detail .dt-link::before {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: 'Font Awesome 6 Pro';
    font-size: 14px;
    color: #CC9224;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
}

footer .footer-mid .ft-box .detail .dt-link:nth-child(1)::before {
    content: '\f3c5';
}

footer .footer-mid .ft-box .detail .dt-link:nth-child(2)::before {
    content: '\f095';
}

footer .footer-mid .ft-box .detail .dt-link:nth-child(3)::before {
    content: '\f0e0';
}

footer .footer-mid .ft-box .ft-thumb {
    width: auto;
    height: 175px;
    margin: 0;
    display: block;
    border-radius: 10px;
}

footer .footer-mid .ft-box h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: #CC9224;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: center;
    font-size: 20px;
    position: relative;
}

footer .footer-mid .ft-box p {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
    line-height: 21px;
}

footer .footer-mid .ft-box ul li .links {
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
    position: relative;
    display: block;
    transition: all 0.3s ease-in-out;
}

footer .footer-mid .ft-box ul li .links::before {
    content: '\f054';
    display: inline-block;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    color: #CC9224;
    font-size: 14px;
    margin: 0 10px 0 0;
    padding: 0;
}

footer .footer-mid .ft-box ul li:not(:last-child) .links {
    margin: 0 0 15px 0;
}

footer .footer-mid .ft-box ul li .links:hover {
    color: #848484;
}

footer .social-icons .icon-ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 0 0 0;
}

footer .social-icons .icon-ul .ic-li:not(:last-child) {
    margin: 0 20px 0 0;
}

footer .social-icons .icon-ul .ic-li .ic-m {
    height: 39px;
    width: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF21;
    background: transparent;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    color: #CC9224;
    border-radius: 0;
}

footer .social-icons .icon-ul .ic-li .ic-m:hover {
    color: #000;
    background: #CC9224;
    animation-name: animation-push;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

@keyframes animation-push {
    50% {
        transform: scale(0.8)
    }

    100% {
        transform: scale(1)
    }
}

footer .footer-mid .ft-letter h5 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: #CC9224;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
    font-size: 20px;
    position: relative;
}

footer .footer-mid .ft-letter p {
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
    position: relative;
    display: block;
}

footer .footer-mid .ft-letter .ft-letter-fm .input-main .cn-fm {
    border: none;
    height: 50px;
    background-color: #fff;
    border-radius: 0;
    margin: 0 0 20px 0;
    padding: 14px 20px;
    font-family: "Mulish", sans-serif;
    color: #1F1F1F;
    font-size: 14px;
    font-weight: 400;
}

footer .footer-mid .ft-letter .ft-letter-fm .input-main .cn-fm:focus {
    box-shadow: none;
    outline: none;
}

footer .footer-mid .ft-letter .ft-letter-fm .input-main .cn-fm::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Mulish", sans-serif;
    color: #1F1F1F;
    opacity: 0.8;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

footer .footer-mid .ft-letter .ft-letter-fm .input-main .cn-fm::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Mulish", sans-serif;
    color: #1F1F1F;
    opacity: 0.8;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

footer .footer-mid .ft-letter .ft-letter-fm .input-main .cn-fm:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Mulish", sans-serif;
    color: #1F1F1F;
    opacity: 0.8;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

footer .footer-mid .ft-letter .ft-letter-fm .input-main .cn-fm:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Mulish", sans-serif;
    color: #1F1F1F;
    opacity: 0.8;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

footer .footer-mid .ft-letter .ft-letter-fm .sub-btn {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Oswald', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 1px solid #CC9224;
    border-radius: 0;
    overflow: hidden;
}

footer .footer-mid .ft-letter .ft-letter-fm .sub-btn:hover {
    background: #000;
    color: #fff;
}

footer .footer-btm {
    padding: 20px 0 20px 0;
    margin: 0;
    position: relative;
}

footer .footer-btm::before {
    content: '';
    top: 0;
    right: 0;
    left: 0;
    background: #ffffff21;
    height: 1px;
    width: 68%;
    margin: 0 auto;
    display: block;
    position: absolute;
}

footer .footer-btm .para {
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    padding: 0;
    text-align: left;
}

footer .footer-btm .para span {
    color: #CC9224;
    font-family: 'Mulish', sans-serif;
    font-weight: 500;
}

footer .footer-btm .ftr-btn {
    text-align: right;
}

footer .footer-btm .ftr-btn a {
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #CC9224;
    margin: 0;
    padding: 0;
    transition: all 0.2s ease-in-out;
}

footer .footer-btm .anchor:hover {
    color: #f73859;
}

/*********************** footer close ***********************/


/*********************** sec-home-slider start ***********************/
.sec-home-slider {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.sec-home-slider .home-slider .slider-main .img-main {
    position: relative;
    overflow: hidden;
}

.sec-home-slider .home-slider .slider-main .img-main .thumb {
    height: 100vh;
    object-fit: cover;
    object-position: center;
    width: 100%;
    margin: 0;
    display: block;
}

.sec-home-slider .home-slider .slider-main .desc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    background: linear-gradient(270deg, #0A101500 0%, #0A1015 100%);
}

.sec-home-slider .home-slider .slider-main .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.sec-home-slider .home-slider .slider-main .desc h5 {
    font-family: "Oswald", sans-serif;
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
}

.sec-home-slider .home-slider .slider-main .desc span {
    color: #CC9224;
    margin: 0;
}

.sec-home-slider .home-slider .slider-main .desc strong {
    color: #CC9224;
    margin: 0;
}

.sec-home-slider .home-slider .slider-main .desc p {
    font-family: "Mulish", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 27px;
    text-transform: unset;
    margin: 10px 0 30px 0;
    padding: 0;
}

.sec-home-slider .home-slider .slider-main .desc .btn-grp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 15px 0 0 0;
}

.sec-home-slider .home-slider .slider-main .desc .btn-grp .shop-btn {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 15px 0 0;
    padding: 0;
    height: 52px;
    width: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #fff;
    background: transparent;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

.sec-home-slider .home-slider .slider-main .desc .btn-grp .arr-btn {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    height: 52px;
    width: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

.sec-home-slider .home-slider .slider-main .desc .btn-grp .shop-btn:hover,
.sec-home-slider .home-slider .slider-main .desc .btn-grp .arr-btn:hover {
    background: #CC9224;
    border-color: #CC9224;
    color: #000;
}

/* .sec-home-slider .home-slider .owl-nav {
  position: absolute;
  bottom: 5%;
  right: 5%;
  width: 100px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.sec-home-slider .home-slider .owl-nav .owl-prev,
.sec-home-slider .home-slider .owl-nav .owl-next {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000;
  border: none;
  transition: all 0.3s ease-in-out;
  color: #fff;
  font-size: 16px;
}

.sec-home-slider .home-slider .owl-nav .owl-prev:hover,
.sec-home-slider .home-slider .owl-nav .owl-next:hover {
  background: #D5896f;
} */

/*********************** sec-home-slider close ***********************/

/*********************** sec-sponsors start ***********************/
.sec-sponsors {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 50px 0;
}

.sec-sponsors .sp-bg {
    padding: 50px 0;
    background: linear-gradient(300deg, #101820 72%, #0d1419 72%);
}

.sec-sponsors .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.sec-sponsors .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 15px 0 0 0;
    padding: 0;
}

.sec-sponsors .logo-slider .logo-main .thumb {
    opacity: 50%;
    transition: all 0.3s ease-in-out;
    width: auto;
    min-height: 180px;
    max-height: 180px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.sec-sponsors .logo-slider .logo-main .thumb:hover {
    opacity: 100%;
}

/*********************** sec-sponsors close ***********************/

/*********************** sec-coming-leagues start ***********************/
.sec-coming-leagues {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 80px 0;
}

.sec-coming-leagues .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.sec-coming-leagues .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
}

.sec-coming-leagues .desc span {
    color: #CC9224;
}

.sec-coming-leagues .exp-btn {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 0 0 auto;
    padding: 0;
    height: 52px;
    width: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

.sec-coming-leagues .exp-btn:hover {
    background: #000;
    color: #fff;
}

.sec-coming-leagues .sm-card,
.sec-coming-leagues .xl-card {
    background: transparent;
    border: none;
    border-radius: 0;
    margin: 20px 0 0 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
}

.sec-coming-leagues .sm-card .img-main,
.sec-coming-leagues .xl-card .img-main {
    position: relative;
    overflow: hidden;
}

.sec-coming-leagues .sm-card .desc,
.sec-coming-leagues .xl-card .desc {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    background: linear-gradient(180deg, #0A101521 0%, #0A1015C4 100%);
    padding: 30px;
    transition: all 0.3s ease-in-out;
}

.sec-coming-leagues .sm-card:hover .desc,
.sec-coming-leagues .xl-card:hover .desc {
    transform: scale(0.9);
}

.sec-coming-leagues .sm-card .desc h6,
.sec-coming-leagues .xl-card .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: 0 0 8px 0;
    padding: 0;
}

.sec-coming-leagues .sm-card .desc .view-btn,
.sec-coming-leagues .xl-card .desc .view-btn {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #CC9224;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;
}

.sec-coming-leagues .sm-card .img-main .thumb {
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.sec-coming-leagues .xl-card .img-main .thumb {
    min-height: 600px;
    max-height: 600px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

/*********************** sec-coming-leagues close ***********************/

/*********************** sec-about start ***********************/
.sec-about {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 80px 0;
}

.sec-about .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.sec-about .desc h5 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
}

.sec-about .desc h5 span {
    color: #CC9224;
}

.sec-about .desc p {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #848484;
    line-height: 24px;
    text-transform: unset;
    margin: 14px 0;
    padding: 0;
}

.sec-about .desc .read-btn {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    height: 52px;
    width: 162px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

.sec-about .desc .read-btn:hover {
    background: #000;
    color: #fff;
}

.sec-about .desc .counter-area {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    float: left;
    position: relative;
    margin: 20px 15px 0px 0;
}

.sec-about .desc .counter-area h3 {
    font-family: "Oswald", sans-serif;
    font-size: 75px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
}

.sec-about .desc .counter-area h3::after {
    content: '\2b';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    color: #CC9224;
    font-size: 20px;
    position: absolute;
    inset: 30px 20px auto auto;
}

.sec-about .desc .counter-area span {
    font-family: "Mulish", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: normal;
    text-transform: capitalize;
    margin: 10px 0 0 0;
    padding: 0;
}

.sec-about .img-main {
    position: relative;
}

.sec-about .img-main::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(10, 16, 21, 0.4990371148459384) 0%, rgba(10, 16, 21, 0.4990371148459384) 100%);
}

.sec-about .img-main .thumb {
    width: 100%;
    display: block;
    min-height: 350px;
    max-height: 350px;
    object-fit: cover;
    object-position: center;
}

.sec-about .img-main .play-btn {
    padding: 30px 50px 30px 40px;
    background: linear-gradient(315deg, #0A101500 18%, #0a1015 16%);
    position: absolute;
    inset: auto auto 0 0;
}

.sec-about .img-main .play-btn .video-btn {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff;
    border-radius: 100%;
    border: 1px solid #fff;
    font-size: 25px;
    position: relative;
    z-index: 6;
    transition: all .4s ease;
}

.sec-about .img-main .play-btn .video-btn::before,
.sec-about .img-main .play-btn .video-btn::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #fff;
    -webkit-animation: jkit-ripple 3s infinite;
    animation: jkit-ripple 3s infinite;
    opacity: .6;
    z-index: -1;
}

.sec-about .img-main .play-btn .video-btn::after {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    color: #FFFFFF4F;
}

@-webkit-keyframes jkit-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 15px currentColor;
        box-shadow: 0 0 0 15px currentColor;
        opacity: 0
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@keyframes jkit-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 15px currentColor;
        box-shadow: 0 0 0 15px currentColor;
        opacity: 0
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

.sec-about .abt-slider .abt-img {
    margin: 20px 0 0 0;
    display: block;
}

/*********************** sec-about close ***********************/

/*********************** inner-pages start ***********************/
/* my-team-page css start */
.inner-banner-wrap {
    padding: 250px 0 150px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
}

.inner-banner-wrap::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0a1015;
    opacity: 0.8;
    z-index: -1;
}

.inner-banner-wrap .content {}

.inner-banner-wrap .content ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
}

.inner-banner-wrap .content ul li {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.inner-banner-wrap .content ul li i {
    color: #CC9224;
}

.inner-banner-wrap .content h5 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.inner-banner-wrap .content h5 span {
    color: #CC9224;
    margin: 0;
}

.team-sec-wrap {
    padding: 120px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.team-sec-wrap.staff::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    background-image: linear-gradient(180deg, #0A1015 0%, #0A10157D 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    z-index: -1;
}

.team-sec-wrap .desc {
    margin: 0 0 50px 0;
}

.team-sec-wrap .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.team-sec-wrap .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.team-sec-wrap .desc h4 span {
    color: #CC9224;
    margin: 0;
}

.team-sec-wrap .player-card {
    position: relative;
    transition: all 0.3s ease-in-out;
    margin: 0 0 30px;
}

.team-sec-wrap .player-card:hover .player-desc {
    transform: scale(0.9);
    opacity: inherit;
    visibility: visible;
}

.team-sec-wrap .player-card img {
    min-width: 100%;
    max-width: 100%;
    min-height: 350px;
    max-height: 350px;
    object-fit: cover;
}

.team-sec-wrap .player-card .player-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
    background: linear-gradient(180deg, #0A101521 0%, #0A1015C4 100%);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    /* background-color: rgba(0, 0, 0, .7); */
}

.team-sec-wrap .player-card .player-desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    letter-spacing: 3px;
    line-height: 26px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
}

.team-sec-wrap .player-card .player-desc p {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 14px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.team-sec-wrap .player-card .player-desc ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 20px 0;
}

.team-sec-wrap .player-card .player-desc ul li {}

.team-sec-wrap .player-card .player-desc ul li a {}

.team-sec-wrap .player-card .player-desc ul li a i {
    background: #cc9224;
    color: #0a1015;
    font-size: 15px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.top-player-sec {
    padding: 120px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

/* .top-player-sec::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0a1015;
  opacity: 0.8;
  z-index: -1;
} */

.top-player-sec .top-left {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-evenly;
    height: 100%;
    padding: 0 20px;
}

.top-player-sec .top-left .heading {}

.top-player-sec .top-left .heading h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.top-player-sec .top-left .heading h4 span {
    color: #CC9224;
    margin: 0;
}

.top-player-sec .top-left .desc {
    position: relative;
    padding: 10px 0;
}

.top-player-sec .top-left .desc p::before {
    position: absolute;
    content: '\f10d';
    font-family: "Font Awesome 6 pro";
    top: -10px;
    font-size: 70px;
    left: 0;
    color: #FFFFFF24;
    opacity: inherit;
    z-index: -1;
    font-weight: 800;
}

.top-player-sec .top-left .desc p {
    font-size: 18px;
    letter-spacing: 0;
    font-style: italic;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
    position: relative;
}

.top-player-sec .top-left .designation {}

.top-player-sec .top-left .designation h6 {
    font-size: 16px;
    letter-spacing: 0;
    font-style: normal;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.top-player-sec .top-left .designation h5 {
    font-size: 16px;
    letter-spacing: 0;
    font-style: normal;
    line-height: 16px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.top-player-sec .main-img {
    background: #101820;
}

.top-player-sec .main-img img {
    min-width: 100%;
    max-width: 100%;
    min-height: 541px;
    max-height: 541px;
    object-fit: cover;
}

.top-player-sec .detail-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 0 20px 0;
}

.top-player-sec .detail-box .desc {}

.top-player-sec .detail-box .desc h6 {
    font-size: 16px;
    letter-spacing: 0;
    font-style: normal;
    line-height: 16px;
    font-weight: 400;
    color: #848484;
    text-transform: capitalize;
    margin: 0 0 7px 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.top-player-sec .detail-box .desc h5 {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.top-player-sec .detail-box .progress-desc {
    width: 50%;
}

.top-player-sec .detail-box .progress-desc ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 0 7px 0;
}

.top-player-sec .detail-box .progress-desc ul li {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.top-player-sec .detail-box .progress-desc .progress {
    border-radius: 0px;
    height: 5px;
    background: #101820;
}

.top-player-sec .detail-box .progress-desc .progress .progress-bar {
    background-color: #cc9224;
}

/* my-team-page css end */

/* schedule-page css start */
.schedule-sec-wrap {
    padding: 100px 0;
    overflow: hidden;
}

.schedule-sec-wrap .player-stats {}

.schedule-sec-wrap .player-stats .table {
    border: 1px solid hsla(0, 0%, 50.2%, .5019607843);
}

.schedule-sec-wrap .player-stats .table thead {}

.schedule-sec-wrap .player-stats .table thead tr {}

.schedule-sec-wrap .player-stats .table thead tr th {
    font-size: 14.4px;
    letter-spacing: 0;
    text-align: center;
    line-height: 21.6px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    padding: 15px;
    font-family: "Mulish", sans-serif;
    border: 1px solid hsla(0, 0%, 50.2%, .5019607843);
}

.schedule-sec-wrap .player-stats .table thead tr th.th-last {
    text-align: right;
}

.schedule-sec-wrap .player-stats .table tbody {}

.schedule-sec-wrap .player-stats .table tbody tr {}

.schedule-sec-wrap .player-stats .table tbody tr td {
    padding: 15px;
    border: 1px solid hsla(0, 0%, 50.2%, .5019607843);
}

.schedule-sec-wrap .player-stats .table tbody tr td p {
    font-size: 14.4px;
    letter-spacing: 0;
    text-align: left;
    line-height: 21.6px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.schedule-sec-wrap .player-stats .table tbody tr:nth-child(odd)>td {
    background-color: hsla(0, 0%, 50.2%, .0705882353);
}

.schedule-sec-wrap .player-stats .table tbody tr td .stats-btns {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

.schedule-sec-wrap .player-stats .table tbody tr td .stats-btns .btn-stats {
    font-size: 14.4px;
    letter-spacing: 0;
    line-height: 21.6px;
    font-weight: 400;
    color: #cc9224;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
    transition: all .3s ease-in-out;
}

.schedule-sec-wrap .player-stats .table tbody tr td .stats-btns .btn-stats:hover {
    color: #fff;
}

/* schedule-page css end */
/* about-page css start */
.testimonial-sec {
    padding: 100px 0;
}

.testimonial-sec .content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
}

.testimonial-sec .content .top {
    text-align: center;
}

.testimonial-sec .content .top i {
    color: #FFFFFF24;
    font-size: 85px;
    line-height: 85px;
}

.testimonial-sec .content .top i::before {
    font-family: "Font Awesome 6 pro";
}

.testimonial-sec .content .top p {
    font-size: 18px;
    letter-spacing: 0;
    font-style: italic;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0;
    text-align: center;
    padding: 0;
    font-family: "Mulish", sans-serif;
    position: relative;
}

.testimonial-sec .content .top p span {
    color: #CC9224;
    margin: 0;
}

.testimonial-sec .content .middle {}

.testimonial-sec .content .middle i {
    color: #cc9224;
    font-size: 40px;
    font-weight: 200;
}

.testimonial-sec .content .bottom {}

.testimonial-sec .content .bottom h4 {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
    text-align: center;
}

.journey-sec {
    padding: 120px 0 180px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.journey-sec::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    background-image: linear-gradient(180deg, #0A1015 0%, #0A10157D 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    z-index: -1;
}

.journey-sec .desc {
    margin: 0 0 50px 0;
}

.journey-sec .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.journey-sec .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.journey-sec .desc h4 span {
    color: #CC9224;
    margin: 0;
}

.journey-sec .journey-card {}

/* circular progress css */

.journey-sec .journey-card .ProgressBar {
    display: table;
    height: 210px;
    position: relative;
    width: 210px;
    margin: 0 auto 20px;
}

.journey-sec .journey-card .ProgressBar-contentCircle {
    display: table;
    height: 210px;
    position: absolute;
    width: 210px;
}

.journey-sec .journey-card .ProgressBar-circle {
    animation: progress 1s;
    fill: none;
    stroke: #e1c983;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    position: relative;
    z-index: 10;
}

.journey-sec .journey-card .ProgressBar-background {
    animation: progress 1s;
    fill: none;
    stroke: #e1c983;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    position: relative;
    z-index: 10;
}

.journey-sec .journey-card .ProgressBar-background {
    stroke: white;
    stroke-width: 5 - 1;
    z-index: 0;
}

.journey-sec .journey-card .ProgressBar-percentage {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

/* circular progress css */



.journey-sec .journey-card .journey-desc {}

.journey-sec .journey-card .journey-desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    letter-spacing: 0.5px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    min-height: 60px;
    max-height: 60px;
}

.journey-sec .journey-card .journey-desc p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
    min-height: 130px;
    max-height: 130px;
}

.experinace-sec {}

.experinace-sec {
    padding: 150px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
}

.experinace-sec::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    background-image: linear-gradient(180deg, #0A1015 0%, #0A10157D 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    z-index: -1;
}

.experinace-sec .desc {
    margin: 0 0 50px 0;
}

.experinace-sec .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.experinace-sec .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0 40px 0;
    padding: 0;
    text-align: center;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.experinace-sec .desc h4 span {
    color: #CC9224;
    margin: 0;
}

.experinace-sec .desc p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.experinace-sec .desc .experinace-btn {
    margin: 20px 0 0 0;
}

.experinace-sec .desc .experinace-btn .btn-join {
    font-family: "Oswald", sans-serif;
    background: #cc9224;
    width: 182px;
    height: 52px;
    color: #0A1015;
    margin: 0 auto;
    padding: 0;
    border-radius: 0px;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
}

.experinace-sec .desc .experinace-btn .btn-join:hover {
    border: 1px solid #cc9224;
    background: transparent;
    color: #fff;
}

.faqs-sec-wrap {
    padding: 50px 0 100px;
}

.faqs-sec-wrap .desc {
    margin: 0 0 50px 0;
}

.faqs-sec-wrap .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.faqs-sec-wrap .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0 40px 0;
    padding: 0;
    text-align: center;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.faqs-sec-wrap .desc h4 span {
    color: #CC9224;
    margin: 0;
}

.faqs-sec-wrap .accordion {}

.faqs-sec-wrap .accordion .accordion-item {
    background-color: transparent;
    border: 1px solid #cc9224;
    margin: 0 0 10px 0;
    border-radius: 0px;
}

.faqs-sec-wrap .accordion .accordion-item .accordion-header {}

.faqs-sec-wrap .accordion .accordion-item .accordion-header .accordion-button {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 27px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    background-color: transparent;
}

.faqs-sec-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
    filter: invert(1);
}

.faqs-sec-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: none;
    font-family: "Font Awesome 6 pro";
    content: '\f00d';
    color: #0a1015;
    filter: none;
}

.faqs-sec-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: #cc9224;
    color: #0a1015;
    border-radius: 0px;
    border-color: #cc9224;
    box-shadow: none;
}

.faqs-sec-wrap .accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
}

.faqs-sec-wrap .accordion .accordion-item .accordion-collapse {}

.faqs-sec-wrap .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 20px 40px 20px 30px;
}

.faqs-sec-wrap .accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    color: #848484;
    text-transform: unset;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

/* about-page css end */

/* contact-page css start */
.conatct-sec-wrap {
    padding: 120px 0 80px 0;
}

.conatct-sec-wrap .desc {
    margin: 0 0 50px 0;
}

.conatct-sec-wrap .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.conatct-sec-wrap .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0 40px 0;
    padding: 0;
    text-align: center;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.conatct-sec-wrap .desc h4 span {
    color: #CC9224;
    margin: 0 15px 0 0;
}

.conatct-sec-wrap .contatc-card {
    margin: 0 0 80px 0;
}

.conatct-sec-wrap .contatc-card .main-img {
    text-align: center;
    margin: 0 0 20px 0;
}

.conatct-sec-wrap .contatc-card .main-img i {
    font-size: 60px;
    color: #cc9224;
    line-height: 60px;
    font-weight: 200;
}

.conatct-sec-wrap .contatc-card .content {}

.conatct-sec-wrap .contatc-card .content h4 {
    font-family: "Oswald", sans-serif;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 42px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.conatct-sec-wrap .contatc-card .content p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    color: #848484;
    text-transform: unset;
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.conatct-sec-wrap .form-main {
    background: #101820;
    padding: 50px;
}

.conatct-sec-wrap .form-main .head h6 {
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0;
}

.conatct-sec-wrap .form-main .head p {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 33px;
    font-weight: 400;
    text-transform: unset;
    color: rgba(31, 31, 31, 0.5);
    margin: 0;
    padding: 0;
}

.conatct-sec-wrap .form-main .input-main label {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    line-height: 18.75px;
    color: #000000;
    margin: 0 0 8px 0;
    padding: 0;
}

.conatct-sec-wrap .form-main .input-main input:focus,
.conatct-sec-wrap .form-main .input-main textarea:focus {
    box-shadow: none;
}

.conatct-sec-wrap .form-main .input-main input,
.conatct-sec-wrap .form-main .input-main textarea {
    height: 57px;
    width: 100%;
    padding: 17px 25px 17px 25px;
    margin: 0 0 24px 0;
    border: 1px solid #FFFFFF14;
    background: transparent;
    border-radius: 0;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: unset;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
}

.conatct-sec-wrap .form-main .input-main textarea {
    height: auto;
}

.conatct-sec-wrap .form-main .input-main input::-webkit-input-placeholder,
.conatct-sec-wrap .form-main .input-main textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
}

.conatct-sec-wrap .form-main .input-main input::-moz-placeholder,
.conatct-sec-wrap .form-main .input-main textarea::-moz-placeholder {
    /* Firefox 19+ */
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
}

.conatct-sec-wrap .form-main .input-main input:-ms-input-placeholder,
.conatct-sec-wrap .form-main .input-main textarea:-ms-input-placeholder {
    /* IE 10+ */
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
}

.conatct-sec-wrap .form-main .input-main input:-moz-placeholder,
.conatct-sec-wrap .form-main .input-main textarea:-moz-placeholder {
    /* Firefox 18- */
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
}

.conatct-sec-wrap .form-main .input-main span {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: unset;
    color: rgba(31, 31, 31, 0.5);
    margin: 0 0 24px 0;
    padding: 0;
    display: block;
}

.conatct-sec-wrap .form-main .submit-btn {
    margin-top: 12px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Oswald', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 1px solid #CC9224;
    border-radius: 0;
    overflow: hidden;
}

.conatct-sec-wrap .form-main .submit-btn:hover {
    background: #000;
    color: #fff;
}

.conatct-sec-wrap .map iframe {
    width: 100%;
    height: 530px;
}

/* contact-page css end */


/* sec-contents css start */
.sec-contents {
    position: relative;
    margin: 0;
    padding: 80px 0;
    overflow: hidden;
}

.sec-contents .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #CC9224;
    line-height: 36px;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
}

.sec-contents .desc h5 {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 24px;
    text-transform: capitalize;
    margin: 5px 0;
    padding: 0;
}

.sec-contents .desc p {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    text-transform: unset;
    margin: 10px 0;
    padding: 0;
}

.sec-contents .desc ul {
    list-style: disc;
    padding: 0 0 0 40px;
}

.sec-contents .desc ul li {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    text-transform: unset;
    margin: 10px 0;
    padding: 0;
}

/* .sec-contents .form-main .head {
  margin: 0 0 38px 0;
}

.sec-contents .form-main .head h6 {
  font-family: 'Oswald', sans-serif;
  font-size: 50px;
  line-height: 58px;
  font-weight: 700;
  text-transform: capitalize;
  color: #215BA6;
  margin: 0 0 10px 0;
  padding: 0;
}

.sec-contents .form-main .head p {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  line-height: 33px;
  font-weight: 400;
  text-transform: unset;
  color: rgba(31, 31, 31, 0.5);
  margin: 0;
  padding: 0;
} */

.sec-contents .form-main .input-main label {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    line-height: 33px;
    color: #fff;
    margin: 0 0 8px 0;
    padding: 0;
}

.sec-contents .form-main .input-main input,
.sec-contents .form-main .input-main textarea {
    height: 40px;
    width: 100%;
    padding: 10px;
    margin: 0 0 15px 0;
    border: 1px solid #fff;
    border-radius: 0;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: unset;
    text-align: left;
    color: #000;
}

.sec-contents .form-main .input-main textarea {
    height: auto;
}

.sec-contents .form-main .input-main input::-webkit-input-placeholder,
.sec-contents .form-main .input-main textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    color: rgba(31, 31, 31, 0.5);
}

.sec-contents .form-main .input-main input::-moz-placeholder,
.sec-contents .form-main .input-main textarea::-moz-placeholder {
    /* Firefox 19+ */
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    color: rgba(31, 31, 31, 0.5);
}

.sec-contents .form-main .input-main input:-ms-input-placeholder,
.sec-contents .form-main .input-main textarea:-ms-input-placeholder {
    /* IE 10+ */
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    color: rgba(31, 31, 31, 0.5);
}

.sec-contents .form-main .input-main input:-moz-placeholder,
.sec-contents .form-main .input-main textarea:-moz-placeholder {
    /* Firefox 18- */
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    color: rgba(31, 31, 31, 0.5);
}

.sec-contents .form-main .input-main span {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: unset;
    color: rgba(31, 31, 31, 0.5);
    margin: 0 0 24px 0;
    padding: 0;
    display: block;
}

.sec-contents .form-main .input-check .form-check label {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    line-height: 33px;
    color: #fff;
    margin: 0;
    padding: 0;
}

.sec-contents .form-main .submit-btn {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Oswald', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 1px solid #CC9224;
    border-radius: 0;
    overflow: hidden;
}

.sec-contents .form-main .submit-btn:hover {
    background: #000;
    color: #fff;
}

/* sec-contents css end */

/* sec-league-table start */
.sec-league-table {
    position: relative;
    padding: 50px 0;
    margin: 0;
    overflow: hidden;
}

.sec-league-table .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    line-height: 36px;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
}

.sec-league-table .desc h5 {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 24px;
    text-transform: capitalize;
    margin: 5px 0;
    padding: 0;
}

.sec-league-table .desc h3 {
    font-family: "Mulish", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
    margin: 30px 0;
    padding: 0;
}

.sec-league-table .table-main {
    padding: 0px 0 50px 0px;
}

.sec-league-table .table-main .table {
    color: #fff;
    text-align: center;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
}

.sec-league-table .table-main .table>:not(caption)>*>* {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

.sec-league-table .table-main .table-striped>tbody>tr:nth-of-type(odd)>* {
    color: #fff;
    background: #CC9224;
}

.sec-league-table .table-main .table tbody tr:nth-child(odd) {
    background: hsla(0, 0%, 50.2%, .0705882353);
}

.sec-league-table .table-main .table tbody tr td {
    font-size: 20px;
    font-weight: 500;
}

.sec-league-table .table-main .table tbody tr td:first-child {
    text-align: left;
}

.sec-league-table .table-main .table tbody tr td:nth-child(2) {
    text-align: left;
}

.sec-league-table .table-main .table tbody tr td .thumb {
    height: 40px;
    width: auto;
    margin: 10px 0;
}

.sec-league-table .table-main .table tbody tr td span {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}

/* sec-league-table close */
/* sec-schedule-details start */
.sec-schedule-details {
    padding: 50px 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.sec-schedule-details .schedule-box {
    margin: 60px 0 0 0;
}

.sec-schedule-details .schedule-box .bx-head h4 {
    background: #cc9224;
    padding: 10px;
    font-family: "Oswald", sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: #0a1015;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

.sec-schedule-details .schedule-box .bx-head p {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    text-transform: unset;
    margin: 10px 0;
    padding: 0;
}

.sec-schedule-details .schedule-box .inner-items {
    border-top: 3px solid #cc9224;
    background: #0c1319;
    padding: 0 30px;
}

.sec-schedule-details .schedule-box .inner-items .desc .thumb {
    height: 30px;
    width: auto;
    margin: 0;
}

.sec-schedule-details .schedule-box .inner-items .desc h6 {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 0 10px;
    padding: 0;
}

.sec-schedule-details .schedule-box .inner-items .desc h5 {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 0 10px;
    padding: 0;
    text-align: right;
}

.sec-schedule-details .schedule-box .inner-items .desc .info-lnk .thumb {
    height: 20px;
    object-fit: cover;
    object-position: center;
    margin: 0 0 0 auto;
    display: block;
}

.sec-schedule-details .schedule-box .inner-items .desc .gym-lnk {
    font-family: "Mulish", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #cc9224;
    line-height: normal;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    text-align: right;
    display: block;
}

/* sec-schedule-details close */

/* sec-saints start */
.sec-saints {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 80px 0;
}

.sec-saints .location-container {
    margin: 0px 0 50px 0;
}

.sec-saints .desc {
    background: #101820;
    padding: 20px;
}

.sec-saints .desc p {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    text-transform: unset;
    margin: 10px 0;
    padding: 0;
}

.sec-saints .map iframe {
    width: 100%;
    height: 530px;
}

/* sec-saints close */

/* sec-league-games start */
.sec-league-games {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 80px 0;
}

.sec-league-games .accordion-main .accordion {}

.sec-league-games .accordion-main .accordion .accordion-item {
    border: none;
    margin: 0 0 32px 0;
    background: transparent;
}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-header {}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-header .accordion-button {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: normal;
    text-align: center;
    color: #000;
    padding: 10px 20px;
    background: #cc9224;
    position: relative;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-header .accordion-button:focus {
    outline: none;
    box-shadow: none;
}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-header .accordion-button::after {
    background-image: none;
    content: '\f0da';
    font-family: 'Font Awesome 6 Pro';
    transform: rotate(0deg);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #000;
    font-size: 15px;
    margin: 0;
}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #000;
    background: #cc9224;
    box-shadow: none;
}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: '\f0d7';
    font-family: 'Font Awesome 6 Pro';
    transform: rotate(0deg);
    color: #000;
    background: transparent;
}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-collapse {
    background: transparent;
    box-shadow: 0px 3px 20px rgb(0 0 0 / 10%);
    border-radius: 0;
    margin: 15px 0 0 0;
}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-collapse .accordion-body .table-main .table {
    color: #fff;
    font-family: "Mulish", sans-serif;
}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-collapse .accordion-body .table-main .table tbody tr:nth-child(odd) {
    background: hsla(0, 0%, 50.2%, .0705882353);
}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-collapse .accordion-body .table-main .table tbody tr td {
    padding: 20px;
}

.sec-league-games .accordion-main .accordion .accordion-item .accordion-collapse .accordion-body .table-main .table tbody tr td p {
    margin: 0;
    padding: 0;
}

.sec-league-games .head h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    letter-spacing: 3px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    position: relative;
}

.sec-league-games .game-box {
    margin: 0 0 40px 0;
}

.sec-league-games .game-box .img-main .thumb {
    width: 50%;
    margin: 0 auto;
    display: block;
}

.sec-league-games .game-box .desc h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0 20px 0;
    padding: 0;
    text-align: center;
    font-size: 24px;
    position: relative;
}

.sec-league-games .game-box .desc p {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 18px;
    position: relative;
}

.sec-league-games .game-box .desc p span {
    font-weight: 700;
}

/* dashboard-matches pages css start */
.sec-league-games.match-list {
    padding: 50px 0;
    border-bottom: 1px solid #CC9224;
}

.sec-league-games.match-list .head {
    margin: 0 0 40px 0;
}

.sec-league-games.match-list .head h6 {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 28px;
    text-align: center;
}

.sec-league-games .matches-card {
    background: #101820;
    margin: 0 0 30px 0;
    border: 1px solid #FFFFFF14;
    padding: 30px;
}

.sec-league-games .matches-card .game-box {
    margin: 0;
}

.sec-league-games.match-list .match-top-title {
    background: #cc9224;
    padding: 10px;
    font-family: "Oswald", sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: #0a1015;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

/* dashboard-matches pages css end */

/* sec-league-games close */

/*********************** inner-pages close ***********************/

/*********************** dashboard-css start ***********************/
/***************************** inner-header start *****************************/
.inner-header {
    margin: 120px 0 0 0;
}

.inner-header .inner-header-top {
    padding: 64px 0 0 0;
}

.inner-header .inner-header-top .head {}

.inner-header .inner-header-top .head h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: left;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.inner-header .inner-header-top .head h4 span {
    font-weight: 800;
    color: #CC9224;
}

.inner-header .inner-header-top .head p {
    font-family: "Mulish", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 27px;
    text-transform: unset;
    margin: 10px 0 30px 0;
    padding: 0;
}

.inner-header .inner-head-btm {
    margin: 64px 0 0 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid rgb(255 255 255 / 12%);
}

.inner-header .inner-head-btm .navbar .navbar-nav {}

.inner-header .inner-head-btm .navbar .navbar-nav .nav-item {}

.inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link {
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    margin: 0 20px;
    width: 170px;
    transition: all 0.3s ease-in-out;
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
}

.inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #CC9224;
}

.inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link.inner-active {
    color: #CC9224;
    font-weight: 700;
}

.inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link.hvr-underline-from-left::before {
    background-color: #CC9224;
    bottom: -25px;
}

.inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link.inner-active.hvr-underline-from-left::before {
    right: 0;
}

/***************************** inner-header close *****************************/

/***************************** sec-dashboard-welcome start *****************************/
.sec-dashboard-welcome {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: transparent;
}

/* personal-info-box start */
/* personal-info-box info-head start */
.sec-dashboard-welcome .personal-info-box .info-head {
    padding: 48px 0;
    position: relative;
    border-bottom: 1px solid #CC9224;
    background: linear-gradient(300deg, rgba(16, 24, 32, 1) 0%, rgba(13, 20, 25, 1) 100%);
    box-shadow: 0px 10px 30px -5px rgb(0 0 0 / 25%);
}

.sec-dashboard-welcome .personal-info-box .info-head .desc h6 {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 28px;
}

.sec-dashboard-welcome .personal-info-box .info-head .desc p {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    color: #848484;
    text-transform: unset;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
}

.sec-dashboard-welcome .personal-info-box .info-head .btn-grp {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
}

.sec-dashboard-welcome .personal-info-box .info-head .btn-grp .personal-edit-btn {
    width: 137px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 0px;
    overflow: hidden;
}

.sec-dashboard-welcome .personal-info-box .info-head .btn-grp .personal-edit-btn::after {
    content: '\f304';
    display: inline-flex;
    margin: 0 10px 0 0;
    padding: 0;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
}

.sec-dashboard-welcome .personal-info-box .info-head .btn-grp .personal-edit-btn:hover::after {
    color: #CC9224;
}

.sec-dashboard-welcome .personal-info-box .info-head .btn-grp .personal-edit-btn:focus::after {
    color: #CC9224 !important;
}

.sec-dashboard-welcome .personal-info-box .info-head .btn-grp .personal-save-btn {
    width: 137px;
    height: 48px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 0px;
    overflow: hidden;
}

.sec-dashboard-welcome .personal-info-box .info-head .btn-grp .personal-save-btn:focus {
    color: #CC9224 !important;
}

.sec-dashboard-welcome .personal-info-box .info-head .btn-grp .personal-save-btn:hover {
    color: #CC9224 !important;
}

/* personal-info-box info-head close */

/* personal-info-box personal-main start */
.sec-dashboard-welcome .personal-info-box .personal-main {
    padding: 50px 0;
    border-bottom: 1px solid #CC9224;
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main {
    margin: 0 0 32px 0;
    position: relative;
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main label {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    line-height: 16px;
    color: #fff;
    margin: 0 0 8px 0;
    padding: 0;
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main .form-select.info-inp option {
    color: #000;
}


.sec-dashboard-welcome .personal-info-box .personal-main .input-main .info-inp {
    height: 19px;
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    font-family: "Mulish", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: unset;
    background: transparent;
    transition: all 0.2s ease-in-out;
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main .info-inp::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Mulish", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main .info-inp::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Mulish", sans-serif;
    color: rgba(31, 31, 31, 0.5);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main .info-inp:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Mulish", sans-serif;
    color: rgba(31, 31, 31, 0.5);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main .info-inp:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Mulish", sans-serif;
    color: rgba(31, 31, 31, 0.5);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main .info-inp.active-form {
    background: transparent;
    border: 1px solid #FFFFFF14;
    height: 48px;
    padding: 5px 16px;
    margin: 0;
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main .info-inp.active-form:focus {
    box-shadow: 0 0 0 0.25rem rgb(204 146 36 / 45%);
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main .info-inp::-webkit-outer-spin-button,
.sec-dashboard-welcome .personal-info-box .personal-main .input-main .info-inp::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sec-dashboard-welcome .personal-info-box .personal-main .input-main .info-inp[type=number] {
    -moz-appearance: textfield;
}

.sec-dashboard-welcome .personal-info-box .personal-main .map-main iframe {
    height: 336px;
    width: 100%;
}

.sec-dashboard-welcome .personal-info-box .field-icon1 {
    z-index: 2;
    position: absolute;
    top: 60%;
    right: 20px;
    color: #CC9224;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sec-dashboard-welcome .personal-info-box .field-icon1.active-form {
    display: flex;
}

.sec-dashboard-welcome .personal-info-box .field-icon1 p {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 0 5px;
    padding: 0;
    text-transform: capitalize;
    cursor: pointer;
}

/* personal-info-box personal-main close */

/* portfolio-info-box start */
/* portfolio-info-box info-head start */
.sec-dashboard-welcome .portfolio-info-box .info-head {
    padding: 48px 0;
    position: relative;
    border-bottom: 1px solid rgba(31, 31, 31, 0.2);
}

.sec-dashboard-welcome .portfolio-info-box .info-head .desc h6 {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    color: #1F1F1F;
    text-transform: capitalize;
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 28px;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .desc p {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    text-transform: unset;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .port-edit-btn {
    width: 137px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 5px;
    overflow: hidden;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .port-edit-btn::after {
    content: '\f304';
    display: inline-flex;
    margin: 0 10px 0 0;
    padding: 0;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .port-edit-btn:hover::after {
    color: #CC9224;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .port-edit-btn:focus::after {
    color: #CC9224 !important;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .port-save-btn {
    width: 137px;
    height: 48px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 5px;
    overflow: hidden;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .port-save-btn:focus {
    color: #CC9224 !important;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .port-save-btn:hover {
    color: #CC9224 !important;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .upload-btn {
    width: 137px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 16px 0 0;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 5px;
    overflow: hidden;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .upload-btn::after {
    content: '\e09a';
    display: inline-flex;
    margin: 0 10px 0 0;
    padding: 0;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .upload-btn:hover::after {
    color: #CC9224;
}

.sec-dashboard-welcome .portfolio-info-box .info-head .btn-grp .upload-btn .port-upload-input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* portfolio-info-box info-head close */

/* invoices-info-box start */
/* invoices-info-box info-head start */
.sec-dashboard-welcome .invoices-info-box .info-head {
    padding: 48px 0;
    position: relative;
    border-bottom: 1px solid #CC9224;
    background: linear-gradient(300deg, rgba(16, 24, 32, 1) 0%, rgba(13, 20, 25, 1) 100%);
    box-shadow: 0px 10px 30px -5px rgb(0 0 0 / 25%);
}

.sec-dashboard-welcome .invoices-info-box .info-head .desc h6 {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 28px;
}

.sec-dashboard-welcome .invoices-info-box .info-head .desc p {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    color: #848484;
    text-transform: unset;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
}

.sec-dashboard-welcome .invoices-info-box .info-head .btn-grp {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
}

.sec-dashboard-welcome .invoices-info-box .info-head .btn-grp .inv-view-btn {
    width: 137px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 5px;
    overflow: hidden;
}

.sec-dashboard-welcome .invoices-info-box .info-head .btn-grp .btn-players {
    width: 137px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 0 auto;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 5px;
    overflow: hidden;
}

.sec-dashboard-welcome .invoices-info-box .inv-view-btn {
    width: 137px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 5px;
    overflow: hidden;
}

/* invoices-info-box info-head close */

/* invoices-info-box invoices-main start */
.sec-dashboard-welcome .invoices-info-box .invoices-main {
    padding: 50px 0;
    border-bottom: 1px solid #CC9224;
}

.sec-dashboard-welcome .invoices-info-box .invoices-main .tp-bar {
    border: 2px solid #CC9224;
    padding: 30px;
    margin: 0 0 30px 0;
}

.sec-dashboard-welcome .invoices-info-box .invoices-main .tp-bar .ct-lt .tp-logo {}

.sec-dashboard-welcome .invoices-info-box .invoices-main .tp-bar .ct-lt .tp-logo .thumb {
    width: auto;
    height: 200px;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0 auto;
}

.sec-dashboard-welcome .invoices-info-box .invoices-main .tp-bar .ct-lt h6 {
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    color: #000;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: left;
}

.sec-dashboard-welcome .invoices-info-box .invoices-main .tp-bar .ct-lt p {
    text-transform: uppercase;
    font-family: "Mulish", sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: left;
}

.sec-dashboard-welcome .invoices-info-box .invoices-main .tp-bar .ct-lt span {
    text-transform: uppercase;
    font-family: "Mulish", sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: left;
    display: block;
}

.sec-dashboard-welcome .invoices-info-box .invoices-main .tp-bar .ct-lt ul {
    margin: 20px 0;
}

.sec-dashboard-welcome .invoices-info-box .invoices-main .tp-bar .ct-lt ul li::before {
    content: '\f1ce';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    font-size: 16px;
    color: #CC9224;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
}

.sec-dashboard-welcome .invoices-info-box .invoices-main .tp-bar .ct-lt ul li {
    text-transform: uppercase;
    font-family: "Mulish", sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 8px 0;
    padding: 0 0 0 25px;
    text-align: left;
    position: relative;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main table {
    text-align: center;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main table thead>tr>th {
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main table tbody>tr>td {
    text-transform: capitalize;
    font-family: "Mulish", sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable thead>tr>th.sorting {
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable tbody>tr>td {
    text-transform: capitalize;
    font-family: "Mulish", sans-serif;
    color: #cc9224;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    vertical-align: baseline;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable tbody>tr>td .table-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable tbody>tr>td .table-btn .btn-table {
    color: #fff;
    background-color: #cc9224;
    margin: 0;
    padding: 0 30px;
    height: 40px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    justify-content: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    font-family: "Oswald", sans-serif;
    transition: all .3s ease-in-out;
    border: 1px solid #cc9224;
    border-radius: 5px;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable tbody tr:nth-child(odd)>td {
    background-color: hsl(0deg 0% 50.2% / 25%);
}

/* .sec-dashboard-welcome .invoices-info-box .inv-tbl-main .page-item .page-link {
  background: #CC9224;
  border-color: #CC9224;
} */
.sec-dashboard-welcome .invoices-info-box .inv-tbl-main .page-item.active>.page-link {
    background: #CC9224;
    border-color: #CC9224;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_info {
    text-transform: capitalize;
    font-family: "Mulish", sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_length label {
    text-transform: capitalize;
    font-family: "Mulish", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_length select {
    font-family: "Mulish", sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    border: 2px solid #CC9224;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_length select:focus {
    outline: none;
    box-shadow: none;
    border-color: #CC9224;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_filter label {
    text-transform: capitalize;
    font-family: "Mulish", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_filter input {
    border: 2px solid #CC9224;
    /* background: transparent;
  color: #fff; */
}

.sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_filter input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #CC9224 !important;
}

/* invoices-info-box invoices-main close */

/* player diescription start */
.sec-dashboard-welcome .player-info {
    padding: 50px 0;
    border-bottom: 1px solid #CC9224;
}

.sec-dashboard-welcome .player-info .player-list {}

.sec-dashboard-welcome .player-info .player-list .player-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    background: #101820;
    margin: 0 0 30px 0;
    border: 1px solid #FFFFFF14;
    transition: all 0.3s ease-in-out;
}

.sec-dashboard-welcome .player-info .player-list .player-card:hover .main-img::before {
    opacity: inherit;
    visibility: visible;
}

.sec-dashboard-welcome .player-info .player-list .player-card .main-img {
    position: relative;
    transition: all 0.3s ease-in-out;
}


.sec-dashboard-welcome .player-info .player-list .player-card .main-img::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #0A101521 0%, #0A1015C4 100%);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.sec-dashboard-welcome .player-info .player-list .player-card .main-img img {
    min-width: 100%;
    max-width: 100%;
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
}

.sec-dashboard-welcome .player-info .player-list .player-card .desc {}

.sec-dashboard-welcome .player-info .player-list .player-card .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    letter-spacing: 3px;
    line-height: 26px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: left;
}

.sec-dashboard-welcome .player-info .player-list .player-card .desc p {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: left;
}

.sec-dashboard-welcome .player-info .player-list .player-card .desc span {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    text-align: left;
}

.sec-dashboard-welcome .player-info .player-list .player-card .desc ul {
    margin: 10px 0 0 0;
}

.sec-dashboard-welcome .player-info .player-list .player-card .desc ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 15px;
    margin: 0 0 2px 0;
}

.sec-dashboard-welcome .player-info .player-list .player-card .desc ul li i {
    font-size: 16px;
    color: #CC9224;
    font-weight: 700;
}

.sec-dashboard-welcome .player-info .player-list .player-card .desc ul li p {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .player-info .player-list .player-card .desc ul li a {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

/* player diescription close */

/* about-info-box start */
/* about-info-box info-head start */
.sec-dashboard-welcome .about-info-box .info-head {
    padding: 48px 0;
    position: relative;
    border-bottom: 1px solid #CC9224;
}

.sec-dashboard-welcome .about-info-box .info-head .desc h6 {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 28px;
}

.sec-dashboard-welcome .about-info-box .info-head .desc p {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    color: #848484;
    text-transform: unset;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-edit-btn {
    width: 137px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 5px;
    overflow: hidden;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-edit-btn::after {
    content: '\f304';
    display: inline-flex;
    margin: 0 10px 0 0;
    padding: 0;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-edit-btn:hover::after {
    color: #CC9224;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-edit-btn:focus::after {
    color: #CC9224 !important;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-save-btn {
    width: 137px;
    height: 48px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 5px;
    overflow: hidden;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-save-btn:focus {
    color: #CC9224 !important;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-save-btn:hover {
    color: #CC9224 !important;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp .add-btn {
    width: 137px;
    height: 48px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 16px 0 0;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 5px;
    overflow: hidden;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp .add-btn::after {
    content: '\2b';
    display: inline-flex;
    margin: 0 10px 0 0;
    padding: 0;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
}

.sec-dashboard-welcome .about-info-box .info-head .btn-grp .add-btn:hover::after {
    color: #CC9224;
}

/* about-info-box info-head close */

/* about-info-box about-main start */
.sec-dashboard-welcome .about-info-box .about-main {
    padding: 50px 0 50px 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card {
    border: none;
    border-radius: 0;
    margin: 0 0 30px 0;
    padding: 0;
    background: #101820;
    border: 1px solid #FFFFFF14;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .about-delete {
    position: absolute;
    inset: -10px -10px auto auto;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    background: #CC9224;
    border: none;
    display: none;
    align-items: center;
    justify-content: center;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .about-delete {
    display: flex;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active {
    padding: 20px;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .img-btn-grp {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 16px 0 0 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .img-btn-grp {
    display: flex;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .img-btn-grp .chng-img {
    font-family: "Roboto Condensed", sans-serif;
    color: #CC9224;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 16px 0 0;
    padding: 0;
    text-decoration: underline;
    position: relative;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .img-btn-grp .chng-img .file-input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .img-btn-grp .dlt-img {
    font-family: "Roboto Condensed", sans-serif;
    color: #CC9224;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    background: transparent;
    border: none;
    border-radius: 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .img-main {
    overflow: hidden;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .img-main .thumb {
    width: 100%;
    border-radius: 0;
    min-height: 400px;
    max-height: 400px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    background: rgba(0, 0, 0, 0.25);
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-lbl-info {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 0 10px;
    padding: 0;
    display: none;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-lbl-info {
    display: block;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-lbl {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 16px 0;
    padding: 0;
    display: none;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-lbl {
    display: block;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main i {
    color: #CC9224;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input-info-slct {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
    margin: 0 0 0 10px;
    padding: 0;
    border: none;
    border-radius: 0;
    /* transition: all 0.2s ease-in-out; */
    background: transparent;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input-info-slct {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.25);
    padding: 13px 16px;
    margin: 10px 0 10px 5px;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input-info {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
    margin: 0 0 0 10px;
    padding: 0;
    border: none;
    border-radius: 0;
    /* transition: all 0.2s ease-in-out; */
    background: transparent;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input-info {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.25);
    padding: 13px 16px;
    letter-spacing: normal;
    margin: 10px 0 10px 5px;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input-info::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input-info::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input-info:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input-info:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input-info::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input-info::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input-info:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input-info:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    /* transition: all 0.2s ease-in-out; */
    background: transparent;
    letter-spacing: 3px;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.25);
    padding: 13px 16px;
    letter-spacing: normal;
    margin: 0 0 10px 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-txtarea {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    line-height: normal;
    background: transparent;
    resize: none;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-txtarea {
    background: rgba(0, 0, 0, 0.25);
    padding: 13px 16px;
    font-size: 16px;
    line-height: 25px;
    resize: vertical;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-txtarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-txtarea::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-txtarea:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-txtarea:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card.card-active .abt-input-main .abt-txtarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

/*  */

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-txtarea::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-txtarea:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-txtarea:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .about-main .about-card .abt-input-main .abt-txtarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

/* about-info-box about-main close */

/* about-info-box about-main start */
.sec-dashboard-welcome .about-info-box .user-profile-details .about-main {
    padding: 50px 0 50px 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card {
    border: none;
    border-radius: 0;
    margin: 0 0 30px 0;
    padding: 0;
    background: #101820;
    border: 1px solid #FFFFFF14;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .about-delete {
    position: absolute;
    inset: -10px -10px auto auto;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    background: #CC9224;
    border: none;
    display: none;
    align-items: center;
    justify-content: center;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .about-delete {
    display: flex;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active {
    padding: 20px;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .img-btn-grp {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 16px 0 0 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .img-btn-grp {
    display: flex;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .img-btn-grp .chng-img {
    font-family: "Roboto Condensed", sans-serif;
    color: #CC9224;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 16px 0 0;
    padding: 0;
    text-decoration: underline;
    position: relative;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .img-btn-grp .chng-img .file-input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .img-btn-grp .dlt-img {
    font-family: "Roboto Condensed", sans-serif;
    color: #CC9224;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    background: transparent;
    border: none;
    border-radius: 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .img-main {
    overflow: hidden;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .img-main .thumb {
    width: 100%;
    border-radius: 0;
    min-height: 400px;
    max-height: 400px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    background: rgba(0, 0, 0, 0.25);
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-lbl-info {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 0 10px;
    padding: 0;
    display: none;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-lbl-info {
    display: block;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-lbl {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 16px 0;
    padding: 0;
    display: none;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-lbl {
    display: block;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main i {
    color: #CC9224;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input-info-slct {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: capitalize;
    margin: 6px 0 6px 10px;
    padding: 0;
    border: none;
    border-radius: 0;
    /* transition: all 0.2s ease-in-out; */
    background: transparent;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input-info-slct {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.25);
    padding: 13px 16px;
    margin: 10px 0 10px 5px;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input-info {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: none;
    margin: 6px 0 6px 10px;
    padding: 0;
    border: none;
    border-radius: 0;
    /* transition: all 0.2s ease-in-out; */
    background: transparent;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input-info {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.25);
    padding: 13px 16px;
    letter-spacing: normal;
    margin: 10px 0 10px 5px;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input-info::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input-info::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input-info:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input-info:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input-info::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input-info::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input-info:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input-info:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 35px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    /* transition: all 0.2s ease-in-out; */
    background: transparent;
    letter-spacing: 3px;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.25);
    padding: 13px 16px;
    letter-spacing: normal;
    margin: 0 0 10px 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-txtarea {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    line-height: normal;
    background: transparent;
    resize: none;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-txtarea {
    background: rgba(0, 0, 0, 0.25);
    padding: 13px 16px;
    font-size: 16px;
    line-height: 25px;
    resize: vertical;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-txtarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-txtarea::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-txtarea:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-txtarea:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card.card-active .abt-input-main .abt-txtarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

/*  */

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-txtarea::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-txtarea:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-txtarea:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.sec-dashboard-welcome .about-info-box .user-profile-details .about-main .about-card .abt-input-main .abt-txtarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

/* Member Profile Info*/
/*********************** dashboard-css close ***********************/
/*********************** remain pages 6-june-2023 -css start ***********************/
/* shop section */
section.shop-sec-wrap {
    padding: 100px 0;
}

.shop-sec-wrap .prod-card {
    background: #101820;
    border-radius: 0;
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.1s ease-in-out;
    border: 1px solid #FFFFFF14;
    position: relative;
}

.shop-sec-wrap .prod-card .img-main {
    position: relative;
    transition: all 0.1s ease-in-out;
    overflow: hidden;
    min-height: 305px;
    max-height: 305px;
    transition: all 0.3s ease-in-out;
}

.shop-sec-wrap .prod-card .img-main::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    right: 0;
    width: 100%;
    bottom: 0;
    background: linear-gradient(180deg, #0A101521 0%, #0A1015C4 100%);
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.shop-sec-wrap .prod-card:hover .img-main::before {
    visibility: visible;
    opacity: 1;
}

.shop-sec-wrap .prod-card .img-main .thumb1 {
    background: rgba(0, 0, 0, 0.25);
    min-height: 234px;
    max-height: fit-content;
    margin: 0 auto;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: all 0.1s ease-in-out;
    opacity: 1;
    z-index: 1;
}

.shop-sec-wrap .prod-card .img-main .extra {
    position: absolute;
    top: 10px;
    right: 0px;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    padding: 0;
    background: #fff;
    opacity: 0;
    z-index: 3;
}

.shop-sec-wrap .prod-card:hover .img-main .extra {
    transition: all 0.3s ease-in-out;
    right: 10px;
    opacity: 1;
}

.shop-sec-wrap .prod-card .img-main .extra .anchor {
    height: 45px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.shop-sec-wrap .prod-card .img-main .extra .anchor::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    right: 110%;
    margin: 0;
    padding: 5px 15px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 12px;
    max-width: 200px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-transform: capitalize;
    font-family: "Oswald", sans-serif;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.shop-sec-wrap .prod-card .img-main .extra .anchor:hover::before {
    opacity: 1;
}

.shop-sec-wrap .prod-card .img-main .extra .anchor i {
    color: #333;
    font-size: 20px;
}

.shop-sec-wrap .prod-card .img-main .discount {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #CC9224;
    background: #CC9224;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
}

.shop-sec-wrap .prod-card .desc {
    text-align: center;
    padding: 20px 0;
}

.shop-sec-wrap .prod-card .desc .title {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    letter-spacing: 1.5px;
}

.shop-sec-wrap .prod-card .desc p {
    font-size: 14px;
    font-weight: 600;
    color: #CC9224;
    text-transform: capitalize;
    margin: 10px 0;
    padding: 0;
    font-family: "Oswald", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.shop-sec-wrap .prod-card .desc p del {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #bbb;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    text-decoration: line-through !important;
}

.shop-sec-wrap .prod-card .desc .cart-btn {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 0;
    height: 46px;
    width: 175px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

.shop-sec-wrap .prod-card .desc .cart-btn i {
    font-size: 12px;
    font-weight: 800;
}

/* shop-page css end */

/* single-prodeuct */
.single-product-sec {
    padding: 150px 0 50px 0;
    position: relative;
    overflow: hidden;
    margin: 0;
}

.single-product-sec .img-main img {
    min-width: 100%;
    max-width: 100%;
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
}

.single-product-sec .slider-main .swiper {
    width: 100%;
    height: 100%;
}

.single-product-sec .slider-main .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-product-sec .slider-main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-product-sec .slider-main .swiper-slide {
    background-size: cover;
    background-position: center;
}

.single-product-sec .slider-main .mySwiper2 {
    height: auto;
    width: 100%;
}

.single-product-sec .slider-main .mySwiper {
    height: auto;
    box-sizing: border-box;
    padding: 10px 0;
}

.single-product-sec .slider-main .mySwiper .swiper-wrapper {
    transform: none !important;
    flex-wrap: wrap;
}

.single-product-sec .slider-main .mySwiper .swiper-slide img {
    width: 100%;
}

.single-product-sec .slider-main .mySwiper .swiper-slide {
    height: auto;
    background: #0A1015;
    width: auto;
    opacity: 0.4;
    padding: 5px;
    flex-direction: column;
    /* width: 23% !important; */
}

.single-product-sec .slider-main .mySwiper .swiper-slide span {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #CC9224;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.single-product-sec .slider-main .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.single-product-sec .slider-main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-product-sec .shop-slider {
    margin: 20px 0 0 0;
}

.single-product-sec .shop-slider .abt-img {}

.single-product-sec .product-info .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px 0;
}

.single-product-sec .product-info .head ul {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.single-product-sec .product-info .head ul li i {
    color: #777;
    font-size: 12px;
}

.single-product-sec .product-info .head ul li a {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.single-product-sec .product-info .head ul li:last-child a {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #CC9224;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.single-product-sec .product-info .desc-main {
    border-bottom: 1px solid #0000001b;
    margin: 0 0 20px 0;
}

.single-product-sec .product-info .desc-main h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
}

.single-product-sec .product-info .desc-main p {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #848484;
    line-height: 24px;
    text-transform: unset;
    margin: 0;
    padding: 0;
}

.single-product-sec .product-info .desc-main .price {
    margin: 20px 0;
}

.single-product-sec .product-info .desc-main .price h4 {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #CC9224;
    text-transform: unset;
    margin: 0;
    padding: 0;
}

.single-product-sec .product-info .desc-main .price h4 del {
    color: #bbb;
    text-decoration: line-through !important;
    font-size: 19.53px;
    font-weight: 300;
    margin: 0 10px 0 0;
}

.single-product-sec .product-info .desc-main .ct-check {
    position: relative;
    overflow: hidden;
    margin: 0 5px 5px 0;
    padding: 8px;
    min-height: auto;
    background: #000;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-product-sec .product-info .desc-main .ct-check .form-check-input {
    float: none;
    margin: 0;
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    border: 2px solid #000;
    transition: all 0.2s ease-in-out;
    border-radius: 50%;
    cursor: pointer;
}

.single-product-sec .product-info .desc-main .ct-check .form-check-input:checked {
    border-color: #CC9224;
}

.single-product-sec .product-info .desc-main .ct-check .form-check-label {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #CC9224;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.single-product-sec .product-info .desc-main .cl-head h6 {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #848484;
    line-height: normal;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.single-product-sec .product-info .desc-main .ct-check-color {
    position: relative;
    overflow: hidden;
    margin: 0 5px 5px 0;
    padding: 8px;
    min-height: auto;
    background: #000;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-product-sec .product-info .desc-main .ct-check-color .form-check-input {
    float: none;
    margin: 0;
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    border: 2px solid #000;
    transition: all 0.2s ease-in-out;
    border-radius: 50%;
    cursor: pointer;
}

.single-product-sec .product-info .desc-main .ct-check-color .thumb {
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}

.single-product-sec .product-info .desc-main .ct-check-color .form-check-input:checked {
    border-color: #CC9224;
}

.single-product-sec .product-info .desc-main .cart-btn {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
}

.single-product-sec .product-info .desc-main .input-group {
    align-items: center;
    width: 100%;
    margin: 20px 0;
    border: none;
    border-radius: 0;
    padding: 0;
    justify-content: flex-start;
    display: flex;
    gap: 5px;
}

.single-product-sec .product-info .desc-main .input-group .input-group-btn .btn-quant {
    background-color: transparent;
    border-radius: 0;
    color: #fff;
    padding: 0;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 2px solid #CC9224;
    background: #CC9224;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-product-sec .product-info .desc-main .input-group .input-group-btn .btn-quant:hover {
    background: #fff;
    color: #CC9224;
}

.single-product-sec .product-info .desc-main .input-group .input-group-btn .btn-quant:focus {
    outline: none;
    box-shadow: none;
}

.single-product-sec .product-info .desc-main .input-group .input-number {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #1f1f1d;
    text-align: center;
    opacity: 100%;
    border: none;
    background: #F5F5F7;
    height: 35px;
    border-radius: 10px !important;
    width: 70px;
    flex: inherit;
}

.single-product-sec .product-info .desc-main .cart-btn .btn-cart {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 30px;
    height: 52px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

.shop-sec-wrap .title {
    margin: 0 0 30px 0;
}

.shop-sec-wrap .title h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.shop-sec-wrap .title h4 span {
    color: #CC9224;
}

/* single-prodeuct */

/* cart sec css start */
.section-cart {
    position: relative;
    padding: 100px 0;
}

.section-cart .checkout-box {
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
}

.section-cart .checkout-box .details {
    border: 1px solid rgba(31, 31, 31, 0.1);
    border-bottom: none;
}

.section-cart .checkout-box .details .summary {
    padding: 30px 30px 0 30px;
}

.section-cart .checkout-box .details h6 {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    padding: 0;
    letter-spacing: -0.5px;
}

.section-cart .checkout-box .details p {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16.71px;
    color: rgba(31, 31, 31, 0.5);
    text-transform: unset;
    margin: 0;
    padding: 0;
    letter-spacing: -0.2px;
}

.section-cart .checkout-box .total-ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.section-cart .checkout-box .total-ul li {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    margin: 5px 0 5px 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.section-cart .checkout-box .total-ul li span {
    width: 50%;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
}

.section-cart .checkout-box .sub-total {
    background: rgba(245, 245, 247, 0.5);
    padding: 15px 30px;
    margin: 20px 0 0 0;
}

.section-cart .checkout-box .checkout-btn {
    height: 45px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 3px solid #CC9224;
    background: #CC9224;
    font-family: "SF-Pro-Med", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    border-radius: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.section-cart .checkout-box .checkout-btn:hover {
    background: #fff;
    color: #CC9224;
}

.section-cart .cart-head-main {
    border-bottom: 1px solid #d7d7d770;
    padding: 0 0 20px 0;
}

.section-cart .cart-table thead tr th {
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center;
}

.section-cart .cart-table thead tr th.price {
    text-align: left;
}

.section-cart .cart-table tbody tr td {
    vertical-align: middle;
    padding: 20px 10px;
}

.section-cart .cart-table tbody tr:nth-child(odd)>td {
    background-color: hsl(0deg 0% 50.2% / 25%);
}

.section-cart .cart-table tbody tr td .img-main {
    background: #F5F5F7;
    padding: 15px 0;
    position: relative;
}

.section-cart .cart-table tbody tr td .img-main i {
    position: absolute;
    right: -8px;
    top: -16px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background-color: #CC9224;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
}

.section-cart .cart-table tbody tr td .img-main .cart-img {
    min-width: 100px;
    max-width: 100px;
    display: block;
    margin: 0 auto;
}

.section-cart .cart-table tbody tr {
    border-bottom: 1px solid #fff;
}

.section-cart .cart-table thead {
    border-bottom: 1px solid #fff;
}

.section-cart .cart-table thead tr {
    border-bottom: 1px solid #fff;
}

.section-cart .cart-table tbody tr td .cart-desc .pro-name {
    font-family: "Oswald", sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: 0;
    padding: 0;
}

.section-cart .cart-table tbody tr td .dsc-rt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.section-cart .cart-table tbody tr td .dsc-rt .edit {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    color: #CC9224;
    text-transform: capitalize;
    position: relative;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 20px;
    height: 40px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
}

.section-cart .cart-table tbody tr td .dsc-rt .edit:hover {
    background-color: #CC9224;
    color: #fff;
}

.section-cart .cart-table tbody tr td .dsc-rt .edit::before {
    content: '\f303';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    color: inherit;
    font-size: 14px;
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
}

.section-cart .cart-table tbody tr td .input-group {
    align-items: center;
    width: 200px;
    margin: 0 auto;
    border: none;
    border-radius: 0;
    padding: 0 15px;
    justify-content: space-between;
}

.section-cart .cart-table tbody tr td .input-group .input-group-btn .btn-quant {
    background-color: transparent;
    border-radius: 0;
    color: #fff;
    padding: 0;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 2px solid #CC9224;
    background: #CC9224;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

.section-cart .cart-table tbody tr td .input-group .input-group-btn .btn-quant:hover {
    background: #fff;
    color: #CC9224;
}

.section-cart .cart-table tbody tr td .input-group .input-group-btn .btn-quant:focus {
    outline: none;
    box-shadow: none;
}

.section-cart .cart-table tbody tr td .input-group .input-number {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #1f1f1d;
    text-align: center;
    opacity: 100%;
    border: none;
    background: #F5F5F7;
    height: 35px;
    border-radius: 10px !important;
    width: 70px;
    flex: inherit;
}

.section-cart .cart-table tbody tr td .price {
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: 0;
    padding: 0;
}

.section-cart .checkout-btn-main {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex-direction: row;
}

/* cart sec css end */

/* checkout sec css start */
.section-checkout {
    position: relative;
    padding: 80px 0 80px 0;
}

.section-checkout .checkout-form {}

.section-checkout .checkout-form .form-h {
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    margin: 0;
    padding: 0;
    letter-spacing: 0px;
}

.section-checkout .checkout-form .form-p {
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    line-height: 27px;
    padding: 0;
    text-align: end;
}

.section-checkout .checkout-form .form-p .signup-a {
    color: #CC9224;
}

.section-checkout .checkout-form .form-head {
    border-bottom: 1px solid #aaaaaa99;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
}

.section-checkout .checkout-form .order-details ul {
    margin: 10px 0;
}

.section-checkout .checkout-form .order-details ul li {
    font-family: "Oswald", sans-serif;
    text-transform: unset;
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
    line-height: 23.2px;
    color: #fff;
    margin: 0 0 20px 0;
    padding: 10px 0;
    position: relative;
    border-bottom: 2px solid #f4f4f4;
}

.section-checkout .checkout-form .order-details ul li strong {
    float: right;
    width: 50%;
    text-align: right;
    color: #fff;
}

.section-checkout .checkout-form .order-details ul li .item-list {
    min-height: auto;
    max-height: 300px;
    overflow-y: scroll;
    padding: 5px 10px;
}

.section-checkout .checkout-form .order-details ul li .item-list::-webkit-scrollbar {
    width: 5px;
}

.section-checkout .checkout-form .order-details ul li .item-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.section-checkout .checkout-form .order-details ul li .item-list::-webkit-scrollbar-thumb {
    background: #CC9224;
    border-radius: 10px;
}

.section-checkout .checkout-form .order-details ul li .item-list::-webkit-scrollbar-thumb:hover {

    background: #555;
}

.section-checkout .checkout-form .order-details ul li .main-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin: 0 0 10px 0;
    padding: 10px;
    box-shadow: 0px 0px 0px 2px hsl(0deg 0% 50.2% / 25%);
    border-radius: 5px;
    flex-wrap: nowrap;
    background-color: hsl(0deg 0% 50.2% / 25%);
}

.section-checkout .checkout-form .order-details ul li .main-box .product-card {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.section-checkout .checkout-form .order-details ul li .main-box .product-card .main-img {}

.section-checkout .checkout-form .order-details ul li .main-box .product-card .main-img img {
    min-width: 90px;
    max-width: 90px;
    min-height: 80px;
    max-height: 80px;
    object-fit: cover;
}

.section-checkout .checkout-form .order-details ul li .main-box .product-card .desc {}

.section-checkout .checkout-form .order-details ul li .main-box .product-card .desc ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.section-checkout .checkout-form .order-details ul li .main-box .product-card .desc ul li {
    font-family: "Oswald", sans-serif;
    font-size: 17px;
    line-height: 17px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 1px;
    border: none;
}

.section-checkout .checkout-form .order-details ul li .main-box .product-card .desc ul li i {
    margin: 0 2px 0 0;
    font-size: 11px;
    color: #CC9224;
}

.section-checkout .checkout-form .order-details ul li .main-box .pd-total {
    font-family: "Oswald", sans-serif;
    font-size: 17px;
    line-height: 17px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 1px;
}

.section-checkout .checkout-form .form-head .pay-now {}

.section-checkout .checkout-form .form-head .pay-now .btn-pay {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 0 0 auto;
    padding: 0;
    height: 52px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

.section-checkout .checkout-form .custom-label {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.section-checkout .checkout-form .custom-control {
    height: 57px;
    width: 100%;
    padding: 17px 25px 17px 25px;
    margin: 0 0 24px 0;
    border: 1px solid #FFFFFF14;
    background: #101820;
    border-radius: 0;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: unset;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
}

.section-checkout .checkout-form .custom-control::-webkit-input-placeholder {
    font-family: "Oswald", sans-serif;
    color: #fff;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.section-checkout .checkout-form .custom-control:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Oswald", sans-serif;
    color: #fff;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.section-checkout .checkout-form .custom-control::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.section-checkout .checkout-form .custom-control:-ms-input-placeholder {
    font-family: "Oswald", sans-serif;
    color: #fff;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.section-checkout .checkout-form .textarea-control {
    border: 1px solid #FFFFFF14;
    background-color: #101820;
    border-radius: 0;
    margin: 8px 0 30px 0;
    padding: 18px 25px;
    font-family: "Oswald", sans-serif;
    color: #fff;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.section-checkout .checkout-form .textarea-control::-webkit-input-placeholder {
    font-family: "Oswald", sans-serif;
    color: #fff;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.section-checkout .checkout-form .textarea-control:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Oswald", sans-serif;
    color: #000;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.section-checkout .checkout-form .textarea-control::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Oswald", sans-serif;
    color: #000;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.section-checkout .checkout-form .textarea-control:-ms-input-placeholder {
    font-family: "Oswald", sans-serif;
    color: #000;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.section-checkout .checkout-form .login-btn {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background-color: #CC9224;
    border: 2px solid #CC9224;
    border-radius: 3px;
    padding: 0;
    margin: 0 15px 0 0;
    width: 200px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    letter-spacing: 0.6px;
}

.section-checkout .checkout-form .login-btn:hover {
    background-color: #fff;
    color: #CC9224;
}

.section-checkout .checkout-form .payment-btn {
    /* background: linear-gradient(
    360deg, rgba(93, 0, 1, 1) 0%, rgba(230, 0, 3, 1) 50%, rgba(93, 0, 1, 1) 100%); */
    background: #FFFFFF;
    font-family: "Oswald", sans-serif;
    font-size: 11px;
    font-weight: 600;
    text-transform: capitalize;
    color: #BABABA;
    margin: 0 0 50px 0;
    padding: 0;
    line-height: inherit;
    width: 100%;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: all 0.5s ease-in-out;
}

.section-checkout .checkout-form .payment-btn:hover {
    background: linear-gradient(360deg, rgba(93, 0, 1, 1) 0%, rgba(230, 0, 3, 1) 50%, rgba(93, 0, 1, 1) 100%);
    color: #fff;
    font-size: 14px;
}

.section-checkout .checkout-form .payment-btn .payment-card {
    width: 20%;
    display: block;
    margin: 0 10px 0 0;
    transition: all 0.5s ease-in-out;
}

.section-checkout .checkout-form .payment-btn:hover .payment-card {
    filter: brightness(5.5);
}

.section-checkout .checkout-form .payment-btn .payment-trans {
    width: 11%;
    display: block;
    margin: 0 10px 0 0;
    transition: all 0.5s ease-in-out;
}

.section-checkout .checkout-form .payment-btn:hover .payment-trans {
    filter: brightness(5.5);
}

.section-checkout .checkout-form .payment-btn .payment-paypal {
    width: 14%;
    display: block;
    margin: 0 10px 0 0;
    transition: all 0.5s ease-in-out;
}

.section-checkout .checkout-form .payment-btn:hover .payment-paypal {
    filter: brightness(5.5);
}

.section-checkout .checkout-form .check-select {
    border: 1px solid #FFFFFF14;
    height: 55px;
    background-color: #101820;
    border-radius: 0;
    margin: 8px 0 30px 0;
    padding: 0px 25px;
    font-family: "Oswald", sans-serif;
    color: #fff;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
}

.section-checkout .checkout-form .check-select:focus {
    box-shadow: none;
}

/* checkout sec css end */

/* sign-up-page css start */

.signup-sec-wrap {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 200px 0 150px 0;
}

.signup-sec-wrap .form-main {
    background: #101820;
    padding: 50px;
}

.signup-sec-wrap .form-main .heads {
    margin: 0 0 50px 0;
}

.signup-sec-wrap .form-main .heads h4 {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
    text-align: center;
}

.signup-sec-wrap .form-main .heads p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0;
    text-align: center;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.signup-sec-wrap .form-main .btn-grp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 40px 0 40px 0;
}

.signup-sec-wrap .form-main .btn-grp .sign-up-btn {
    color: #1F1F1F;
    height: 55px;
    width: 48%;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    margin: 0;
    padding: 0 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(31, 31, 31, 0.5);
    background: #fff;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.signup-sec-wrap .form-main .btn-grp .sign-up-btn::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 20%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 25px;
    width: 25px;
}

.signup-sec-wrap .form-main .btn-grp .sign-up-btn:nth-child(1)::before {
    background-image: url(../images/google.png);
}

.signup-sec-wrap .form-main .btn-grp .sign-up-btn:nth-child(2)::before {
    background-image: url(../images/facebook.png);
    left: 18%;
}

.signup-sec-wrap .form-main .input-main label {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.signup-sec-wrap .form-main .input-main .form-control::file-selector-button {
    background: linear-gradient(180deg, #0A101521 0%, #0A1015C4 100%);
    color: #fff;
    border: 2px solid #CC9224;
}

.signup-sec-wrap .form-main .input-main .fm-ctl {
    height: 57px;
    width: 100%;
    padding: 17px 25px 17px 25px;
    margin: 0 0 24px 0;
    border: 1px solid #FFFFFF14;
    background: #101820;
    border-radius: 0;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: unset;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
}

.signup-sec-wrap .form-main .input-main {
    position: relative;
}

.signup-sec-wrap .form-main .input-main .field-icon1 {
    /* float: right;
margin-left: -25px;
margin-top: -25px;
position: relative; */
    z-index: 2;
    position: absolute;
    top: 58%;
    right: 20px;
    color: #CC9224;
}

.signup-sec-wrap .form-main .input-main .fm-ctl::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.signup-sec-wrap .form-main .input-main .fm-ctl::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.signup-sec-wrap .form-main .input-main .fm-ctl:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.signup-sec-wrap .form-main .input-main .fm-ctl:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.signup-sec-wrap .form-main .submit-btn {
    margin-top: 12px !important;
    color: #fff;
    height: 45px;
    width: 99%;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #CC9224;
    background: #CC9224;
    transition: all 0.2s ease-in-out;
    border-radius: 0;
    overflow: hidden;
    box-sizing: content-box;
}

.signup-sec-wrap .form-main p {
    font-family: "Mulish", sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 10px 0 0 0;
    text-align: center;
    padding: 0;
}

.signup-sec-wrap .form-main p .link {
    color: #CC9224;
    text-decoration: underline !important;
    background: transparent;
    border: none;
}

.signup-sec-wrap .form-main .extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.signup-sec-wrap .form-main .extra {
    margin: 30px 0;
}

.signup-sec-wrap .form-main .extra .form-check .form-check-input:checked {
    background-color: #CC9224;
    border: #CC9224;
}

.signup-sec-wrap .form-main .extra .form-check .form-check-label {
    font-family: "Oswald", sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
}

.signup-sec-wrap .form-main .extra .anchor {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #CC9224;
    text-decoration: underline;
}

.signup-sec-wrap .form-main .radio-main {
    margin: 0 0 24px 0;
}

.signup-sec-wrap .form-main .radio-main h4 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.signup-sec-wrap .form-main .radio-main .form-check .form-check-input:checked {
    background-color: #c59428;
    border-color: #c59428;
}

.signup-sec-wrap .form-main .radio-main .form-check .form-check-label {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

/* sign-up-page css end */

/* league-sec css start */
.league-sec {
    padding: 100px 0;
}

.league-sec .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.league-sec .exp-btn {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 0 0 auto;
    padding: 0;
    height: 52px;
    width: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

.league-sec .league-card {
    background: #101820;
    border: 1px solid #FFFFFF14;
    border-radius: 2px;
    margin: 0 0 40px 0;
}

.league-sec .league-card .title {
    padding: 10px 0;
    background: linear-gradient(300deg, #101820 72%, #0d1419 72%);
    border-bottom: 1px solid #FFFFFF14;
}

.league-sec .league-card .title a {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.league-sec .league-card .sub-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}

.league-sec .league-card .sub-box .mian-img {
    width: 40%;
    height: auto;
}

.league-sec .league-card .sub-box .mian-img img {
    min-width: 100%;
    max-width: 100%;
    min-height: 240px;
    max-height: 240px;
    object-fit: cover;
}

.league-sec .league-card .sub-box .desc {
    width: 60%;
}

.league-sec .league-card .sub-box .desc h5 {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
    text-align: center;
}

.league-sec .league-card .sub-box .desc ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.league-sec .league-card .sub-box .desc ul li {
    font-size: 18px;
    letter-spacing: 0;
    font-style: normal;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.league-sec .league-card .sub-box .desc ul li span {
    display: flex;
    font-size: 16px;
    color: #CC9224;
    font-weight: 600;
}

.league-sec .league-card .sub-box .desc ul li span .temp {

    margin: 0 5px 0px 0;
}

.league-sec .league-card .sub-box .desc ul li i {
    color: #CC9224;
    font-weight: 900;
    margin: 0 5px 0px 0;
}

.league-sec .league-card .league-btn .btn-league {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    height: 46px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

/* league-sec css end */

/* league-description-sec css end */
.league-dec-sec {
    padding: 100px 0;
}

.league-dec-sec .title {
    margin: 0 0 40px 0;
}

.league-dec-sec .title h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.league-dec-sec .league-card-details {
    background: #101820;
    border: 1px solid #FFFFFF14;
    border-radius: 2px;
    margin: 0 0 40px 0;
}

.league-dec-sec .league-card-details .main-img {}

.league-dec-sec .league-card-details .main-img img {}

.league-dec-sec .league-card-details .card-head {
    padding: 10px 0;
    background: linear-gradient(300deg, #101820 72%, #0d1419 72%);
    border-bottom: 1px solid #FFFFFF14;
}

.league-dec-sec .league-card-details .card-head h4 {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
    text-align: center;
}

.league-dec-sec .league-card-details .card-head p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.league-dec-sec .league-card-details .card-body-main {
    padding: 30px;
}

.league-dec-sec .league-card-details .card-body-main .desc ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.league-dec-sec .league-card-details .card-body-main .desc ul li {
    font-size: 18px;
    letter-spacing: 0;
    font-style: normal;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0 0 8px 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
}


.league-dec-sec .league-card-details .card-body-main .desc ul li span {
    display: flex;
    font-size: 16px;
    color: #CC9224;
    font-weight: 600;
}

.drop-in-volleyball-dec-sec .dropin-card-details .drop-in-texts .desc ul li span {
    display: flex;
    font-size: 14px;
    color: #CC9224;
    font-weight: 600;
}

.league-dec-sec .league-card-details .card-body-main .desc ul li span i {
    color: #CC9224;
    font-weight: 900;
    margin: 0 5px 0px 0;
}

.league-dec-sec .league-card-details .card-body-main .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.league-dec-sec .league-card-details .card-body-main .desc p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0 0 15px 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.league-dec-sec .league-card-details .card-body-main .payment {
    margin: 25px 0 0 0;
}

.league-dec-sec .league-card-details .card-body-main .payment h4 {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.league-dec-sec .league-card-details .card-body-main .payment .input-main {}

.league-dec-sec .league-card-details .card-body-main .payment .input-main label {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 8px 0;
    padding: 0;
}

.league-dec-sec .league-card-details .card-body-main .payment .input-main .form-control {
    height: 57px;
    width: 100%;
    padding: 17px 25px 17px 25px;
    margin: 0 0 24px 0;
    border: 1px solid #FFFFFF14;
    background: #101820;
    border-radius: 0;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: unset;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
}

.league-dec-sec .league-card-details .card-body-main .payment .input-main .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.league-dec-sec .league-card-details .card-body-main .payment .input-main .form-control::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.league-dec-sec .league-card-details .card-body-main .payment .input-main .form-control:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.league-dec-sec .league-card-details .card-body-main .payment .input-main .form-control:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.league-dec-sec .league-card-details .card-body-main .payment .radio-main {
    margin: 0 0 24px 0;
}

.league-dec-sec .league-card-details .card-body-main .payment .radio-main h4 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.league-dec-sec .league-card-details .card-body-main .payment .radio-main .form-check .form-check-input:checked {
    background-color: #c59428;
    border-color: #c59428;
}

.league-dec-sec .league-card-details .card-body-main .payment .radio-main .form-check .form-check-label {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.league-dec-sec .league-card-details .card-body-main .payment .payemnt-btn {}

.league-dec-sec .league-card-details .card-body-main .payment .payemnt-btn .btn-pay {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 30px;
    height: 52px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

/* league-description-sec css end */
/* divisional-champ-sec css start */
.divisional-champ-sec {
    padding: 100px 0;
    overflow: hidden;
}

.divisional-champ-sec .title {}

.divisional-champ-sec .title h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.divisional-champ-sec .desc {}

.divisional-champ-sec .desc h5 {

    font-family: "Oswald", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.divisional-champ-sec .desc p {
    font-size: 16px;
    letter-spacing: 0;
    font-style: normal;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0 0 10px;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.divisional-champ-sec .main-img {
    margin: 0 0 20px;
}

.divisional-champ-sec .desc ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
}

.divisional-champ-sec .desc ul li {
    font-size: 16px;
    letter-spacing: 0;
    font-style: normal;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.divisional-champ-sec .desc ul li i {
    color: #CC9224;
    font-weight: 900;
}

/* divisional-champ-sec css end */
/*********************** remain pages 6-june-2023 -css close ***********************/

/* sec-matches start */
.sec-matches {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
}

.sec-matches .head {
    margin: 0 0 50px 0;
    text-align: center;
}

.sec-matches .head h6 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.sec-matches .head h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
}

.sec-matches .head h4 span {
    color: #c59428;
}

.sec-matches .main-match {
    margin: 0 0 30px 0;
}

.sec-matches .main-match .match-card {
    clip-path: polygon(0% 0%, 100% 0, 100% 60%, 75% 100%, 0% 100%);
    background: #101820;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 5px;
    border-radius: 0;
    min-height: 300px;
}

.sec-matches .main-match>.row>.col-12:nth-child(3) .match-card {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 25% 100%, 0% 60%);
    justify-content: flex-end;
}

.sec-matches .main-match .match-card .img-main {
    width: 40%;
}

.sec-matches .main-match .match-card .desc {
    padding: 0 0 0 5px;
}

.sec-matches .main-match .match-card .desc a {
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.sec-matches .main-match .match-card .desc span {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #CC9224;
    text-align: right;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: block;
}

.sec-matches .main-match .match-det-card {
    background: transparent;
    border: none;
    border-radius: 0;
}

.sec-matches .main-match .match-det-card ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.sec-matches .main-match .match-det-card ul li {
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    text-align: right;
    text-transform: uppercase;
    margin: 0;
    padding: 0 10px;
    display: block;
    position: relative;
}

.sec-matches .main-match .match-det-card ul li:first-child {
    padding-right: 15px;
}

.sec-matches .main-match .match-det-card ul li:first-child::after {
    content: '\3a';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    color: #CC9224;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 5px;
}

.sec-matches .main-match .match-det-card h6 {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
    text-align: center;
}

.sec-matches .main-match .match-det-card .main-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.sec-matches .main-match .match-det-card .main-icons .icons i {
    color: #fff;
    transition: all 0.3s ease-in-out;
    margin: 0 10px;
}

.sec-matches .main-match .match-det-card .main-icons .icons i:hover {
    color: #CC9224;
}

.sec-schedule-details .schedule-box .main-match {
    margin: 0 0 30px 0;
}

.sec-schedule-details .schedule-box .main-match .match-card {
    clip-path: polygon(0% 0%, 100% 0, 100% 60%, 75% 100%, 0% 100%);
    background: #101820;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    border-radius: 0;
    min-height: 300px;
}

.sec-schedule-details .schedule-box .main-match>.row>.col-12:nth-child(3) .match-card {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 25% 100%, 0% 60%);
    justify-content: flex-end;
}

.sec-schedule-details .schedule-box .main-match .match-card .img-main {
    width: 22%;
}

.sec-schedule-details .schedule-box .main-match .match-card .desc {
    padding: 0 0 0 5px;
    width: 70%;
}

.sec-schedule-details .schedule-box .main-match .match-card .desc a {
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.sec-schedule-details .schedule-box .main-match .match-card .desc span {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #CC9224;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: block;
}

.sec-schedule-details .schedule-box .main-match .match-det-card {
    background: transparent;
    border: none;
    border-radius: 0;
}


.sec-schedule-details .schedule-box .main-match .match-det-card h6,
.sec-schedule-details .schedule-box .main-match .match-det-card a {
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    margin: 5px 0;
    padding: 0;
    text-align: center;
}
.sec-schedule-details .schedule-box .main-match .match-det-card h6.playoff-title{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #cc9224;
    text-transform: uppercase;
}

.sec-schedule-details .schedule-box .main-match .match-det-card h5,
.sec-schedule-details .schedule-box .main-match .match-det-card a {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    margin: 5px 0;
    padding: 0;
    text-align: center;
}

.sec-schedule-details .schedule-box .main-match .match-det-card a {
    color: #cc9224;
}

.sec-schedule-details .schedule-box .main-match .match-det-card .main-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.sec-schedule-details .schedule-box .main-match .match-det-card .main-icons .icons i {
    color: #fff;
    transition: all 0.3s ease-in-out;
    margin: 0 10px;
}

.sec-schedule-details .schedule-box .main-match .match-det-card .main-icons .icons i:hover {
    color: #CC9224;
}

.inner-rules-content {
    padding: 120px 0 150px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
}

.inner-rules-content .desc {}

.inner-rules-content .desc ul {
    list-style: disc;
    padding: 0 0 0 40px;
}

.inner-rules-content .desc ul li {
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    color: #CC9224;
    margin: 10px 0;
    padding: 0;
}

.inner-rules-content .desc ul li a {
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #CC9224;
    line-height: 36px;
    text-transform: capitalize;
    margin: 10px 0;
    padding: 0;
}

.inner-rules-content .desc h5 {
    font-family: "Oswald", sans-serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    /* margin: 10px 0; */
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

/* drop in volleyball */
.drop-in-volleyball-dec-sec {
    padding: 100px 0;
}

.drop-in-volleyball-dec-sec .title {
    margin: 0 0 40px 0;
}

.drop-in-volleyball-dec-sec .title h4 {
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

.drop-in-volleyball-dec-sec .desc h4 {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.drop-in-volleyball-dec-sec .desc p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0 0 15px 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
}

.drop-in-volleyball-dec-sec .desc .payment h4 {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
}

.drop-in-volleyball-dec-sec .desc .payment .input-main label {
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 8px 0;
    padding: 0;
}

.drop-in-volleyball-dec-sec .desc .payment .input-main .form-control {
    height: 57px;
    width: 100%;
    padding: 17px 25px 17px 25px;
    margin: 0 0 24px 0;
    border: 1px solid #FFFFFF14;
    background: #101820;
    border-radius: 0;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: unset;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);

}

.drop-in-volleyball-dec-sec .desc .payment .input-main .form-control::placeholder {
    color: white;
    opacity: 1;
}

.drop-in-volleyball-dec-sec .desc .payment .payemnt-btn .btn-pay {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding: 0 30px;
    height: 52px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 1px solid #CC9224;
    background: #CC9224;
    line-height: normal;
    transition: all 0.2s ease-in-out;
}

/* drop in volleyball */

/* league schedule */
.schedule-sec-wrap .player-stats h4 {
    font-family: "Oswald", sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin-top: 50px;
    padding: 0;
}

/* league schedule */

.rd-btn-area .rd-main .form-check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.rd-btn-area .rd-main .form-check .form-check-input {
    width: 15px;
    height: 14px;
    float: none;
    margin: 0;
}

.rd-btn-area .rd-main .form-check .form-check-input:checked {
    background-color: #c59428;
    border-color: #c59428;
}

.rd-btn-area .rd-main .form-check .form-check-label {
    /* display: flex;
    flex-direction: row;
    align-items: center; */
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 0 5px;
    color: white;
    cursor: pointer;
    line-height: normal;
}

.rd-btn-area .rd-main .form-check .form-check-label span img {
    height: 30px;
    margin: 5px 5px 5px 0;
    padding: 4px;
}

.bd-overlay-checkout {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
}

.bd-overlay-checkout span {
    font-family: 'Arial Regular';
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 0;
}

.drop-in-volleyball-dec-sec .dropin-card-details .drop-in-texts .desc ul li {
    font-size: 14px;
    letter-spacing: 0;
    font-style: normal;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0 0 8px 0;
    padding: 0;
    font-family: "Mulish", sans-serif;
    position: relative;
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.payment {
    margin-top: 5%;
}

.league-dec-sec .league-card-details .card-body-main .payment h3 {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding: 0;
    word-spacing: 0px;
    letter-spacing: 0px;
    text-align: center
}




@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

@media only screen and (min-width: 1445px) and (max-width: 1599px) {}

@media only screen and (min-width: 1400px) and (max-width: 1444px) {}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    /* League Section Responsive Css Start */
    .league-sec .league-card .title {
        padding: 10px 5px;
    }

    .league-sec .league-card .sub-box .desc ul li {
        font-size: 16px;
    }

    /* League Section Responsive Css End */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /* Header Responsive Css Start */
    header .header-btm .navbar .navbar-nav .nav-item .nav-link {
        margin: 0 10px 5px !important;
    }

    /* Header Responsive Css End */
    /* League Section Responsive Css Start */
    .league-sec .league-card .title {
        padding: 10px 5px;
    }

    .league-sec .league-card .title a {
        font-size: 22px;
    }

    .league-sec .league-card .sub-box {
        flex-direction: column;
    }

    .league-sec .league-card .sub-box .mian-img {
        width: 100%;
        margin: 0 0 10px;
    }

    .league-sec .league-card .sub-box .desc {
        width: 100%;
        padding: 0 10px;
    }

    .league-sec .league-card .sub-box .desc ul li {
        font-size: 16px;
    }

    /* League Section Responsive Css End */
    /* Sponsors Section Responsive Css Start */
    .sec-sponsors .desc h6 {
        font-size: 16px;
    }

    .sec-sponsors .desc h4 {
        font-size: 40px;
    }

    /* Sponsors Section Responsive Css End */
    /* Contact Section Responsive Css Start */
    .conatct-sec-wrap .form-main {
        padding: 30px;
    }

    /* Contact Section Responsive Css End */
    /* Inner Header Section Responsive Css Start */
    .inner-header .inner-header-top {
        padding: 75px 0 0;
    }

    .inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link {
        width: inherit;
    }

    /* Inner Header Section Responsive Css End */
    /* League Dec Section Responsive Css Start */
    .league-dec-sec .league-card-details .card-head {
        padding: 10px 5px;
    }

    .league-dec-sec .league-card-details .card-head h4 {
        font-size: 22px;
    }

    .league-dec-sec .league-card-details .card-body-main .desc ul li {
        font-size: 16px;
    }

    /* League Dec Section Responsive Css End */
    /* Section Cart Section Responsive Css Start */
    .section-cart .cart-table thead tr th {
        font-size: 16px;
    }

    .section-cart .cart-table tbody tr td .img-main .cart-img {
        min-width: 75px;
        max-width: 75px;
    }

    .section-cart .cart-table tbody tr td .cart-desc .pro-name {
        font-size: 18px;
    }

    .section-cart .cart-table tbody tr td .price {
        font-size: 16px;
    }

    /* Section Cart Section Responsive Css End */

    .ft-box.ste-link ul {
        column-count: auto !important;
        margin: 0 42px 0;
    }


}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* Header Responsive Css Start */
    header .header-btm .navbar .navbar-nav .nav-item .nav-link {
        margin: 0 10px 5px !important;
    }

    /* Header Responsive Css End */
    /* Section About Responsive Css Start */
    .sec-about {
        padding: 40px 0;
    }

    .sec-about .desc .read-btn {
        margin: 0 0 20px;
    }

    /* Section About Responsive Css End */
    /* League Section Responsive Css Start */
    .league-sec {
        padding: 30px 0;
    }

    .league-sec .league-card .title {
        padding: 10px 5px;
    }

    .league-sec .league-card .title a {
        font-size: 22px;
    }

    .league-sec .league-card .sub-box .desc ul li {
        font-size: 14px;
        justify-content: left;
        text-align: left;
    }

    .league-sec .league-card .sub-box .desc ul li span {
        font-size: 14px;
    }

    /* League Section Responsive Css End */
    /* Coming League Section Responsive Css Start */
    .sec-coming-leagues {
        padding: 30px 0;
    }

    /* Coming League Section Responsive Css End */
    /* Sponsors Section Responsive Css Start */
    .sec-sponsors {
        padding: 30px 0;
    }

    .sec-sponsors .desc {
        margin: 0 0 20px;
        text-align: center;
    }

    /* Sponsors Section Responsive Css End */
    /* Footer Responsive Css Start */
    footer {
        padding: 30px 0 0 0;
    }

    footer .footer-mid .ft-box {
        margin: 0 0 10px;
    }

    /* Footer Responsive Css End */
    /* Sign Up Section Responsive Css Start */
    .signup-sec-wrap {
        padding: 50px 0;
    }

    /* Sign Up Section Responsive Css End */
    /* Schedule Section Responsive Css Start */
    .schedule-sec-wrap {
        padding: 30px 0;
    }

    /* Schedule Section Responsive Css End */
    /* Testimonial Section Responsive Css Start */
    .testimonial-sec {
        padding: 30px 0;
    }

    /* Testimonial Section Responsive Css End */
    /* Journey Section Responsive Css Start */
    .journey-sec {
        padding: 30px 0;
    }

    .journey-sec .journey-card .journey-desc p {
        margin: 0 0 20px;
    }

    /* Journey Section Responsive Css End */
    /* Experiance Section Responsive Css Start */
    .experinace-sec {
        padding: 40px 0;
    }

    /* Experiance Section Responsive Css End */
    /* Contact Section Responsive Css Start */
    .conatct-sec-wrap {
        padding: 40px 0;
    }

    .conatct-sec-wrap .contatc-card {
        margin: 0 0 50px;
    }

    /* Contact Section Responsive Css End */
    /* Inner Header Section Responsive Css Start */
    .inner-header .inner-header-top {
        padding: 75px 0 0;
    }

    .inner-header .inner-header-top .head h4 {
        font-size: 42px;
    }

    .inner-header .inner-head-btm {
        margin: 30px 0 0;
    }

    .inner-header .inner-head-btm button.navbar-toggler {
        display: none;
    }

    .inner-header .inner-head-btm .navbar-collapse {
        display: block;
    }

    .inner-header .inner-head-btm .navbar .navbar-nav {
        flex-direction: row;
    }

    .inner-header .inner-head-btm .navbar .navbar-nav .nav-item {
        margin: 0 10px 0 0;
    }

    .inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        width: inherit;
        margin: 0 10px 10px;
    }

    .inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link.hvr-underline-from-left::before {
        bottom: -40px;
    }

    /* Inner Header Section Responsive Css End */
    /* Section Dashboard Welcome Responsive Css Start */
    .sec-dashboard-welcome .personal-info-box .info-head,
    .sec-dashboard-welcome .invoices-info-box .info-head {
        padding: 30px 20px;
    }

    .sec-dashboard-welcome .invoices-info-box .invoices-main {
        padding: 30px 0;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_length label {
        margin: 0 0 10px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_filter label {
        margin: 0 0 10px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable thead>tr>th.sorting {
        font-size: 14px;
    }

    table.dataTable thead>tr>th.sorting:before,
    table.dataTable thead>tr>th.sorting:after,
    table.dataTable thead>tr>th.sorting_asc:before,
    table.dataTable thead>tr>th.sorting_asc:after,
    table.dataTable thead>tr>th.sorting_desc:before,
    table.dataTable thead>tr>th.sorting_desc:after,
    table.dataTable thead>tr>th.sorting_asc_disabled:before,
    table.dataTable thead>tr>th.sorting_asc_disabled:after,
    table.dataTable thead>tr>th.sorting_desc_disabled:before,
    table.dataTable thead>tr>th.sorting_desc_disabled:after,
    table.dataTable thead>tr>td.sorting:before,
    table.dataTable thead>tr>td.sorting:after,
    table.dataTable thead>tr>td.sorting_asc:before,
    table.dataTable thead>tr>td.sorting_asc:after,
    table.dataTable thead>tr>td.sorting_desc:before,
    table.dataTable thead>tr>td.sorting_desc:after,
    table.dataTable thead>tr>td.sorting_asc_disabled:before,
    table.dataTable thead>tr>td.sorting_asc_disabled:after,
    table.dataTable thead>tr>td.sorting_desc_disabled:before,
    table.dataTable thead>tr>td.sorting_desc_disabled:after {
        right: 0px !important;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable tbody>tr>td {
        font-size: 16px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable tbody>tr>td .table-btn .btn-table {
        padding: 0 10px;
        width: 110px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_info {
        font-size: 18px;
        margin: 0 0 4px;
    }

    .table-responsive {
        padding: 0 0 20px;
    }

    /* div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
    text-align: left !important;
} */
    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding-left: 0;
    }

    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
        padding-right: 0;
    }

    .sec-dashboard-welcome .about-info-box .info-head .btn-grp .add-btn {
        width: 120px;
        font-size: 14px;
        margin: 0 10px 5px 0;
    }

    .sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-edit-btn {
        width: 120px;
        font-size: 14px;
    }

    .sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-save-btn {
        width: 120px;
        font-size: 14px;
        margin: 0 10px 5px 0;
    }

    /* Section Dashboard Welcome Responsive Css End */
    /* League Dec Section Responsive Css Start */
    .league-dec-sec {
        padding: 30px 0;
    }

    .league-dec-sec .league-card-details .card-head {
        padding: 10px 5px;
    }

    .league-dec-sec .league-card-details .card-head h4 {
        font-size: 22px;
    }

    .league-dec-sec .league-card-details .card-body-main {
        padding: 20px;
    }

    .league-dec-sec .league-card-details .card-body-main .desc p {
        font-size: 16px;
    }

    .league-dec-sec .league-card-details .main-img {
        margin: 0 0 20px;
    }

    .league-dec-sec .league-card-details .card-body-main .desc ul li {
        font-size: 14px;
        justify-content: left;
        text-align: left;
    }

    .league-dec-sec .league-card-details .card-body-main .desc ul li span {
        font-size: 14px;
    }

    .inner-rules-content .desc h5 {
        font-size: 30px;
    }

    .inner-rules-content {
        padding: 80px 0;
    }


    /* League Dec Section Responsive Css End */
    /* Drop Volleyball Section Responsive Css Start */
    .drop-in-volleyball-dec-sec {
        padding: 30px 0;
    }

    .drop-in-volleyball-dec-sec .title h4 {
        font-size: 42px;
    }

    .drop-in-volleyball-dec-sec .main-img {
        margin: 0 0 20px;
    }

    .drop-in-volleyball-dec-sec .desc {
        margin: 20px 0 0;
    }

    .drop-in-volleyball-dec-sec .desc h4 {
        font-size: 18px !important;
    }

    /* Drop Volleyball Section Responsive Css End */
    /* Section Cart Section Responsive Css Start */
    .section-cart {
        padding: 40px 0;
    }

    .section-cart .cart-table thead tr th {
        font-size: 16px;
    }

    .section-cart .cart-table tbody tr td .img-main .cart-img {
        min-width: 75px;
        max-width: 75px;
    }

    .section-cart .cart-table tbody tr td .cart-desc .pro-name {
        font-size: 18px;
    }

    .section-cart .cart-table tbody tr td .price {
        font-size: 16px;
    }

    /* Section Cart Section Responsive Css End */
    /* Single Product Section Responsive Css Start */
    .single-product-sec {
        padding: 30px 0;
    }

    .single-product-sec .product-info .desc-main h4 {
        font-size: 42px;
    }

    .single-product-sec .product-info .desc-main .ct-check .form-check-label {
        font-size: 12px;
    }

    /* Single Product Section Responsive Css End */
    /* Shop Wrap Section Responsive Css Start */
    section.shop-sec-wrap {
        padding: 30px 0;
    }

    /* Shop Wrap Section Responsive Css End */
    /* Divisional Champ Section Responsive Css Start */
    .divisional-champ-sec {
        padding: 40px 0;
    }

    .divisional-champ-sec .title h4 {
        font-size: 42px;
    }

    /* Divisional Champ Section Responsive Css End */

    .ft-box.ste-link ul {
        column-count: auto !important;
        float: left;
        margin: 0 0 0 -54px;
    }


    footer .footer-mid .ft-box h6 {
        text-align: left;
    }

    .sec-about .desc .counter-area img {
        height: 500px !important;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }



}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    /* Header Responsive Css Start */
    header .header-btm .cl-flex-main {
        width: 100%;
    }

    header .header-btm .cl-flex-main .social-main {
        padding: 0 0 10px;
    }

    header .header-btm .cl-flex-main .social-main::after {
        margin: 10px 0 0;
    }

    header .header-btm .navbar .navbar-nav .nav-item .nav-link {
        margin: 0 10px 5px !important;
    }

    /* Header Responsive Css End */
    /* inner-banner-wrap Responsive Css End */
    .inner-banner-wrap {
        padding: 250px 0 80px 0;
    }

    .inner-banner-wrap .content h5 {
        font-size: 25px;
        line-height: 35px;
    }

    /* inner-banner-wrap Responsive Css End */
    /* sec-schedule-details Responsive Css Start */
    .sec-schedule-details .schedule-box {
        margin: 25px 0 0 0;
    }

    .sec-schedule-details .schedule-box .main-match .match-card .desc a {
        font-size: 14px;
    }

    .sec-schedule-details .schedule-box .main-match .match-card .desc span {
        font-size: 10px;
    }

    .sec-schedule-details .schedule-box .main-match .match-card {
        min-height: 125px;
    }

    .sec-schedule-details .schedule-box .main-match .match-det-card h6,
    .sec-schedule-details .schedule-box .main-match .match-det-card a {
        font-size: 14px;
    }

    .sec-schedule-details .schedule-box .bx-head h4 {
        font-size: 18px;
    }

    /* sec-schedule-details Responsive Css End */
    /* Banner Section Responsive Css Start */
    .sec-home-slider .home-slider .slider-main .desc {
        text-align: center;
    }

    .sec-home-slider .home-slider .slider-main .desc .btn-grp {
        justify-content: center;
    }

    /* Banner Section Responsive Css End */
    /* Section About Responsive Css Start */
    .sec-about {
        padding: 40px 0;
    }

    .sec-about .desc {
        text-align: center;
    }

    .sec-about .desc p {
        font-size: 14px;
    }

    .sec-about .desc .read-btn {
        margin: 0 auto 20px;
    }

    /* Section About Responsive Css End */
    /* League Section Responsive Css Start */
    .league-sec {
        padding: 30px 0;
    }

    .league-sec .desc {
        text-align: center;
        margin: 0 0 10px;
    }


    .league-sec .desc h3 {
        font-size: 32px;
    }

    .league-sec .exp-btn {
        margin: 0 auto;
    }

    .league-sec .league-card .title {
        padding: 10px 5px;
    }

    .league-sec .league-card .title a {
        font-size: 22px;
    }

    .league-sec .league-card .sub-box {
        flex-direction: column;
    }

    .league-sec .league-card .sub-box .mian-img {
        width: 100%;
        margin: 0 0 10px;
    }

    .league-sec .league-card .sub-box .desc {
        width: 100%;
        padding: 0 10px;
    }

    .league-sec .league-card .sub-box .desc ul li {
        font-size: 14px;
        justify-content: left;
        text-align: left;
    }

    .league-sec .league-card .sub-box .desc ul li span {
        font-size: 14px;
    }

    /* League Section Responsive Css End */
    /* Coming League Section Responsive Css Start */
    .sec-coming-leagues {
        padding: 30px 0;
    }

    .sec-coming-leagues .sm-card .desc,
    .sec-coming-leagues .xl-card .desc {
        padding: 20px;
    }

    /* Coming League Section Responsive Css End */
    /* Sponsors Section Responsive Css Start */
    .sec-sponsors {
        padding: 30px 0;
    }

    .sec-sponsors .desc {
        margin: 0 0 20px;
        text-align: center;
    }

    /* Sponsors Section Responsive Css End */
    /* Footer Responsive Css Start */
    footer {
        padding: 30px 0 0 0;
    }

    footer .footer-mid .ft-box {
        margin: 0 0 10px;
    }

    footer .social-icons .icon-ul {
        justify-content: start;
    }



    /* Footer Responsive Css End */
    /* Sign Up Section Responsive Css Start */
    .signup-sec-wrap {
        padding: 50px 0;
    }

    /* Sign Up Section Responsive Css End */
    /* Schedule Section Responsive Css Start */
    .schedule-sec-wrap {
        padding: 30px 0;
    }

    /* Schedule Section Responsive Css End */
    /* Testimonial Section Responsive Css Start */
    .testimonial-sec {
        padding: 30px 0;
    }

    /* Testimonial Section Responsive Css End */
    /* Journey Section Responsive Css Start */
    .journey-sec {
        padding: 30px 0;
    }

    .journey-sec .journey-card .journey-desc p {
        margin: 0 0 20px;
    }

    /* Journey Section Responsive Css End */
    /* Experiance Section Responsive Css Start */
    .experinace-sec {
        padding: 40px 0;
    }

    /* Experiance Section Responsive Css End */
    /* Contact Section Responsive Css Start */
    .conatct-sec-wrap {
        padding: 40px 0;
    }

    .conatct-sec-wrap .contatc-card {
        margin: 0 0 50px;
    }

    /* Contact Section Responsive Css End */
    /* Inner Header Section Responsive Css Start */
    .inner-header .inner-header-top {
        padding: 75px 0 0;
    }

    .inner-header .inner-header-top .head h4 {
        font-size: 42px;
    }

    .inner-header .inner-head-btm {
        margin: 30px 0 0;
    }

    .inner-header .inner-head-btm button.navbar-toggler {
        display: none;
    }

    .inner-header .inner-head-btm .navbar-collapse {
        display: block;
    }

    .inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        margin: 0 10px 10px;
    }

    .inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link.hvr-underline-from-left::before {
        bottom: -5px;
    }

    /* Inner Header Section Responsive Css End */
    /* Section Dashboard Welcome Responsive Css Start */
    .sec-dashboard-welcome .personal-info-box .info-head,
    .sec-dashboard-welcome .invoices-info-box .info-head,
    .sec-dashboard-welcome .about-info-box .info-head {
        padding: 30px 20px;
    }

    .sec-dashboard-welcome .personal-info-box .info-head .desc,
    .sec-dashboard-welcome .invoices-info-box .info-head .desc,
    .sec-dashboard-welcome .about-info-box .info-head .desc {
        margin: 0 0 10px;
    }

    .sec-dashboard-welcome .personal-info-box .info-head .btn-grp,
    .sec-dashboard-welcome .invoices-info-box .info-head .btn-grp,
    .sec-dashboard-welcome .about-info-box .info-head .btn-grp {
        justify-content: start;
    }

    .sec-dashboard-welcome .invoices-info-box .invoices-main {
        padding: 30px 0;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_length label {
        margin: 0 0 10px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_filter label {
        margin: 0 0 10px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable thead>tr>th.sorting {
        font-size: 14px;
    }

    table.dataTable thead>tr>th.sorting:before,
    table.dataTable thead>tr>th.sorting:after,
    table.dataTable thead>tr>th.sorting_asc:before,
    table.dataTable thead>tr>th.sorting_asc:after,
    table.dataTable thead>tr>th.sorting_desc:before,
    table.dataTable thead>tr>th.sorting_desc:after,
    table.dataTable thead>tr>th.sorting_asc_disabled:before,
    table.dataTable thead>tr>th.sorting_asc_disabled:after,
    table.dataTable thead>tr>th.sorting_desc_disabled:before,
    table.dataTable thead>tr>th.sorting_desc_disabled:after,
    table.dataTable thead>tr>td.sorting:before,
    table.dataTable thead>tr>td.sorting:after,
    table.dataTable thead>tr>td.sorting_asc:before,
    table.dataTable thead>tr>td.sorting_asc:after,
    table.dataTable thead>tr>td.sorting_desc:before,
    table.dataTable thead>tr>td.sorting_desc:after,
    table.dataTable thead>tr>td.sorting_asc_disabled:before,
    table.dataTable thead>tr>td.sorting_asc_disabled:after,
    table.dataTable thead>tr>td.sorting_desc_disabled:before,
    table.dataTable thead>tr>td.sorting_desc_disabled:after {
        right: 0 !important;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable tbody>tr>td {
        font-size: 14px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable tbody>tr>td .table-btn .btn-table {
        padding: 0 10px;
        width: 110px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_info {
        font-size: 18px;
        margin: 0 0 4px;
    }

    .table-responsive {
        padding: 0 0 20px;
    }

    /* div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
    text-align: left !important;
} */
    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding-left: 0;
    }

    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
        padding-right: 0;
    }

    .sec-dashboard-welcome .about-info-box .info-head .btn-grp .add-btn {
        width: 120px;
        font-size: 14px;
        margin: 0 10px 0 0;
    }

    .sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-edit-btn {
        width: 120px;
        font-size: 14px;
    }

    .sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-save-btn {
        width: 120px;
        font-size: 14px;
    }

    .about-main .about-card .abt-input-main {
        padding: 2px 10px;
    }

    /* Section Dashboard Welcome Responsive Css End */
    /* League Dec Section Responsive Css Start */
    .league-dec-sec {
        padding: 30px 0;
    }

    .league-dec-sec .league-card-details .card-head {
        padding: 10px 5px;
    }

    .league-dec-sec .league-card-details .card-head h4 {
        font-size: 22px;
    }

    .league-dec-sec .league-card-details .card-body-main {
        padding: 20px;
    }

    .league-dec-sec .league-card-details .card-body-main .desc p {
        font-size: 16px;
    }

    .league-dec-sec .league-card-details .main-img {
        margin: 0 0 20px;
    }

    .league-dec-sec .league-card-details .card-body-main .desc ul li {
        font-size: 14px;
        justify-content: left;
        text-align: left;
    }

    .league-dec-sec .league-card-details .card-body-main .desc ul li span {
        font-size: 14px;
    }

    /* League Dec Section Responsive Css End */
    /* Drop Volleyball Section Responsive Css Start */
    .drop-in-volleyball-dec-sec {
        padding: 30px 0;
    }

    .drop-in-volleyball-dec-sec .title h4 {
        font-size: 42px;
    }

    .drop-in-volleyball-dec-sec .main-img {
        margin: 0 0 20px;
    }

    .drop-in-volleyball-dec-sec .desc {
        margin: 20px 0 0;
    }

    .drop-in-volleyball-dec-sec .desc h4 {
        font-size: 18px !important;
    }

    /* Drop Volleyball Section Responsive Css End */
    /* Section Cart Section Responsive Css Start */
    .section-cart {
        padding: 40px 0;
    }

    .section-cart .cart-table thead tr th {
        font-size: 16px;
    }

    .section-cart .cart-table tbody tr td .img-main .cart-img {
        min-width: 75px;
        max-width: 75px;
    }

    .section-cart .cart-table tbody tr td .cart-desc .pro-name {
        font-size: 18px;
    }

    .section-cart .cart-table tbody tr td .price {
        font-size: 16px;
    }

    /* Section Cart Section Responsive Css End */
    /* Single Product Section Responsive Css Start */
    .single-product-sec {
        padding: 30px 0;
    }

    .single-product-sec .product-info .desc-main h4 {
        font-size: 42px;
    }

    .single-product-sec .product-info .desc-main .ct-check .form-check-label {
        font-size: 12px;
    }

    /* Single Product Section Responsive Css End */
    /* Shop Wrap Section Responsive Css Start */
    section.shop-sec-wrap {
        padding: 30px 0;
    }

    /* Shop Wrap Section Responsive Css End */
    /* Divisional Champ Section Responsive Css Start */
    .divisional-champ-sec {
        padding: 40px 0;
    }

    .divisional-champ-sec .title h4 {
        font-size: 42px;
    }

    /* Divisional Champ Section Responsive Css End */


    .sec-league-table .table-main .table tbody tr td .thumb {
        display: none;
    }

    .sec-league-table .table-main .table tbody tr td span {
        font-size: 15px;
    }

    .sec-league-table .table-main .table>:not(caption)>*>* {
        font-size: 14px;
        text-align: left;

    }

    .sec-league-table .table-main {
        overflow-y: auto;
    }

    .sec-league-table .table-main .table tbody tr td {
        font-size: 15px;
    }

    .sec-league-table .desc h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .sec-league-table .desc h4 {
        margin: 12px 0;
    }

    footer .footer-mid .ft-box .ft-thumb {
        width: 130px;
        object-fit: cover;

    }

    .ft-box.ste-link ul {
        column-count: auto !important;
        float: left;
        margin: 0 0 0 -54px;
    }


    .sec-about .desc .counter-area img {
        height: 500px !important;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }

    footer .footer-mid .ft-box h6 {
        text-align: left;
        margin: 15px 0;
    }

    .sec-contents .desc p {
        font-size: 14px;
    }

    .inner-rules-content .desc h5 {
        font-size: 25px;
    }

    .inner-rules-content .desc ul li {
        font-size: 17px;
    }

    .inner-rules-content {
        padding: 70px 0;
    }




}

@media only screen and (min-width: 300px) and (max-width: 575px) {

    /* Header Responsive Css Start */
    .header .header-btm .navbar .navbar-brand .logo {
        height: 100px;
    }

    header .header-btm .cl-flex-main {
        width: 100%;
    }

    header .header-btm .cl-flex-main .social-main {
        padding: 0 0 10px;
        justify-content: center;
    }

    header .header-btm .cl-flex-main .social-main::after {
        margin: 10px 0 0;
    }

    header .header-btm .navbar .navbar-nav .nav-item .nav-link {
        margin: 0 10px 5px !important;
    }

    /* Header Responsive Css End */

    .sec-home-slider {
        padding: 50px 0 0;
    }

    .sec-home-slider .home-slider .slider-main .desc span {
        font-size: 25px !important;
    }

    .ft-box.ste-link ul {
        column-count: auto !important;
        float: left;
        margin: 0 0 0 -54px;
    }

    footer .footer-mid .ft-box .ft-thumb {
        height: 140px;
        object-fit: contain;
    }

    .sec-coming-leagues .xl-card .img-main .thumb {
        min-height: 300px;
        max-height: 300px;
    }

    .ft-box.ste-link h6 {
        text-align: left !important;
    }

    .sec-contents .desc p,
    .sec-contents .desc ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .inner-rules-content .desc h5 {
        font-size: 25px;
        line-height: 33px;

    }

    .inner-rules-content {
        padding: 50px 0;
    }


    .inner-rules-content .desc ul li a {
        font-size: 17px;
        line-height: 24px;
    }

    .faqs-sec-wrap .accordion .accordion-item .accordion-collapse .accordion-body {
        padding: 15px 15px;
        overflow-y: auto;
    }

    .faqs-sec-wrap .accordion .accordion-item .accordion-collapse .accordion-body p{
        font-size: 14px;
    }




    /* inner-banner-wrap Responsive Css End */
    .inner-banner-wrap {
        padding: 250px 0 80px 0;
    }

    .inner-banner-wrap .content h5 {
        font-size: 25px;
        line-height: 35px;
    }

    /* inner-banner-wrap Responsive Css End */
    /* sec-schedule-details Responsive Css Start */
    .sec-schedule-details .schedule-box {
        margin: 25px 0 0 0;
    }

    .sec-schedule-details .schedule-box .main-match .match-card .desc a {
        font-size: 10px;
    }

    .sec-schedule-details .schedule-box .main-match .match-card .desc span {
        font-size: 8px;
    }

    .sec-schedule-details .schedule-box .main-match .match-card {
        min-height: 125px;
    }

    .sec-schedule-details .schedule-box .main-match .match-det-card h6,
    .sec-schedule-details .schedule-box .main-match .match-det-card a {
        font-size: 9px;
    }

    .sec-schedule-details .schedule-box .bx-head h4 {
        font-size: 14px;
    }

    /* sec-schedule-details Responsive Css End */

    /* Banner Section Responsive Css Start */
    .sec-home-slider .home-slider .slider-main .desc {
        top: -90px;
        text-align: center;
    }

    .sec-home-slider .home-slider .slider-main .desc h6 {
        font-size: 16px;
    }

    .sec-home-slider .home-slider .slider-main .desc p {
        font-size: 15px;
        line-height: 22px;
    }

    .sec-home-slider .home-slider .slider-main .desc .btn-grp {
        justify-content: center;
    }

    .sec-home-slider .home-slider .slider-main .desc .btn-grp .shop-btn {
        height: 45px;
        width: 160px;
        margin: 0 5px 10px;
    }

    .sec-home-slider .home-slider .slider-main .desc .btn-grp .arr-btn {
        height: 45px;
        width: 160px;
        margin: 0 5px 10px;
    }

    /* Banner Section Responsive Css End */
    /* Section About Responsive Css Start */
    .sec-about {
        padding: 40px 0;
    }

    .sec-about .desc {
        text-align: center;
    }

    .sec-about .desc .counter-area {
        float: inherit;
        justify-content: center;
        margin: 20px 0;
    }

    .sec-about .desc .counter-area img {
        margin: 0 auto;
    }

    .sec-about .desc .read-btn {
        margin: 0 auto 20px;
    }

    /* Section About Responsive Css End */
    /* League Section Responsive Css Start */
    .league-sec {
        padding: 30px 0;
    }

    .league-sec .desc {
        text-align: center;
        margin: 0 0 10px;
    }

    .desc h4 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .league-sec .desc h3 {
        font-size: 32px;
    }

    .league-sec .exp-btn {
        margin: 0 auto;
    }

    .league-sec .league-card .title {
        padding: 10px 5px;
    }

    .league-sec .league-card .title a {
        font-size: 22px;
    }

    .league-sec .league-card .sub-box {
        flex-direction: column;
    }

    .league-sec .league-card .sub-box .mian-img {
        width: 100%;
        margin: 0 0 10px;
    }

    .league-sec .league-card .sub-box .desc {
        width: 100%;
        padding: 0 10px;
    }

    .league-sec .league-card .sub-box .desc ul li {
        font-size: 14px;
        justify-content: left;
        text-align: left;
    }

    .league-sec .league-card .sub-box .desc ul li span {
        font-size: 14px;
    }

    /* League Section Responsive Css End */
    /* Coming League Section Responsive Css Start */
    .sec-coming-leagues {
        padding: 30px 0;
    }

    .sec-coming-leagues .sm-card .desc,
    .sec-coming-leagues .xl-card .desc {
        padding: 20px;
    }

    /* Coming League Section Responsive Css End */

    .sec-league-table .table-main .table tbody tr td .thumb {
        display: none;
    }

    .sec-league-table .table-main .table tbody tr td span {
        font-size: 15px;
    }

    .sec-league-table .table-main .table>:not(caption)>*>* {
        font-size: 13px;
        text-align: left;
    }

    .sec-league-table .table-main {
        overflow-y: auto;
    }

    .sec-league-table .table-main .table tbody tr td {
        padding: 12px 12px;
        font-size: 15px;
    }

    .sec-league-table .desc h3 {
        font-size: 20px;
        line-height: 30px;
        text-align: left;
    }


    footer .footer-mid .ft-box h6 {
        text-align: left;
    }

    .testimonial-sec .content .top p {
        font-size: 16px;
        line-height: 26px;
    }




    /* Sponsors Section Responsive Css Start */
    .sec-sponsors {
        padding: 30px 0;
    }

    .sec-sponsors .desc {
        margin: 0 0 20px;
        text-align: center;
    }

    /* Sponsors Section Responsive Css End */
    /* Footer Responsive Css Start */
    footer {
        padding: 30px 0 0 0;
    }

    footer .footer-mid .ft-box {
        margin: 0 0 10px;
    }

    footer .social-icons .icon-ul {
        justify-content: start;
    }

    /* Footer Responsive Css End */
    /* Sign Up Section Responsive Css Start */
    .signup-sec-wrap {
        padding: 50px 0;
    }

    .signup-sec-wrap .form-main {
        padding: 30px;
    }

    /* Sign Up Section Responsive Css End */
    /* Schedule Section Responsive Css Start */
    .schedule-sec-wrap {
        padding: 30px 0;
    }

    /* Schedule Section Responsive Css End */
    /* Testimonial Section Responsive Css Start */
    .testimonial-sec {
        padding: 30px 0;
    }

    /* Testimonial Section Responsive Css End */
    /* Journey Section Responsive Css Start */
    .journey-sec {
        padding: 30px 0;
    }

    .journey-sec .journey-card .journey-desc p {
        margin: 0 0 20px;
        font-size: 14px;
        line-height: 23px;
    }

    /* Journey Section Responsive Css End */
    /* Experiance Section Responsive Css Start */
    .experinace-sec {
        padding: 40px 0;
    }

    /* Experiance Section Responsive Css End */
    /* Contact Section Responsive Css Start */
    .conatct-sec-wrap {
        padding: 40px 0;
    }

    .conatct-sec-wrap .contatc-card {
        margin: 0 0 50px;
    }

    .conatct-sec-wrap .form-main {
        padding: 30px;
    }

    /* Contact Section Responsive Css End */
    /* Inner Header Section Responsive Css Start */
    .inner-header .inner-header-top {
        padding: 75px 0 0;
    }

    .inner-header .inner-header-top .head h4 {
        font-size: 42px;
    }

    .inner-header .inner-head-btm {
        margin: 30px 0 0;
    }

    .inner-header .inner-head-btm button.navbar-toggler {
        display: none;
    }

    .inner-header .inner-head-btm .navbar-collapse {
        display: block;
    }

    .inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        margin: 0 10px 10px;
    }

    .inner-header .inner-head-btm .navbar .navbar-nav .nav-item .nav-link.hvr-underline-from-left::before {
        bottom: -5px;
    }

    /* Inner Header Section Responsive Css End */
    /* Section Dashboard Welcome Responsive Css Start */
    .sec-dashboard-welcome .personal-info-box .info-head,
    .sec-dashboard-welcome .invoices-info-box .info-head,
    .sec-dashboard-welcome .about-info-box .info-head {
        padding: 30px 20px;
    }

    .sec-dashboard-welcome .personal-info-box .info-head .desc,
    .sec-dashboard-welcome .invoices-info-box .info-head .desc,
    .sec-dashboard-welcome .about-info-box .info-head .desc {
        margin: 0 0 10px;
    }

    .sec-dashboard-welcome .personal-info-box .info-head .btn-grp,
    .sec-dashboard-welcome .invoices-info-box .info-head .btn-grp,
    .sec-dashboard-welcome .about-info-box .info-head .btn-grp {
        justify-content: start;
    }

    .sec-dashboard-welcome .invoices-info-box .invoices-main {
        padding: 30px 0;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_length label {
        margin: 0 0 10px;
    }


    /* Dropdown CSS  */

    /* Dropdown CSS  */
    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_filter label {
        margin: 0 0 10px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable thead>tr>th.sorting {
        font-size: 14px;
    }

    table.dataTable thead>tr>th.sorting:before,
    table.dataTable thead>tr>th.sorting:after,
    table.dataTable thead>tr>th.sorting_asc:before,
    table.dataTable thead>tr>th.sorting_asc:after,
    table.dataTable thead>tr>th.sorting_desc:before,
    table.dataTable thead>tr>th.sorting_desc:after,
    table.dataTable thead>tr>th.sorting_asc_disabled:before,
    table.dataTable thead>tr>th.sorting_asc_disabled:after,
    table.dataTable thead>tr>th.sorting_desc_disabled:before,
    table.dataTable thead>tr>th.sorting_desc_disabled:after,
    table.dataTable thead>tr>td.sorting:before,
    table.dataTable thead>tr>td.sorting:after,
    table.dataTable thead>tr>td.sorting_asc:before,
    table.dataTable thead>tr>td.sorting_asc:after,
    table.dataTable thead>tr>td.sorting_desc:before,
    table.dataTable thead>tr>td.sorting_desc:after,
    table.dataTable thead>tr>td.sorting_asc_disabled:before,
    table.dataTable thead>tr>td.sorting_asc_disabled:after,
    table.dataTable thead>tr>td.sorting_desc_disabled:before,
    table.dataTable thead>tr>td.sorting_desc_disabled:after {
        display: none !important;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable tbody>tr>td {
        font-size: 14px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main table.dataTable tbody>tr>td .table-btn .btn-table {
        padding: 0 10px;
        width: 110px;
    }

    .sec-dashboard-welcome .invoices-info-box .inv-tbl-main div.dataTables_wrapper div.dataTables_info {
        font-size: 18px;
        margin: 0 0 4px;
    }

    .table-responsive {
        padding: 0 0 20px;
    }

    /* div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
    text-align: left !important;
} */
    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding-left: 0;
    }

    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
        padding-right: 0;
    }

    .sec-dashboard-welcome .personal-info-box .field-icon1 p {
        display: none;
    }

    .sec-dashboard-welcome .about-info-box .info-head .btn-grp .add-btn {
        width: 120px;
        font-size: 14px;
        margin: 0 10px 0 0;
    }

    .sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-edit-btn {
        width: 120px;
        font-size: 14px;
    }

    .sec-dashboard-welcome .about-info-box .info-head .btn-grp .about-save-btn {
        width: 120px;
        font-size: 14px;
    }

    .about-main .about-card .abt-input-main {
        padding: 2px 10px;
    }

    /* Section Dashboard Welcome Responsive Css End */
    /* League Dec Section Responsive Css Start */
    .league-dec-sec {
        padding: 30px 0;
    }

    .league-dec-sec .league-card-details .card-head {
        padding: 10px 5px;
    }

    .league-dec-sec .league-card-details .card-head h4 {
        font-size: 22px;
    }

    .league-dec-sec .league-card-details .card-body-main {
        padding: 20px;
    }

    .league-dec-sec .league-card-details .card-body-main .desc p {
        font-size: 16px;
    }

    .league-dec-sec .league-card-details .main-img {
        margin: 0 0 20px;
    }

    .league-dec-sec .league-card-details .card-body-main .desc ul li {
        font-size: 14px;
        justify-content: left;
        text-align: left;
    }

    .league-dec-sec .league-card-details .card-body-main .desc ul li span {
        font-size: 14px;
    }

    .rd-btn-area .rd-main .form-check {
        padding-left: 0px;
    }

    .rd-btn-area .rd-main .form-check .form-check-label {
        font-size: 14px;
    }

    /* League Dec Section Responsive Css End */
    /* Drop Volleyball Section Responsive Css Start */
    .drop-in-volleyball-dec-sec {
        padding: 30px 0;
    }

    .drop-in-volleyball-dec-sec .title h4 {
        font-size: 42px;
    }

    .drop-in-volleyball-dec-sec .main-img {
        margin: 0 0 20px;
    }

    .drop-in-volleyball-dec-sec .desc {
        margin: 20px 0 0;
    }

    .drop-in-volleyball-dec-sec .desc h4 {
        font-size: 18px !important;
    }

    /* Drop Volleyball Section Responsive Css End */
    /* Section Cart Section Responsive Css Start */
    .section-cart {
        padding: 40px 0;
    }

    .section-cart .cart-table thead tr th {
        font-size: 16px;
    }

    .section-cart .cart-table tbody tr td .img-main .cart-img {
        min-width: 75px;
        max-width: 75px;
    }

    .section-cart .cart-table tbody tr td .cart-desc .pro-name {
        font-size: 18px;
    }

    .section-cart .cart-table tbody tr td .price {
        font-size: 16px;
    }

    /* Section Cart Section Responsive Css End */
    /* Single Product Section Responsive Css Start */
    .single-product-sec {
        padding: 30px 0;
    }

    .single-product-sec .product-info .desc-main h4 {
        font-size: 42px;
    }

    .single-product-sec .product-info .desc-main .ct-check .form-check-label {
        font-size: 12px;
    }

    /* Single Product Section Responsive Css End */
    /* Shop Wrap Section Responsive Css Start */
    section.shop-sec-wrap {
        padding: 30px 0;
    }

    /* Shop Wrap Section Responsive Css End */
    /* Divisional Champ Section Responsive Css Start */
    .divisional-champ-sec {
        padding: 40px 0;
    }

    .divisional-champ-sec .title h4 {
        font-size: 42px;
    }

    /* Divisional Champ Section Responsive Css End */

    .sec-about .desc p,
    .experinace-sec .desc p {
        font-size: 14px;
        line-height: 24px;
    }



}