@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    margin: 0;
    color: #fff;
    background: #031820;
    overflow-x: hidden;
}

input,
textarea,
button {
    font-family: "hk_groteskbold", sans-serif;
    outline: none;
}

button,
input[type="submit"],
input[type="reset"] {
    cursor: pointer;
}

.btn-primary {
    display: flex;
    justify-content: center;
    align-items: center;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #9bb5c4;
    margin: 0;
    padding: 0;
}

input,
select {
    outline: none;
}

a {
    text-decoration: none;
    color: #1b2642;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}

.transition {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}

.list-none {
    margin: 0;
    padding: 0;
    list-style: none;
}

fieldset {
    border: none;
    padding: 0;
}

#wrapper {
    position: relative;
    overflow: hidden;
}

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

p {
    margin: 0;
    padding: 0;
}

img {
    padding: 0;
    margin: 0;
}

.flex {
    display: flex;
}

.wrap {
    flex-wrap: wrap;
}

.gap-12 {
    gap: 12px;
}

.gap-24 {
    gap: 24px;
}

.gap-30 {
    gap: 30px;
}

.gap-33 {
    gap: 33px;
}

.gap-40 {
    gap: 40px;
}

.gap-50 {
    gap: 50px;
}

.gap-80 {
    gap: 80px;
}

.f-wrap {
    flex-wrap: wrap;
}

.j-between {
    justify-content: space-between;
}

.j-center {
    justify-content: center;
}

.align-center {
    align-items: center;
}

.align-start {
    align-items: start;
}

.align-end {
    align-items: end;
}

.block {
    display: block;
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: auto;
}

@font-face {
    font-family: 'Microgramma';
    src: url('../fonts/MicrogrammaBold.woff') format('woff');

}

@font-face {
    font-family: 'Microgramma';
    src: url('../fonts/MicrogrammaNormal.woff') format('woff');

}





/* Header  */

.top-bar {
    background: var(--Primary-00A5E0, #00A5E0);
    color: #fff;
    text-align: center;
    padding: 16px 0;
    position: relative;
}

header#header {
    position: relative;
	background: #07141E;
    transition: 0.3s;
}
header.is-sticky {
    position: fixed !important;
    left: 0;
    width: 100%;
    right: 0;
    top: 0px;
    z-index: 99;
}

.top-bar .close-btn {
    position: absolute;
    right: 17px;
    top: 17px;
    cursor: pointer;
}

.header {
/*     background: #07141E; */
    padding: 24px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* position: relative; */
}

.nav-links {
    display: flex;
    list-style: none;
}

.nav-links li {
    margin: 0 15px;
    position: relative;
}

.nav-links a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #07141E;
    list-style: none;
    padding: 10px;
    min-width: 150px;
    z-index: 9;
}

.submenu li {
    margin: 5px 0;
}

.submenu a {
    color: #fff;
    display: block;
    padding: 5px;
}

.nav-links li:hover .submenu {
    display: block;
}

.icons {
    display: flex;
    gap: 12px;
}

.icons a {
    color: #fff;
    padding: 14px;
    border: 1px solid var(--grey-scale-ffffff, #FFF);
}

.hamburger {
    display: none;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
}

.logo {
    width: 100%;
    max-width: 122px;
    height: 48px;
}

.logo a img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

ul.nav-links li a {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}

.nav-links {
    gap: 48px;
}

.nav-links li {
    margin: 0;
}

.icons a img {
    width: 100%;
    max-width: 20px;
    height: 20px;
    object-fit: cover;
}

.top-bar p {
   color: var(--Primary-231F20, #231F20);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.84px;
text-transform: uppercase;
}


/* Home Banner  */

.home-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 720px;
    display: flex;
    align-items: center;
    position: relative;
}

.home-banner-content h1 {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Microgramma;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    /* 125% */
    text-transform: uppercase;
    margin-bottom: 32px;
}

.home-banner-content {
    width: 100%;
    max-width: 486px;
}

.btnflx a {
    background: var(--Primary-00A5E0, #00A5E0);
    width: 100%;
    max-width: 302px;
    height: 48px;
    color: var(--Primary-231F20, #231F20);
    text-align: center;
    font-family: Microgramma;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-hamburger .icons {
    display: none;
}

.mobile-hamburger {
    display: none;
}

.banner-rotate-img {
    position: absolute;
    bottom: -80px;
    right: 80px;
    width: 100%;
    max-width: 142px;
    max-height: 142px;
}

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

    100% {
        transform: rotate(360deg);
    }
}

.banner-rotate-img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    animation: rotateImage 10s linear infinite;
    /* Adjust time as needed */
}

.combat-clas {
    margin: 100px 0;
}

.combat-clas-heading h2 {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Microgramma;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.combat-clas-heading p {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

.combat-clas-heading {
    width: 100%;
    max-width: 602px;
    margin: auto;
    margin-bottom: 48px;
}

.combat-clas-card-img {
    border: 1px solid var(--grey-scale-ffffff, rgb(255 255 255 / 10%));
    padding: 16px 16px 16px 16px;
    width: 100%;
    max-width: 100%;
    position: relative;
    transition: 0.6s;
    height: 496px;
}

.combat-clas-card-img-data {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 380px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: end;
    position: relative;
    transition: 0.5s;
}

.combat-clas-card {
    width: 100%;
    max-width: 32.12%;
    position: relative;
}

.combat-clas-card-img img {
    width: 100%;
    max-width: 379px;
    max-height: 400px;
    object-fit: cover;
    margin-bottom: 32px;
    display: block;
}

.combat-clas-card-img h5 {
    color: #FFF;
    text-align: center;
    font-family: Microgramma;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    /* 88.889% */
    text-transform: uppercase;
    margin-top: 35px;
    position: absolute;
    left: 0;
    right: 0;
  min-height: 59px;
	bottom: 0px;
	line-height: 22px;
    padding: 0 5px 15px 0 !important;
}

.play-video {
    position: absolute;
    top: 45%;
    right: 45%;
    background: var(--Primary-00A5E0, #00A5E0);
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 13px;
}

.play-video img {
    width: 100%;
    max-width: 22px;
    height: 22px;
}

/* .combat-clas-card-img::after {
    content: "";
    position: absolute;
    background-image: url(../images/class-hover-2.png);
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
} */

.outer-border-img img {
    visibility: hidden;
    opacity: 0;
}

.combat-clas-card-img:hover .outer-border-img img {
    visibility: visible;
    opacity: 1;
}

.play-video-icon {
    visibility: hidden;
    opacity: 0;
}

.combat-clas-card:hover .play-video-icon {
    visibility: visible;
    opacity: 1;
}

.combat-clas-card:hover .combat-clas-card-img::after {
    visibility: visible;
    opacity: 1;
}

.home-about-content {
    background: var(--Primary-00A5E0, #00A5E0);
}

.home-about-left {
    margin: 48px 0 80px 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 39%;
}

.home-about-right-image {
    width: 100%;
    max-width: 50%;
    max-height: 760px;
}

.home-about-right-image img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
}

.home-about-logo {
    width: 100%;
    max-width: 106px;
    max-height: 106px;
}

.home-about-logo img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    animation: rotateImage 10s linear infinite;
}

.home-about-text h2 {
    color: var(--Primary-231F20, #231F20);
    font-family: Microgramma;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    /* 140% */
    text-transform: uppercase;
    width: 100%;
    max-width: 435px;
}

.home-about-text p {
    color: var(--Primary-231F20, #231F20);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    margin-top: 16px;
}

.home-about-button a {
    border: 1px solid var(--Primary-231F20, #231F20);
    width: 100%;
    max-width: 273px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Primary-231F20, #231F20);
    font-family: Microgramma;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

section.home-about {
    margin: 100px 0 0 0;
}

.accessory-content h2 {
    color: var(--grey-scale-ffffff, #FFF);
    text-align: center;
    font-family: Microgramma;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    /* 85% */
    text-transform: uppercase;
}

.accessory-data {
    margin-top: 56px;
}

.accesory-card-img {
    border: 1px solid var(--grey-scale-ffffff, rgb(255 255 255 / 10%));
    padding: 16px 16px 20px;
}

.accesory-card {
    width: 100%;
    max-width: 302px;
    position: relative;
	margin-right: 24px;
}

.accesory-card-img img {
    width: 100%;
    max-width: 270px;
    height: 320px;
    display: block;
	object-fit: cover;
}

.accesory-card-img h4 {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 16px 0;
}

.accesory-card-img p {
    color: var(--Primary-00A5E0, #00A5E0);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 125% */
}

.accessory-cart-button a {
    background: var(--Primary-00A5E0, #00A5E0);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 238px;
    height: 48px;
    color: var(--Primary-231F20, #231F20);
    text-align: center;
    font-family: Microgramma;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    gap: 10px;
}

.accessory-cart-button {
    position: absolute;
    left: 0px;
    bottom: 120px;
    right: 0px;
    width: 100%;
    max-width: 238px;
    visibility: hidden;
    opacity: 0;
    transition: 0.6s;
	margin: auto;
    display: flex;
    justify-content: center;
} 

.accesory-card:hover .accessory-cart-button {
    visibility: visible;
    opacity: 1;
}

section.combat-accessory {
    padding: 100px 0 180px 0;
    position: relative;
    background: rgba(255, 255, 255, 0.04);
    margin-bottom: 100px;
}



/* Slider  */
 

/* Custom Slick Dots */
/* .section.combat-accessory .slick-slide {
    margin-right: 24px;
} */


section.combat-accessory.instructor .slick-slide {
    margin-right: 24px;
}

/* Custom Slick Dots */
#home-accessory-slider .slick-dots {
    bottom: -87px;
    left: 230px;
    width: 100%;
    max-width: 716px;
    padding-right: 20px;
}

#home-accessory-slider .slick-dots li {
    width: 110px;
    height: 1px;
    border-radius: 3px;
    background: rgb(248 249 250 / 12%);
    transition: all 0.3s ease-in-out;
    margin: 0 !important;
}

#home-accessory-slider .slick-dots li button:before {
    display: none;
}

#home-accessory-slider .slick-dots .slick-active {
    background: #00A5E0;
    height: 3px;
    width: 110px;
    position: relative;
    top: -1px;
}

/* Custom Arrows */
#home-accessory-slider .slick-prev,
.slick-next {
    width: 40px;
    height: 40px;
    background: transparent;
    border: 2px solid #008cdd;
    color: #008cdd;
    border-radius: 5px;
}

#home-accessory-slider .slick-next {
    background: #008cdd;
    color: white;
}

#home-accessory-slider .slick-prev:before,
.slick-next:before {
    color: #008cdd;
    font-size: 20px;
}

#home-accessory-slider .slick-next:before {
    color: white;
}

.accessory-slider-button button {
    border: 1px solid var(--Primary-00A5E0, #00A5E0);
    background: transparent;
    filter: brightness(0) saturate(100%) invert(50%) sepia(80%) saturate(3616%) hue-rotate(166deg) brightness(100%) contrast(101%);
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accessory-slider-button {
    gap: 12px;
    position: absolute;
    right: 270px;
    bottom: 110px;
}

.accessory-slider-button button img {
    width: 100%;
    max-width: 22px;
    height: 22px;
}

.accessory-slider-button button.slick-prev-button img {
    transform: rotate(180deg);
}

.accessory-slider-button button:hover {
    background: var(--Primary-00A5E0, #00A5E0);
}

.accessory-slider-button button:hover {
    filter: none;
}


/* Tabbing  */

.tabs-wrapper {
    /* max-width: 500px; */
    width: 100%;
}

.tabs {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 12px;
    margin: 0;


    li {

        cursor: pointer;
        /* padding: 11px 16px; */
        transition: .25s;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: #0D2129;
        color: var(--grey-scale-e-9-ecef, #E9ECEF);
        text-align: center;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        width: 100%;
        min-width: 120px;
        max-width: 148px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;

        &:hover {
            border-color: #fff;
            color: #0D2129;
            background-color: #fff;
        }

        &.active {
            border-color: var(--Primary-00A5E0, #00A5E0);
            background: var(--Primary-00A5E0, #00A5E0);
            color: #0D2129;
        }
    } 
}



.custom-accordion {
    width: 100%;
}

.custom-tabs {
    display: flex;
    margin-bottom: 56px;
}

.custom-tab {
    /* padding: 1rem 2rem; */
    font-size: 16px;
    font-weight: 500;
    /* border: 1px solid #eee; */
    /* border-radius: 10px; */
    cursor: pointer;
    background-color: #fff;
    transition: 0.25s;

    &:hover {
        border-color: var(--mainColor);
        background-color: var(--mainColor);
    }

    &.active {
        border-color: var(--Primary-00A5E0, #00A5E0);
        background: var(--Primary-00A5E0, #00A5E0);
        padding: 0;
    }
}

.custom-item {

    &.active {
        @media (min-width: 768px) {
            display: block;
        }

        .custom-label {
            cursor: default;
            color: #FFF;
            background-color: var(--mainColor);

            &:after {
                color: #FFF;
                transform: rotate(180deg);
            }
        }

        .custom-container {
            height: auto;
            opacity: 1;
            padding: 10px 15px 15px 15px;

            @media (min-width: 768px) {
                padding: 0;
            }
        }
    }
}

.custom-label {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    background-color: #FFF;
    border: none;
    transition: .25s;



    &:hover {

        background-color: var(--mainColor);

        &:after {
            color: #FFF;
        }
    }

    &:after {
        content: "\f107";
        font-family: 'FontAwesome';
        color: #555;
        font-size: 18px;
        transition: 0.25s;
    }
}

.custom-container {
    height: 0;
    padding: 0 15px;
    overflow: hidden;
    opacity: 0;
    transition: height 0.3s ease, opacity 0.2s ease;
}
.page-id-47 .plan-price {
		text-align: center;
	margin-top: 20px;
	} 
.custom-tabs button {
    border: none;
    border-bottom: 2px solid var(--Primary-00A5E0, #00A5E0);
    background: #0D2129;
    color: var(--grey-scale-ffffff, #FFF);
    text-align: center;
    font-family: Microgramma;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    /* 170% */
    text-transform: uppercase;
    width: 100%;
    max-width: 50%;
    height: 64px;
}

.home-membership-text h3 {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Microgramma;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    /* 85% */
    text-transform: uppercase;
    margin-bottom: 24px;
}

.home-membership-text {
    width: 100%;
    max-width: 519px;
}

.home-membership-text p {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

.membership-top {
    margin-bottom: 56px;
}

.membership-content-bottom .combat-clas-card-img p {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 20px 028px;
}

.member-bottom-button a {
    border: 1px solid var(--Primary-00A5E0, #00A5E0);
    width: 100%;
    max-width: 100%;
    color: var(--Primary-00A5E0, #00A5E0);
    text-align: center;
    font-family: Microgramma;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    height: 48px;
    align-items: center;
}

.membership-content-bottom .combat-clas-card-img img {
    max-height: 280px;
    object-fit: cover;
}

.instructor-heading p {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    width: 100%;
    max-width: 604px;
    margin: auto;
    margin-top: 24px;
}

.our-instructor-slider .accesory-card {
    width: 100%;
    max-width: 411px;
}

.our-instructor-slider .accesory-card-img img {
    width: 100%;
    max-width: 380px;
    height: 400px;
}

.our-instructor-slider .accesory-card-img span,
.our-instructor-slider .accesory-card-img p {
    color: var(--grey-scale-6-c-757-d, #6C757D);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    /* 157.143% */
    width: 100%;
    max-width: 280px;
    display: block;
    margin: auto;
}

section.instructor {
    background: transparent;
}

button.instructor-prev.slick-arrow {
    transform: rotate(180deg);
}

section.combat-accessory.instructor {
    margin-bottom: 0;
}

.schedul-calender-heading {
    gap: 20px;
    margin-bottom: 56px;
    justify-content: center;
}

.schedul-calender-heading h3 {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Microgramma;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    /* 85% */
    text-transform: uppercase;
}

.schedul-calender-heading h6 {
    color: var(--Primary-00A5E0, #00A5E0);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}


/* Footer Css  */
.site-footer {
    background: #00adee;
    color: #000;
    padding-top: 80px;
}

.footer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 64px;
}

.footer-section h4 {
    margin-bottom: 16px;
    color: var(--Primary-231F20, #231F20);
    font-family: Microgramma;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.notify-form {
    display: flex;
    margin-top: 32px;
    border: 1px solid var(--Primary-231F20, #231F20);
    height: 48px;
    justify-content: space-between;
}

.notify-form input {
    width: 100%;
    max-width: 229px;
    margin: 0;
    padding: 0px 10px 0px 16px;
    background: transparent;
    border: none;
    color: var(--Primary-231F20, #231F20) !important;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 185.714% */
}

.notify-form button {
    border: none;
    cursor: pointer;
    background: var(--Primary-231F20, #231F20);
    width: 100%;
    max-width: 182px;
    height: 48px;
    color: var(--grey-scale-ffffff, #FFF);
    text-align: center;
    font-family: Microgramma;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.links ul {
    list-style: none;
    padding: 0;
}

.links ul li {
    margin-bottom: 20px;
    color: var(--Primary-231F20, #231F20);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}

.links ul li a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.contact-info p {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-bottom: 15px;
}

.contact-info i {
    margin-top: 3px;
}

.footer-bottom {

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom-data {
    background: #001015;
    padding: 32px 0;
}

.footer-logo img {
    width: 100%;
    height: 80px;
    max-width: 204px;
}


.footer-payment img {
    height: 32px;
    width: 100%;
    max-width: 50px;
}

.footer-copy {
    padding: 20px 80px;
}

.footer-section p {
    color: var(--Primary-231F20, #231F20);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.footer-section.notify {
    width: 100%;
    max-width: 411px;
}

.notify-form input::placeholder {
    color: var(--Primary-231F20, #231F20) !important;
}

.footer-section.links h4 {
    margin-bottom: 32px;
}

.contact-info {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.footer-contact-data a {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-contact-data a img {
    background: var(--Primary-231F20, #231F20);
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
}

.footer-contact-data a p {
    color: var(--Primary-231F20, #231F20);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

.footer-social {
    display: flex;
    align-items: center;
    gap: 13px;
}

.footer-social a img {
    filter: brightness(0) saturate(100%) invert(46%) sepia(89%) saturate(2525%) hue-rotate(165deg) brightness(98%) contrast(101%);
    width: 100%;
    max-width: 24px;
    height: 24px;
    display: block;
}

.footer-social a {
    padding: 12px;
}

.footer-social a:hover {
    background: var(--Primary-00A5E0, #00A5E0);
}

.footer-social a:hover img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(90%) saturate(35%) hue-rotate(268deg) brightness(106%) contrast(100%);
}

.footer-copy p {
    color: var(--Primary-231F20, #231F20);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}

/* .combat-clas-card-img:hover .combat-clas-card-img-data {
    height: 464px;
} */

.combat-clas-card-img:hover h5 {
    bottom: 0px;
}

/* .combat-clas-card-img-data.add-height {
    height: 464px;
} */

.membership-combat h4 {
    color: #FFF;
    text-align: center;
    font-family: Microgramma;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
	min-height: 80px;
}  

.combat-clas-card-img.membership-combat {
    height: 100%;
    padding-bottom: 24px;
}

.outer-border-img img {
    width: 100% !important;
    max-width: 28px !important;
    height: 28px !important;
    margin-bottom: 0 !important;
}
.accesory-card-img:hover .outer-border-img img {
    visibility: visible;
    opacity: 1;
}

img.outer-boder-data-1 {
    position: absolute;
    top: 0;
    left: 0;
}

img.outer-boder-data-2 {
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(90deg);
}

img.outer-boder-data-3 {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(270deg);
}

img.outer-boder-data-4 {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

.banner-button a:hover,
.home-about-button a:hover {
    /* border: 1px solid var(--Primary-00A5E0, #00A5E0); */
    background: #fff;
    color: var(--Primary-00A5E0, #00A5E0);
	border-color: #fff;
}

.notify-form button:hover {
    color: #00A5E0;
}

.combat-clas-card-img:hover .member-bottom-button a {
    background: var(--Primary-00A5E0, #00A5E0);
    color: var(--Primary-231F20, #231F20);
}

ul.nav-links li a:hover {
    color: #00A5E0;
}

.icons a:hover img {
    filter: brightness(0) saturate(100%) invert(50%) sepia(45%) saturate(4708%) hue-rotate(165deg) brightness(99%) contrast(102%);
}

.icons a:hover {
    border: 1px solid #00A5E0;
} 

.links ul li:hover a {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.notify-form p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.wpcf7 {
    font-family: 'Inter' !important;
}

/* Membership Page */

section.site-banner {
    width: 100%;
    height: 360px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.site-banner-content h2 {
    color: var(--grey-scale-e-9-ecef, #E9ECEF);
    font-family: Microgramma;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 125% */
    text-transform: uppercase;
}

.membershop-mma .home-about-text h2 {
    color: #fff;
}

.membershop-mma .home-about-text p {
    color: #fff;
}

.membershop-mma .home-about-button a {
    background: var(--Primary-00A5E0, #00A5E0);
}

.membershop-mma .home-about-content.flex {
    background: rgba(255, 255, 255, 0.04);
}
.membershop-mma .home-about-button a:hover {
    color: var(--Primary-00A5E0, #00A5E0);
    background: #fff;
}

/* Membership Details Page */

.breadcrumb ul {
    list-style: none;
    display: flex;
    gap: 16px;
}

.breadcrumb ul li a {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    font-weight: 400;
     /* 162.5% */
}

.breadcrumb ul li::after {
    content: '>';
    margin-left: 4px;
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
}

.breadcrumb ul li:last-child::after {
    content: '';
}

.filters {
    display: flex;
    gap: 18px;
    margin-bottom: 56px;
    margin-top: 58px;
} 

.membership-details {
    display: flex;
    gap: 24px;
    padding: 24px;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.05);
}

.membership-details img {
    max-width: 100%;
    width: 600px;
}
.member-ship-details .woocommerce div.product div.images {
	margin: unset;
	width: 600px;
}
.member-ship-details p.first-payment-date {
	display: none;
}
.details-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.details-content h2 {
    margin-bottom: 28px;
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    padding-top: 13px;
}

.duration-radio {
    display: flex;
    gap: 10px;
    margin-bottom: 28px;
}

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

.duration-radio label {
    width: 111px;
    height: 40px;
    border: 1px solid var(--Primary-00A5E0, #00A5E0);
/*     border-radius: 4px; */
    cursor: pointer;
    background-color: transparent;
    transition: 0.3s;
    color: var(--Primary-00A5E0, #00A5E0);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.duration-radio input[type="radio"]:checked+label {
    background: var(--Primary-00A5E0, #00A5E0);
    font-weight: 600;
    color: var(--Primary-231F20, #231F20);
}

.price {
    margin-bottom: 28px;
    color: var(--Primary-00A5E0, #00A5E0);
    font-family: Microgramma;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.tax-note {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.learn-section {
}

.learn-section h4 {
    margin-bottom: 21px;
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.learn-section ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 47px;
}

.learn-section ul li {
    position: relative;
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.learn-section ul li::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><circle cx='8' cy='8' r='7.6' fill='%2300A5E0' fill-opacity='0.1' stroke='%2300A5E0' stroke-width='0.8'/><circle cx='8' cy='8' r='1' fill='%2300A5E0'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
  }
  

.buy-btn {
       background-color: #00a5e0;
    border: none;
    padding: 12px 20px;
/*     border-radius: 4px; */
    cursor: pointer;
    color: var(--Primary-231F20, #231F20);
    text-align: center;
    font-family: Microgramma;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    height: 48px;
    width: 275px;
}

.select-container {
    position: relative;
    width: 24%;
    margin-bottom: 20px;
}

.select-container select {
    width: 100%;
    padding: 20px 12px 8px 12px;
    background-color: #001920;
    border: 1px solid #2b4b56;
    border-radius: 4px;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'><path d='M1.29297 4.51172L0.765625 5.05078L5.62305 9.80566L10.4775 5.05078L9.95605 4.51172L5.62305 8.75684L1.29297 4.51172Z' fill='white' stroke='white'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;
    color: var(--Secondary-White, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.select-container label {
    position: absolute;
    background-color: #001920;
    padding: 0 10px;
    transition: 0.2s ease;
    pointer-events: none;
}

.select-container select:focus+label,
.select-container select:not([value=""])+label {
    top: -8px;
    left: 10px;
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; 
}    
 
/* Optional: highlight border on focus */
/* .select-container select:focus {
    border-color: #00b4d8;
    outline: none;
} */
.breadcrumb ul li {
    color: var(--Primary-00A5E0, #00A5E0);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 162.5% */
}
.breadcrumb-sec {
    padding: 24px 0px;
    background: rgba(255, 255, 255, 0.05);
    margin-bottom: 80px;
}
.select-container:nth-child(3) {
    width: 49.3%;
}
section.member-ship-details {
    padding-bottom: 120px;
}
.mambersip-plans-flex {
    display: flex;
    justify-content: space-between;
}

.mambersip-plans-tab {
    width: 49.4%;
    border: 1px solid rgba(255, 255, 255, 0.1);
/*     height: max-content; */
}

.mambersip-plans-tab h3 {
    padding: 15px 0px;
    color: var(--Primary-231F20, #231F20);
    text-align: center;
    font-family: Microgramma;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase;
    background: var(--Primary-00A5E0, #00A5E0);
}

.mambersip-plans-1 a {
    display: flex;
    gap: 16px;
}

.mambersip-plans-content h4 {
    color: #FFF;
    font-family: Microgramma;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.plan-price {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 114.286% */
    display: block;
    padding-bottom: 20px;
}

span.membr-btn {
    color: var(--Primary-00A5E0, #00A5E0);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    display: flex;
    align-items: center;
    gap: 6px;
	border-bottom: 2px solid transparent;
    padding-bottom: 2px;
    max-width: max-content;
} 
 
.mambersip-plans-img img {
    width: 96px;
    max-width: 100%;
    display: block;
	height: 96px;
	object-fit: cover;
}

.mambersip-plans-1 {
    padding: 40px 30px;
}

.mambersip-plans-1:nth-child(odd) {
    background: rgba(255, 255, 255, 0.04);
}

.mambersip-plans-tab:nth-child(even) h3 {color: var(--Primary-00A5E0, #00A5E0);background: rgb(0, 165, 224, 0.1);}

section.mambersip-plans-sec1 {
    padding-top: 120px;
    padding-bottom: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
ul.plan-bullet {
    display: flex;
    gap: 35px;
    margin-bottom: 20px;
}

ul.plan-bullet li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
} 
.for-kids-plan h5 {
    color: #FFF;
    text-align: start;
    font-family: Microgramma;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 36px 32px 0px 32px;
}

.Membership-3 .mambersip-plans-tab:nth-child(2) .mambersip-plans-1:nth-child(odd) {background: transparent;padding-bottom: 32px;padding-top: 0px;}
.for-kids-plan:nth-child(3) {background-color: rgba(255, 255, 255, 0.04);}
section.mambersip-plans-sec1.Membership-2 {
    padding-top: 80px;
}
section.mambersip-plans-sec1.Membership-3 {
    padding-top: 80px;
    padding-bottom: 0px;
    border: none;
} 
.Membership-3 .mambersip-plans-tab:nth-child(1) .for-kids-plan:nth-child(even) {
    background-color: #0c2128;
}
.Membership-3 .mambersip-plans-tab:nth-child(1) .mambersip-plans-1:nth-child(odd) {
    background: transparent;
}
.Membership-3 .mambersip-plans-tab:nth-child(1) .for-kids-plan:nth-child(odd) {
    background-color: transparent;
}
.footer-contact-data a:hover p {
    color: #fff;
}
.schedule-calender-data img {
    display: block;
}
.schedule-calender-data iframe {
    margin: 0 auto;
    display: block;
}

section.schedule-calender {
	padding-top: 100px;
    padding-bottom: 100px;
}
.schedule-calender-data {
    overflow-x: auto;
}
.tab-content {
    display: none;
}
.tab-content.active-tab {
    display: block;
}

.custom-item {
    display: none;
}
.custom-item.active {
    display: block;
}  

.schedule-calender-data img {
    width: 100%;
}
.combat-clas .banner-button,
.home-banner-content .banner-button2,
.home-banner-content .banner-button {
    width: 302px;
}
.banner-button2 a {
    background: #fff;
/*     width: 100%;
    max-width: 302px;
    height: 48px;
    color: var(--Primary-231F20, #231F20);
    text-align: center;
    font-family: Microgramma;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center; */
}
.banner-button2 a:hover {
    /* border: 1px solid var(--Primary-00A5E0, #00A5E0); */
/*     background: #00A5E0;
    color: #fff;
    border-color: #00A5E0; */
}
.banner-button2 a:hover{
	background: #00A5E0;
	 color: #fff;
	transition:all ease .5s;
	
}
.home-banner-content h1 {
    max-width: 580px;
}
.home-banner-content {
    width: 100%;
    max-width: 1000px;
}
.btnflx {
    display: flex;
    gap: 16px;
	width:100%;
	flex-wrap:wrap;
}
.combat-clas .btnflx {
    justify-content: center;
    margin-top: 40px;
}

.icons a.user-avatar {
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    gap: 6px;
	font-family: 'Inter';
    height: 100%;
	min-width: 160px;
}  
.icons a.user-avatar > span {
    white-space:nowrap;
}
ul.dropdown-content li a {
    padding: 0;
    border: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-family: 'Inter';
}

ul.dropdown-content {
    width: 100%;
    max-width: 100%;
    border: 1px solid #000;
    position: relative;
    z-index: 99;
    background: #000;
    box-shadow: 1px 1px 3px 1px #7b7b7b7a;
}

ul.dropdown-content li {
    border-bottom: 1px solid #ffffff4a;
    padding: 10px;
}

.icons ul.dropdown-content li a:hover {
    border: none;
    color: var(--Primary-00A5E0, #00A5E0);
}

/* about-page */
section.about-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 360px;
    display: flex;
    align-items: center;
    position: relative;
}

.about-banner-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

section.banner-icon-combat {
    padding: 100px 0px;
}

.banner-imgs {
    width: 49%;
}

.banner-imgs img {
    width: 100%;
    height: 680px;
    object-fit: cover;
}

.banner-text {
    width: 48%;
}

.banner-text h2 {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Microgramma;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 140% */
    text-transform: uppercase;
    margin-bottom: 24px;
}

.banner-text p {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* margin-bottom: 48px; */
    max-width: 562px;
}

.banner-text h3 {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 48px;
    margin-bottom: 16px;
}

.banner-text ul li {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    /* text-align: center; */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.banner-text p:nth-of-type(1) {
    margin-bottom: 20px;
}


.mission-text h3 {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Microgramma;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 140% */
    text-transform: uppercase;
    margin-bottom: 32px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

section.our-misssion {
    padding-top: 112px;
    padding-bottom: 100px;
    background: rgba(255, 255, 255, 0.04);
}

.mission-text p {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    max-width: 1016px;
    margin: auto;
}

.our-mission-img img {
    width: 100%;
    margin-top: 64px;
    height: 680px;
}

.mission-text h3>img {
    height: 80px;
}
    .baneer-ro {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.baneer-ro img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    scale: .66;
    animation: rotateImage 10s reverse;
}

/*login page */
.page-id-173.not-logged-in .top-bar {
    display: none;
}
.page-id-173.not-logged-in .u-column2.col-2 {
	display: none;
}


/* Log in Page Css  */

.u-column1.col-1, .u-columns, .u-column2.col-2 {
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    margin-left: 48px;
}

.form-content h4 {
    color: var(--grey-scale-e-9-ecef, #E9ECEF);
    font-family: Microgramma;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 125% */
    text-transform: uppercase;
    margin-bottom: 28px;
}

.form-content p {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    leading-trim: both;
    text-edge: cap;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}

.form-content form {
    border: none !important;
    margin: 40px 0 !important;
    padding: 0 !important;
}

.form-content {
    width: 100%;
    max-width: 38.6%;
	    margin-top: 40px;

}
a.custom-logo-link {
    display: block;
    margin-bottom: 133px !important;
}

.form-content div, .form-content form {
    margin-left: 32px !important;
}
div#customer_login .u-column1.col-1{
    margin-left: 0;
}

.form-content form input {
    border: none !important;
    background: rgba(255, 255, 255, 0.04) !important;
    width: 100% !important;
    max-width: 100%;
    height: 54px !important;
    padding: 20px !important;
    color: var(--grey-scale-adb-5-bd, #ADB5BD) !important;
    font-family: Inter !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 16px !important;
    opacity: 1 !important;
	margin-bottom:16px !important;
}
.form-content form p {
    padding: 0 !important;
    margin: 0 !important;
}

.form-content form input:focus {
    border: 1px solid var(--Primary-00A5E0, #00A5E0) !important;
}

.form-content .woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7499%) hue-rotate(42deg) brightness(106%) contrast(83%);
    top: 0px;
}

.form-content .woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: 25px;
}

p.woocommerce-LostPassword.lost_password a {
    color: var(--Primary-00A5E0, #00A5E0);
    text-align: right;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 180%; /* 28.8px */
}

p.woocommerce-LostPassword.lost_password {
    text-align: right;
    margin-bottom: 40px !important;
}

button.woocommerce .woocommerce-form-login .woocommerce-form-login__submit, button.woocommerce-Button {
    background: var(--Primary-00A5E0, #00A5E0) !important;
}

button.woocommerce-button.button.woocommerce-form-login__submit, button.woocommerce-Button {
    background: var(--Primary-00A5E0, #00A5E0) !important;
    width: 100%;
    max-width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 48px;
    gap: 8px;
}

button.woocommerce-button.button.woocommerce-form-login__submit p, button.woocommerce-Button p {color: var(--Primary-231F20, #231F20);text-align: center;font-family: Microgramma;font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;}

button.woocommerce-button.button.woocommerce-form-login__submit img, button.woocommerce-Button img {
    width: 100%;
    max-width: 22px;
    height: 22px;
}

.register-wrapper p {
    color: var(--grey-scale-f-8-f-9-fa, #F8F9FA);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 28.8px */
    opacity: 0.8;
}

.register-wrapper p a {
    opacity: 0.8;
    color: var(--Primary-00A5E0, #00A5E0);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
}
.form-image-wrapper {
    width: 100%;
    max-width: 50%;
    max-height: 900px;
}

.form-image-wrapper img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
}
p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first, p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first input {
    width: 100%;
    max-width: 100% !important;
    margin: 20px 0 !important;
}
input#password_2 {
    margin-top: 16px;
}

.u-column2.col-2 form div {
    margin-left: 0 !important;
}

.u-column2.col-2 p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last {
    /* width: 100% !important; */
}

.u-column2.col-2 p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    width: 100% !important;
    max-width: 50%;
    margin: 0 !important;
}

.u-column2.col-2 p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first input {
    margin: 0 !important;
}
.u-column2.col-2 p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first label, p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last label {
    display: none;
}
.u-column2.col-2 .register-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
a#login-now {
    opacity: 0.8;
    color: var(--Primary-00A5E0, #00A5E0);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
}
.u-column2.col-2 {
    margin-left: 0 !important;
}


/* Cart Page  */
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td a, table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td, table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th {
    color: #fff !important;
    font-family: 'Inter';
}

td.product-thumbnail a img {
    width: 100%!important;
    height: 100% !important;
}

td.product-thumbnail a {
    width: 54px !important;
    height: 54px;
    display: block;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    background: transparent;
    border: 1px solid rgb(86 86 86 / 38%);
    padding: 20px;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th {border: none;}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td {
    border-top: 1px solid rgb(86 86 86 / 38%);
    padding: 20px 20px;
}
.coupon input {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 20px !important;
    height: 48px;
    border: 1px solid #cfc8d814 !important;
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
	background: rgba(255, 255, 255, 0.04);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
}


td.actions button.button {
    width: 100%;
    max-width: 254px;
    height: 48px;
    background-color: #00a5e0 !important;
    color: var(--Primary-231F20, #231F20) !important;
    text-align: center;
    font-family: Microgramma;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.page-id-171 .coupon button {
    background: var(--Primary-00A5E0, #00A5E0) !important;
    width: 100%;
    max-width: 100% !important;
    height: 48px;
    color: var(--Primary-231F20, #231F20) !important;
    text-align: center;
    font-family: Microgramma;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase;
}

.page-id-171 h1.entry-title {
    color: var(--grey-scale-e-9-ecef, #E9ECEF);
    font-family: Microgramma;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 125% */
    text-transform: uppercase;
}

.page-id-171 a.post-edit-link {
    color: #00a5e0;
    font-family: 'Inter';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 125% */
    text-transform: uppercase;
}

.page-id-171 .cart_totals h2 {
    color: var(--grey-scale-e-9-ecef, #E9ECEF);
    font-family: Microgramma;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 125% */
    text-transform: uppercase;
    margin-bottom: 40px;
}

.cart_totals tr, .cart_totals tr a {
    font-family: 'Inter';
    font-size: 16px !important;
    color: #fff !important;
}

.cart_totals a.checkout-button.button.alt.wc-forward {
    background-color: #00a5e0;
    color: var(--Primary-231F20, #231F20);
    text-align: center;
    font-family: Microgramma;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}


p.return-to-shop a {
    background-color: #00adee !important;
    color: #000 !important;
    font-family: 'Inter';
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 40px !important;
}



/* Check Out Page  */

h1.entry-title {
    font-size: 48px ;
    font-family: 'Inter';
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

a.post-edit-link {
    color: #00a5e0;
    font-family: 'Inter';
    font-size: 18px;
}

form.checkout.woocommerce-checkout h3 {
    color: #fff;
    font-family: 'Inter';
    font-size: 28px;
    margin: 20px 0;
}

form.checkout.woocommerce-checkout label {
    font-family: 'Inter';
    font-size: 16px;
    margin-bottom: 8px;
}

form.checkout.woocommerce-checkout input, form.checkout.woocommerce-checkout textarea {
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--grey-scale-adb-5-bd, #ADB5BD) !important;
    font-family: Inter !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 16px !important; /* 114.286% */
    min-height: 48px !important;
    padding: 16px !important;
	border:none !important;
}
input#ship-to-different-address-checkbox {
    min-height: unset !important;
	    min-height: unset !important;
    width: 16px !important;
    height: 16px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
form.checkout.woocommerce-checkout input:focus, form.checkout.woocommerce-checkout textarea:focus {border: 1px solid #00a5e0 !important;}

form.checkout.woocommerce-checkout span.select2-selection__arrow b {
    color: #fff !important;
    background-color: #fff !important;
}
.payment_box.payment_method_stripe {
    background: #00adee !important;
}

form.checkout_coupon.woocommerce-form-coupon input#coupon_code {
    border: none;
    background: rgb(22 42 49);
    height: 48px;
    padding: 16px;
    font-family: 'Inter';
	color: #fff;
}
.payment_box.payment_method_stripe p, .payment_box.payment_method_stripe a, .payment_box.payment_method_stripe label {
    color: #000 !important;
}
div#payment img.stripe-cards-icon.stripe-icon {
    width: 48px !important;
    height: 48px !important;
}

form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last button {
    background: #00a5e0 !important;
    color: #000;
    height: 48px;
    width: 248px !important;
}
span.select2-selection.select2-selection--single {
    background: rgba(255, 255, 255, 0.04);
    height: 48px;
    padding: 16px;
    display: flex;
    align-items: center;
    color: #d0d5d9 !important;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
   border:none !important;
}
span#select2-billing_state-container, span#select2-billing_country-container, span#select2-shipping_state-container,span#select2-shipping_country-container {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
	border:none !important;
}
table.shop_table.woocommerce-checkout-review-order-table th {
    font-size: 16px !important;
    font-family: 'Inter';
    font-weight: 600;
}

table.shop_table.woocommerce-checkout-review-order-table td {
    font-size: 15px;
    font-family: 'Inter';
    font-weight: 600;
}

.form-row.place-order {
    background-color: #00adee;
    color: #000;
    font-size: 16px !important;
    font-family: 'Inter';
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
    padding: 0 16px !important;
    margin-bottom: 60px !important;
}

.form-row.place-order button {
    background: #231f20 !important;
    color: #fff;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    max-width: 240px;
    height: 48px;
    margin-left: auto;
}

/* Order Received  */

.woocommerce-order p, section.woocommerce-order-details ul li {
    font-family: 'Inter';
    font-size: 18px;
    margin-bottom: 20px !important;
}

.woocommerce-order ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.woocommerce-order ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    font-family: 'Inter';
}

section.woocommerce-order-details a {
    font-family: 'Inter';
    color: #fff !important;
}

section.woocommerce-order-details h2, section.woocommerce-customer-details h2 {
    font-family: 'Inter';
    color: #fff;
    font-size: 28px;
    margin-bottom: 30px;
}

section.woocommerce-order-details th, section.woocommerce-order-details td {
    font-family: 'Inter';
}


section.woocommerce-customer-details address {
    font-family: 'Inter';
    font-size: 14px;
}

section.woocommerce-customer-details p {
    margin-top: 20px;
}
p.order-again a {
    background-color: #00adee !important;
    color: #000 !important;
    font-family: 'Inter';
    font-size: 16px !important;
    width: 100%;
    max-width: 240px;
    height: 48px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}



/* DashBoard  */

.page-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

aside.sidebar {
    width: 100%;
    max-width: 256px;
    background: rgb(255 255 255 / 4%);
    height: 100vh;
    position: relative;
    padding-bottom: 20px;
}

.icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid rgb(255 255 255 / 12%);
}

.icon-wrapper a {
    margin-bottom: 0 !important;
}

.user-info-container {
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    padding: 24px 0;
    gap: 12px;
    justify-content: center;
    align-items: center;
}

.avatar-container {
    width: 100%;
    max-width: 48px;
    height: 48px;
    border-radius: 50%;
}

.avatar-container img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-detail-container h1 {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;
}

.user-detail-container p {
    color: var(--grey-scale-ced-4-da, #CED4DA);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
}

.custom-my-account-menu {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 0;
    /* height: 100dvh; */
}

.secondary-links {
    position: absolute;
    bottom: 20px;
}

.primary-links {
    margin-top: 32px;
}

.primary-links p {
    color: var(--grey-scale-ced-4-da, #CED4DA);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
    padding-left: 20px;
}

ul.custom-account-nav li {
    display: flex;
    gap: 10px;
     /* 100% */
    width: 100%;
    max-width: 248px;
    height: 52px;
    padding-left: 20px;
    align-items: center;
    position: relative;
}

ul.custom-account-nav li a {
    color: var(--grey-scale-ced-4-da, #CED4DA);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 100% */
}

ul.custom-account-nav li.is-active::after {
    content: "";
    border-radius: 0px 100px 100px 0px;
    position: absolute;
    border-left: 3px solid var(--Primary-00A5E0, #00A5E0);
    height: 32px;
    left: 0;
}

ul.custom-account-nav li.is-active a {
    color: var(--Primary-00A5E0, #00A5E0);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 100% */
}

ul.custom-account-nav li.is-active a::before {
    content: "";
    filter: brightness(0) saturate(100%) invert(49%) sepia(90%) saturate(2573%) hue-rotate(164deg) brightness(96%) contrast(101%) !important;
}

.secondary-links p {
    color: var(--grey-scale-ced-4-da, #CED4DA);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 20px;
}

.secondary-links li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #D6452B;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 100% */
}

.right-content-myaccount-wrapper {
    width: 100%;
    max-width: 80%;
}

.page-header {
    background: #0d2129;
    padding: 26px 32px;
    margin-bottom: 32px;
}

.page-header h2 {
    color: var(--Dark-Theme-Colors-FFFFFF, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.woocommerce-edit-account .entry-content, body.logged-in.admin-bar .entry-content  {
    background: #0d2129;
    padding: 26px 32px;
    height: 100%;
}

.entry-content p, .entry-content a {
    font-family: 'Inter';
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.entry-content h3 {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 20px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgb(255 255 255 / 12%);
}

.entry-content ul li img {
    width: 100% !important;
    max-width: 96px;
    height: 96px !important;
    border-radius: 0 !important;
}

.entry-content ul li {margin-bottom: 24px;}

hr {
    display: none;
}

.woocommerce-account .entry-content input {
    background: rgba(255, 255, 255, 0.04) !important;
    width: 100% !important;
    max-width: 100% !important;
    color: var(--grey-scale-adb-5-bd, #ADB5BD) !important;
    font-family: Inter !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 16px !important; /* 114.286% */
    height: 48px !important;
    border: none !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
	padding-right: 45px !important;
}
 
.woocommerce-account .entry-content label {
    margin-bottom: 10px;
    color: var(--grey-scale-ced-4-da, #CED4DA);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 100% */
}

p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last {
    width: 100%;
    max-width: 100%;
}
.entry-content button.woocommerce-Button.button {
    color: #000;
}

ul.custom-account-nav li a:hover {
    color: #00a5e0;
}

span.membr-btn:hover {
    border-color: var(--Primary-00A5E0, #00A5E0);
}
  
/* Css From Saad Qazi  */


.mmbrship-img-wrapper {
    position: relative;
}

.mmbr-tag-container {
    position: absolute;
    top: 10px;
    right: 12px;
    background: var(--Primary-00A5E0, #00A5E0);
    display: flex;
/*     width: 109px; */
    height: 36px;
    padding: 9px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.membership-content-bottom .combat-clas-card-img .mmbr-tag-container p {
    color: #231F20;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
	margin:unset;
}

.membership-details-sec .buy-btn:hover {
    color: var(--Primary-00A5E0, #00A5E0);
    background: #fff;
}
.instructor h4 {
    text-transform: uppercase;
}

section#instructors-detail .accesory-card-img p {
    color: var(--grey-scale-6-c-757-d, #6C757D);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}


/* QA Fixes Points  */

.page-template-about-page section.our-misssion::after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.04);
    top: 0;
    height: 480px;
    left: 0;
    width: 100%;
    max-width: 100%;
	z-index: -1;
}

.page-template-about-page section.our-misssion {
    position: relative;
	background:transparent !important;
}
/* .contact-number a:hover {
    transform: scale(1.02);
} */
.contact-number a:hover p {
    color: #00A5E0;
}


.contact-page-form-field p span {
    margin-top: 12px !important;
}


input.contact-page-submit {
    margin-top: 12px !important;
}


.woocommerce div.product form.cart .variations .form-group td.value::after {
    content: "";
    position: absolute;
    background-image: url(https://wp.jaidenshannon.com/icon-combat/wp-content/uploads/2025/04/direction-down.svg);
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
	z-index: -1;
	cursor:pointer;
}

.woocommerce div.product form.cart .variations .form-group td.value {
    position: relative;
}

.top-bar-main {
    background-color: #00a5e0;
    width: 100%;
    max-width: 100%;
}
.thumb-slider .slick-arrow svg {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(138deg) brightness(102%) contrast(100%);}

.thumb-slider .slick-arrow svg:hover {
    filter: brightness(0) saturate(100%) invert(49%) sepia(75%) saturate(2227%) hue-rotate(163deg) brightness(94%) contrast(101%);
}
.accesory-card-img p {
    color: #6C757D;
}
body.bg-qr {
    position: relative;
    overflow: hidden;
}

body.bg-qr::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    background: #031820ba;
    height: 100%;
}
.custom-dots-wrapper {
    width: 42%;
    margin: auto;
    position: relative;
    top: 50px;
    display: flex;
}    

.custom-dot {
    width: 20%;
    height: 1px;
    background: #ffffff3b !important;
    border: none;
    outline: none;
    cursor: pointer;
    transition: background 0.3s ease, height 0.3s ease;
    padding: 0;
} 

.custom-dot.active {
    background-color: #00A5E0 !important;
    height: 3px;
    position: relative;
    top: -1px;
}    
.accessory-cart-button a img {
    width: 22px !important;
    height: 22px;
}

.wpcf7-not-valid-tip + .wpcf7-not-valid-tip {
    display: none;
}  
span.wpcf7-not-valid-tip {
    position: absolute;
    margin-top: 12px;
}
.woocommerce-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
}

.woocommerce-message::after {
    display: none;
}

.woocommerce-message::before {
    top: 50%;
	transform: translatey(-50%);
}
a.woocommerce-button.button.view {
    background-color: #00adee;
	color: #FFF;
	border: 1px solid #00adee;
}

a.woocommerce-button.button.view:hover {
	background-color: transparent;
	color: #00adee;
}
.woo-custom-btns-wrapper a.woocommerce-button,
table.shop_table.subscription_details td a.woocommerce-button {
    color: #FFF;
    background-color: #00a5e0;
	border: 1px solid #00a5e0;
}
.woo-custom-btns-wrapper a.woocommerce-button:hover,
table.shop_table.subscription_details td a.woocommerce-button:hover {
	background-color: transparent;
	color: #00a5e0;
}
.page-id-173 .woocommerce {
	font-family: 'Inter';
}
.page-template-about-page-php section.our-misssion {
    padding-bottom: 0px !important;
}
.single-classes ul.breadcrumb-list {
    width: 100%;
    max-width: max-content;
    gap: 50px;
}
.woocommerce-view-subscription .woocommerce-column--shipping-address,
.woocommerce-view-subscription table.order_details tfoot tr:nth-child(2),
.woocommerce-view-subscription a.button.change_address,
.woocommerce-view-subscription a.button.view {
    display: none;
}








.mmbrship-img-wrapper img {
    min-height: 280px;
}

.mambersip-plans-content h4 {
    line-height: 28px;
}

.fancybox-link {
    pointer-events: none;
    touch-action: none;
}
.play-video-icon {
    display: none;
}
.fancybox-vediolinks{
    pointer-events: none;
    touch-action: none;
}
.video-play-btn {
    display: none;
}
.plus-sign {
    font-family: 'Inter';
}

.mambersip-plans-img img {
    min-width: 96px !important;
    height: 96px !important;
    object-fit: cover;
}


@media only screen and (max-width: 600px) {
	.mambersip-plans-img img {
		min-width: 60px !important;
	}
}