/*========================================================
	Main Style for Martial Arts 2024
=========================================================*/
/* colors declaration */
:root {
  --main-bg: #131315;
  --btn-white: #fff;
  --btn-black: #000;
  --orange: #ff5e16;
  --btn-orange: #ff5e16;
  --black-bg: #1d1d1d;
  --main-text: #241506;
  --gray: #efefef;
}

/* reset */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
address,
em,
img,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

input[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* end reset */

/***********************************************************************************************/

/* common layout sections  - ALL common layouts for frame exist in this section */
body {
  background: var(--main-bg);
  font-size: 21px;
  font-family: 'Kumbh Sans', sans-serif;
  font-weight: 400;
  color: var(--btn-white);
}

p {
  line-height: 1.5;
  font-family: 'Kumbh Sans', arial, sans-serif;
  color: var(--btn-white);
}


/***********************************************************************************************/

/* common styling */
h1,
h2,
h3,
h4 {
  text-transform: uppercase;
}

h1 {
  font-size: 64px;
}

h2, h3, h4 {
  font-size: 60px;
}

/* end common styling */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  h1{
    font-size: 58px;
  }
  h2, h3, h4 {
    font-size: 58px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  body{
    font-size: 18px;
  }
  h1{
    font-size: 44px;
  }
  h2, h3, h4 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  body{
    font-size: 18px;
  }
  h1{
    font-size: 44px;
  }
  h2, h3, h4 {
  	font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body{
    font-size: 18px;
  }
  h1{
    font-size: 36px;
  }
  h2, h3, h4 {
  	font-size: 44px;
  }
}
@media only screen and (max-width: 767px) {
  body{
    font-size: 18px;
  }
  h1{
    font-size: 32px;
  }
  h2, h3, h4 {
  	font-size: 32px;
  }
}
@media only screen and (max-width: 479px) {}

/*========================================================
									TOP & NAVIGATION
=========================================================*/
/* not display on large screen */
.smobitrigger,
.mnuclose,
.menu ul li.mlogo,
.phoneMob,
.logoMob,
.telMob,
.menu ul li.mphone,
.menu ul li.madr,
.menu ul li.mhours,
.menu ul li.msocial,
.menu ul li.mmlink,
.menu ul li.maddress,
.fooList ul li.mlogo,
.fooList ul li.mphone,
.fooList ul li.madr,
.fooList ul li.mhours,
.fooList ul li.msocial,
.fooList ul li.mmlink,
.scrollinglogosMob,
.bannerTopMobWrap,
.bannerTypesMob,
.mh1Mob,
.bannerAboutMob {
  display: none;
}

/* end not display */

.pageFull {
  width: 100%;
}

.centerSize,
.newSize {
  width: 75%;
  margin: 0 auto;
}
.pageSize {
  width: 88%;
  margin: 0 auto;
}
.pageTrain {
    width: 1700px;
    margin: 0 auto;
}
.instrSize {
    width: 1500px;
}
.pageBelt {
    width: 1900px;
    margin: 0 auto;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .newSize {
  	width: 82%;
  }
    .instrSize {
        width: 1500px;
    }
    .pageBelt {
        width: 1700px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .centerSize,
  .newSize {
    width: 85%;
  }
  .pageSize {
    width: 90%;
  }
    .pageTrain {
        width: 1220px;
    }
    .pageBelt {
        width: 1200px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .centerSize,
  .pageSize,
  .newSize {
  	width: 90%;
  }
    .pageTrain {
        width: 920px;
    }
    .pageBelt {
        width: 920px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .centerSize,
  .pageSize,
  .newSize,
    .pageTrain,
    .pageBelt {
  	width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .centerSize,
  .pageSize,
  .newSize,
    .pageTrain,
    .pageBelt {
  	width: 90%;
  }
}

/*========================================================
									TOP
=========================================================*/
/* above top section */
.topPhone a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  font-weight: 500;
  color: var(--btn-white);
}

.topPhone a img {
  width: 75px;
  margin-right: 10px;
}

/* top section  */
.top {
  width: 100%;
  display: block;
  position: static;
}

.boxesWrap {
  width: 88%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.one {
  width: 22%;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 130px;
    position: relative;
}

.two {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;

}

.one img {
  width: 250px;
  display: block;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 999;
}

.three {
  width: 18%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  height: 130px;
}

/*** menu section ***/
.menu ul li.mlink,
.menu ul li.m1link,
.menu ul li.m2link,
.menu ul li.m3link,
.menu ul li.mmlinks {
  display: none;
}

.menu ul li.dlink {
  font-size: 30px;
  display: inline-block;
  text-transform: capitalize;
  line-height: 110px;
  padding: 0 20px;
  font-weight: 400;
}

.menu ul li.dlink a {
  color: var(--btn-white);
}

/*** end menu section ***/
/* end top section  */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .boxesWrap {
    width: 90%;
  }

  .one {
    width: 23%;
  }

  .two {
    width: 61%;
  }

  .three {
    width: 16%;
  }
  .menu ul li.dlink {
  	font-size: 26px;
  }
  .topPhone a {
  	font-size: 40px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .rightRound p {
    font-size: 19px;
  }

  .rightRound p span {
    font-size: 26px;
    line-height: 1;
    padding-top: 3px;
  }

  .boxesWrap {
    width: 94%;
  }

  .one {
    width: 26%;
    height: 80px;
  }

  .two {
    width: 55%;
    height: 80px;
  }

  .three {
    width: 19%;
    height: 80px;
  }
  .menu ul li.dlink {
    font-size: 21px;
  }

  .topPhone a {
    font-size: 29px;
  }
    .one img {
        width: 150px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .boxesWrap {
    width: 95%;
  }

  .one,
  .two,
  .three {
    height: 90px;
  }

  .one {
    width: 23%;
  }

  .one img {
    width: 160px;
  }

  .two {
    width: 57%;
  }

  .three {
    width: 20%;
  }

  .menu ul li.dlink {
    font-size: 16px;
    line-height: 90px;
    padding: 0 15px;
  }

  .topPhone a {
    font-size: 24px;
  }

  .topPhone a img {
    width: 31px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 2559px) {
  .menu ul {
    background: none !important;
  }
}


/*========================================================
									Buttons
=========================================================*/
.martBtn {
	display: inline-block;
	padding: 20px 80px;
	font-size: 30px;
  font-weight: 500;
	border-radius: 80px;
	background: var(--orange);
	color: var(--btn-white);
  text-transform: uppercase;
}
.trainBtn {
	display: inline-block;
	padding: 20px 50px;
	font-size: 22px;
  font-weight: 500;
	border-radius: 80px;
	background: var(--orange);
	color: var(--btn-white);
  text-transform: uppercase;
}
.indexFaqBtnWrap .trainBtn{
  background: var(--black-bg);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .martBtn {
  	font-size: 26px;
  }
  .trainBtn {
  	font-size: 21px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .martBtn {
  	font-size: 21px;
  }
  .trainBtn {
  	font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .martBtn {
  	padding: 18px 70px;
  	font-size: 21px;
  }
  .trainBtn {
  	padding: 18px 40px;
  	font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .martBtn {
  	padding: 18px 70px;
  	font-size: 21px;
  }
  .trainBtn {
  	padding: 18px 40px;
  	font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .martBtn {
  	padding: 18px 70px;
  	font-size: 21px;
  }
  .trainBtn {
  	padding: 18px 40px;
  	font-size: 19px;
  }
}

/*========================================================
		INDEX BANNER
=========================================================*/
.martBan {
  background: url('https://0b455c.claudeassets.com/20250322222427im_/https://familykarateacademymi.com/images/index/martial-arts-banner.webp');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 220px 0;
}
.martWel{
  font-size: 30px;
  letter-spacing: 9px;
  text-transform: uppercase;
  margin: 0 0 30px;
}
.martBan h1 {
  color: var(--orange);
  font-family: 'Kumbh Sans', arial, sans-serif;
  text-transform: uppercase;
  font-size: 110px;
  font-weight: 800;
  line-height: 1;
}
.martBan h1 span{
  color: var(--btn-white);
  display: block;
  font-size: 70px;
  font-weight: 600;
  margin: 10px 0 0;
}
.martText{
  font-size: 25px;
  margin: 40px 0 0;
  max-width: 650px;
}
.martBanBtnsPlace{
  margin-top: 60px;
}
.martBanMob{
  display: none;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .martBan {
  	padding: 160px 0;
  }
  .martBan h1 {
  	font-size: 98px;
  }
  .martBan h1 span {
  	font-size: 68px;
  }
  .martText {
  	font-size: 24px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .martBan {
  	padding: 80px 0;
  }
  .martWel {
  	font-size: 24px;
  	margin: 20px 0 10px;
  }
  .martBan h1 {
  	font-size: 80px;
  }
  .martBan h1 span {
  	font-size: 50px;
  }
  .martText {
  	font-size: 21px;
    max-width: 550px;
  }
  .martBanBtnsPlace {
  	margin-top: 45px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .martBan {
  	padding: 80px 0;
  }
  .martWel {
  	font-size: 22px;
  	margin: 20px 0 10px;
  }
  .martBan h1 {
  	font-size: 64px;
  }
  .martBan h1 span {
  	font-size: 44px;
  }
  .martText {
  	font-size: 21px;
    max-width: 550px;
  }
  .martBanBtnsPlace {
  	margin-top: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .martBan {
  	padding: 80px 0;
    background-position: center;
  }
  .martWel {
  	font-size: 22px;
  	margin: 20px 0 10px;
  }
  .martBan h1 {
  	font-size: 64px;
  }
  .martBan h1 span {
  	font-size: 44px;
  }
  .martText {
  	font-size: 21px;
    max-width: 550px;
  }
  .martBanBtnsPlace {
  	margin-top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .martBan {
  	padding: 0 0 80px;
    background: none;
  }
  .martBanMob{
    display: block;
    width: 100%;
  }
  .martWel {
  	font-size: 18px;
  	margin: 30px 0;
  }
  .martBan h1 {
  	font-size: 42px;
  }
  .martBan h1 span {
  	font-size: 31px;
  }
  .martText {
  	font-size: 21px;
    max-width: 550px;
  }
  .martBanBtnsPlace {
  	margin-top: 45px;
  }
}

/*========================================================
		trainSec Index under banner
=========================================================*/
.trainSec{
  background: #1d1d1d;
  padding: 110px 0 120px;
}
.trainSec h2{
  text-align: center;
}
.trainSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 90px 0 0;
}
.trainSecMobile{
  display: none!important;
}
.trainBox{
  width: 23%;
  text-align: center;
}
.trainBox img{
  width: 95%;
}
.trainBox p span{
  font-size: 30px;
  font-weight: 800;
  display: block;
  text-transform: uppercase;
  margin: 0 0 30px;
}
.trainBox p{
  font-size: 22px;
  min-height: 240px;
  margin: 50px 0 45px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .trainBox p span {
  	font-size: 28px;
  }
  .trainBox p {
  	font-size: 21px;
  	min-height: 289px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .trainBox p span {
  	font-size: 24px;
  }
  .trainBox p {
  	font-size: 18px;
  	min-height: 255px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .trainBox p span {
  	font-size: 22px;
  }
  .trainBox p {
  	font-size: 18px;
  	min-height: 366px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .trainSecWrap{
    width: 80%;
    margin: 80px auto 0;
  }
  .trainSecDesktop{
    display: none;
  }
  .trainSecMobile{
    display: block!important;
  }
  .trainBox{
    width: 100%;
    margin: 0 0 60px;
  }
  .trainBox:nth-child(4){
    margin: 0 0 0;
  }
  .trainBox p {
  	font-size: 21px;
  	min-height: auto;
  	margin: 50px 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .trainSec {
  	padding: 80px 0;
  }
  .trainSecWrap{
    width: 100%;
    margin: 50px auto 0;
  }
  .trainSecDesktop{
    display: none;
  }
  .trainSecMobile{
    display: block!important;
  }
  .trainBox{
    width: 100%;
    margin: 0 0 20px;
  }
  .trainBox:nth-child(4){
    margin: 0 0 0;
  }
  .trainBox p {
  	font-size: 21px;
  	min-height: auto;
  	margin: 30px 0 35px;
  }
  .trainBox p span {
  	font-size: 28px;
    margin: 0 0 20px;
  }
  .show-less-div{
    padding-bottom: 20px;
  }
  .trainBtnPlace{
    padding: 30px 0 0;
  }
}

/*========================================================
		master Section
=========================================================*/
.master{
  background: url('https://6ac267.claudeassets.com/20250322222427im_/https://familykarateacademymi.com/images/index/master-bg.webp') no-repeat;
  background-position: center;
  background-size: cover;
  padding: 150px 0 130px;
  text-align: center;
}
.masterWrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.masterYBoxes,
.masterImg{
  width: 30%;
}
.masterImg{
  width: 40%;
  text-align: center;
}
.masterText{
  width: 23%;
}
.masterYBoxes{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.masterYBox{
  width: 35%;
}
.masterYBox:nth-child(1),
.masterYBox:nth-child(2){
  margin-bottom: 60px;
}
.masterYBox img{
  width: 72px;
  margin: 0 0 10px;
}
.masterYBox p span{
  display: block;
  font-size: 30px;
  font-weight: 800;
  text-transform: uppercase;
}
.masterYBox p{
  font-size: 24px;
  line-height: 1.2;
}

.masterImg img{
  max-width: 640px;
}
.masterText p{
  font-size: 22px;
}
.masterText p span{
  color: var(--orange);
  display: block;
  font-size: 30px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .master {
  	padding: 135px 0 110px;
  }
  .masterYBox p span {
  	font-size: 23px;
  }
  .masterYBox p {
  	font-size: 22px;
  }
  .masterImg img {
  	max-width: 500px;
  }
  .masterText p {
  	font-size: 21px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .master {
  	padding: 115px 0 110px;
  }
  .masterYBox {
  	width: 45%;
  }
  .masterYBox img {
  	width: 62px;
  }
  .masterYBox p span {
  	font-size: 20px;
  }
  .masterYBox p {
  	font-size: 18px;
  }
  .masterImg img {
  	max-width: 400px;
  }
  .masterText {
  	width: 28%;
  }
  .masterText p span {
  	font-size: 24px;
  }
  .masterText p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .master {
  	padding: 115px 0 110px;
  }
  .masterYBoxes,
  .masterImg {
  	width: 32%;
  }
  .masterYBox {
  	width: 40%;
  }
  .masterYBox img {
  	width: 52px;
  }
  .masterYBox p span {
  	font-size: 15px;
  }
  .masterYBox p {
  	font-size: 17px;
  }
  .masterImg img {
  	max-width: 290px;
  }
  .masterText {
  	width: 28%;
  }
  .masterText h2{
    font-size: 38px;
  }
  .masterText p span {
  	font-size: 24px;
  }
  .masterText p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .master {
  	padding: 90px 0;
  }
  .masterWrap {
  	flex-direction: column;
  }
  .masterYBoxes,
  .masterImg {
  	width: 55%;
    margin: 0 0 50px;
  }
  .masterYBox {
  	width: 40%;
  }
  .masterYBox img {
  	width: 52px;
  }
  .masterYBox p span {
  	font-size: 20px;
  }
  .masterYBox p {
  	font-size: 17px;
  }
  .masterImg img {
  	max-width: 290px;
  }
  .masterText {
  	width: 90%;
  }
  .masterText p span {
  	font-size: 24px;
  }
  .masterText p {
    font-size: 21px;
  }
}
@media only screen and (max-width: 767px) {
  .master {
  	padding: 80px 0;
  }
  .masterWrap {
  	flex-direction: column;
  }
  .masterYBoxes,
  .masterImg {
  	width: 100%;
    margin: 0 0 50px;
  }
  .masterYBox {
  	width: 45%;
  }
  .masterYBox img {
  	width: 52px;
  }
  .masterYBox p span {
  	font-size: 20px;
  }
  .masterYBox p {
  	font-size: 17px;
  }
  .masterImg img {
  	max-width: 290px;
  }
  .masterText {
  	width: 100%;
  }
  .masterText p span {
  	font-size: 24px;
  }
  .masterText p {
    font-size: 21px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
		Training Programs section index
=========================================================*/
.trProg{
  background: #1d1d1d;
  padding: 160px 0 130px;
  text-align: center;
}
.trProgWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 130px 0;
}
.trProgBox{
  width: 48%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 30px;
  min-height: 525px;
  position: relative;
}
.wDefence{
  background-image: url(https://842116.claudeassets.com/20250322222427im_/https://familykarateacademymi.com/images/index/woman-defence-training-programs.webp);
}
.profTrain{
  background-image: url(https://2a687d.claudeassets.com/20250322222427im_/https://familykarateacademymi.com/images/index/professional-training-programs.webp);
}
.trProgBox p{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .trProgBox p {
  	font-size: 30px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .trProg {
  	padding: 130px 0 100px;
  }
  .trProgWrap {
  	margin: 100px 0;
  }
  .trProgBox {
  	min-height: 365px;
  }
  .trProgBox p {
  	font-size: 24px;
  }

}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .trProg {
  	padding: 100px 0;
  }
  .trProgWrap {
  	margin: 100px 0;
  }
  .trProgBox {
  	min-height: 265px;
  }
  .trProgBox p {
  	font-size: 22px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .trProg {
  	padding: 100px 0;
  }
  .trProgWrap {
  	margin: 100px auto 0;
  }
  .trProgBox {
    width: 100%;
  	min-height: 265px;
    margin: 0 0 60px;
  }
  .trProgBox p {
  	font-size: 21px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .trProg {
  	padding: 80px 0;
  }
  .trProgWrap {
  	margin: 80px auto 0;
  }
  .trProgBox {
    width: 100%;
  	min-height: 265px;
    margin: 0 0 50px;
  }
  .trProgBox p {
  	font-size: 21px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
			FAQ section index
=========================================================*/
.indexFaq {
    background: #efefef;
    padding: 130px 0 120px;
}
.indexFaqTit h3 {
    color: var(--black-bg);
    text-align: center;
    line-height: 1.1;
}
.faqWrap {
    width: 75%;
    margin: 75px auto;
}
.faqWrap .accordion {
  border: none;
  background: #efefef;
  color: var(--main-text);
  cursor: pointer;
  padding: 25px 30px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
  transition: 0.4s;
  margin-bottom: 5px;
  border-bottom: 1px solid var(--main-bg);
}
.faqWrap .active, .accordion:hover {
  background-color: var(--white);
}
.faqWrap .accordion:after {
  content: '\002B';
  color: var(--orange);
  font-size: 30px;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.faqWrap .active:after {
  font-size: 30px;
  content: "\2212";
  color: var(--orange);
}
.faqWrap .panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.faqWrap .panel p {
  color: var(--main-text);
    font-size: 22px;
    line-height: 1.4;
    padding: 20px 20px 15px;
    max-width: 85%;
}
.faqWrap .panel p span,
.faqWrap .panel ul li span{
  font-weight: 700;
}
.faqWrap .panel ul li {
    font-size: 21px;
    line-height: 1.4;
    padding: 20px 20px 15px;
    list-style-type: disc;
    list-style-position: inside;
}
.faqWrap .accone {
    border-top: 1px solid var(--black-bg);
}
.indexFaqBtnWrap {
    text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .indexFaq {
  	padding: 100px 0;
  }
  .faqWrap .accordion {
  	font-size: 22px;
    line-height: 1;
  }
  .faqWrap .panel p {
  	font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .faqWrap {
  	width: 80%;
  }
  .faqWrap .accordion {
  	font-size: 19px;
  }
  .faqWrap .accordion::after {
  	font-size: 24px;
  }
  .faqWrap .panel p {
    font-size: 18px;
  }
    .indexFaq {
        padding: 80px 0 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .faqWrap .accordion {
  	font-size: 23px;
  }
  .faqWrap .panel p {
  	font-size: 21px;
  }
    .indexFaq {
        padding: 70px 0 60px;
    }
    .faqWrap {
        width: 85%;
    }
}
@media only screen and (max-width: 767px) {
  .indexFaq {
  	padding: 35px 0;
  }
  .faqWrap {
  	width: 90%;
  	margin: 55px auto;
  }
  .faqWrap .accordion {
  	font-size: 22px;
    padding: 25px 20px;
  }
  .faqWrap .panel p {
  	font-size: 21px;
  	max-width: 100%;
    padding: 20px 0 15px 0;
  }
}

/*========================================================
			Our Students section index
=========================================================*/
.ourStud{
  background: var(--orange);
  text-align: center;
  padding: 0 0 10px;
}
.ourStudBand{
  padding: 80px 0;
}
.ourStudWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ourStudWrap img{
  width: 20%;
}
.ourStudWrapMobile{
  display: none!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ourStudWrap img{
    width: 50%;
  }
    .ourStud {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 767px) {
  .ourStudBand{
    padding: 50px 0;
  }
  .ourStudWrap img{
    width: 100%;
  }
  .ourStudWrapDesktop{
    display: none;
  }
  .ourStudWrapMobile{
    display: block!important;
  }
}

/*========================================================
    Contact Us page
=========================================================*/
.contactfr{
  background: #fff;
  padding: 120px 0 0;
}
.contTit{
  background: #fff;
  padding: 80px 0 40px;
}
.contTit h1{
  color: var(--main-bg);
  font-size: 64px;
  line-height: 1;
  text-align: center;
}
.contPhone,
.contAdr,
.contHours{
  color: var(--main-bg);
  text-align: center;
}
.contHours p,
.contAdr p{
  color: var(--main-bg);
}
.contHours p span{
  display: block;
}
.contAdr p span{
  display: block;
}
.contHours{
  margin: 20px 0;
}
.contPhone{
  margin: 20px 0 0;
}
.contPhone a{
  font-size: 32px;
}
.contAdr{
  color: var(--main-bg);
  margin: 5px 0 0;
}
.sectionMap {
  width: 100%;
}
.sectionMap iframe {
  width: 100%;
  height: 450px;
  display: block;
  border: none;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .contTit h1{
    font-size: 54px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .contactfr{
    padding: 80px 0 0;
  }
  .contTit {
  	padding: 60px 0 40px;
  }
  .contTit h1{
    font-size: 44px;
  }
  .contPhone a {
    font-size: 30px;
  }

}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .contTit {
  	padding: 60px 0 40px;
  }
  .contTit h1{
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .contTit {
  	padding: 60px 0 40px;
  }
  .contTit h1{
    font-size: 32px;
  }
  .contactfr{
    padding: 100px 0 0;
  }
  .contPhone a {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contTit {
  	padding: 40px 0;
  }
  .contTit h1{
    font-size: 32px;
  }
  .contactfr{
    padding: 80px 0 0;
  }
  .contPhone a {
  	font-size: 30px;
  }
  .sectionMap iframe {
    height: 350px;
  }
}

/*========================================================
  		Footer
=========================================================*/
.fooNav ul li.mlogo,
.fooNav ul li.mphone,
.fooNav ul li.mhours,
.fooNav ul li.maddress,
.fooNav ul li.msocial{
  display: none;
}
.footer{
  padding: 80px 0;
}
.footerWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fooColu1,
.fooColu2,
.fooColu3{
  width: 30%;
}
.fooInfo{
  margin-bottom: 100px;
  text-align: center;
}
.logoFoot img{
  width: 300px;
}
.compName p{
  font-size: 26px;
  margin: 0 0 10px;
}
.phoneFoot p{
  font-size: 32px;
  font-weight: 800;
}
.phoneFoot p,
.hoursFoot p{
  margin: 0 0 18px;
}
.hoursFoot p,
.addrFoot p{
  font-size: 22px;
}
.hoursFoot p span {
    display: block;
}
.addrFoot p span{
  display: block;
}
.fooColu3{
  display: flex;
  justify-content: flex-end;
}
.socialIcons img{
  margin: 0 10px;
}
.fooNav ul{
  display: flex;
  justify-content: center;
  margin: 0 0 20px;
}
.fooNav ul li{
  display: inline-block;
  text-transform: capitalize;
  font-size: 22px;
  padding: 10px 20px;
}
.footCopy{
  border-top: 1px solid var(--orange);
  padding: 30px 0;
}
.footCopy p{
  color: #a9a9a9;
  font-size: 18px;
  text-align: center;
}
.sitemap{
  text-align: center;
  margin: 15px 0 0;
}
.sitemap a{
  color: #a9a9a9;
  font-size: 18px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .footer {
  	padding: 80px 0 70px;
  }
  .hoursFoot p,
  .addrFoot p {
  	font-size: 21px;
  }
  .fooNav ul li {
  	font-size: 21px;
  }
  .compName p{
    font-size: 25px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .footer {
  	padding: 80px 0 70px;
  }
  .logoFoot img {
  	width: 265px;
  }
  .compName p{
    font-size: 24px;
  }
  .phoneFoot p {
  	font-size: 30px;
  }
  .hoursFoot p,
  .addrFoot p {
  	font-size: 21px;
  }
  .socialIcons img {
    width: 42px;
  	margin: 0 7px;
  }
  .fooNav ul li {
  	font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer {
  	padding: 50px 0 70px;
  }
  .footerWrap {
  	flex-direction: column;
    align-items: center;
  }
  .fooColu1,
  .fooColu2,
  .fooColu3 {
  	width: 100%;
  }
  .fooInfo {
  	margin-bottom: 40px;
  }
  .logoFoot{
    text-align: center;
  }
  .fooColu3 {
  	justify-content: center;
    margin: 0 0 40px;
  }
    .logoFoot img {
        width: 240px;
    }
    .fooNav ul {
        flex-direction: column;
        align-items: center;
    }
    .fooNav ul li {
        font-size: 21px;
    }
    .compName p{
      font-size: 25px;
      margin: 30px 0 10px;
    }
}
@media only screen and (max-width: 767px) {
  .footerWrap {
  	flex-direction: column;
    align-items: center;
  }
  .fooColu1,
  .fooColu2,
  .fooColu3 {
  	width: 100%;
  }
  .compName p{
    font-size: 22px;
    margin: 30px 0 10px;
  }
  .hoursFoot p,
  .addrFoot p {
  	font-size: 21px;
  }
  .fooInfo {
  	margin-bottom: 40px;
  }
  .logoFoot{
    text-align: center;
  }
  .fooColu3 {
  	justify-content: center;
    margin: 0 0 40px;
  }
  .fooNav ul{
    flex-direction: column;
    align-items: center;
    margin: 0 0 40px;
  }
  .fooNav ul li{
    display: block;
    font-size: 21px;
  }
  .footCopy p span{
    display: block;
  }
    .logoFoot img {
        width: 260px;
    }
    .footer {
        padding-top: 50px;
    }
}

/*========================================================
        Sticky Footer
=========================================================*/
.outerSticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.stickyFooter {
    background: #020F17;
    color: #fff;
    padding: 15px 0;
    border-top: 1px solid #fff;
}

.innerStickyFooter {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.centeringSticky {
    width: 38%;
    margin: 0 auto;
    text-align: center;
}

.innerStickyFooter a img {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.innerStickyFooter a p {
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    vertical-align: middle;
    color: #fff;
    padding-left: 10px;
}

.innerStickyFooter a p span {
    display: block;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 1919px) {
    .innerStickyFooter a p {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .centeringSticky {
        width: 90%;
    }
    .stickyFooter {
    	padding: 8px 0;
    }
}


/*========================================================
      Club page
=========================================================*/
.lrSection{
  background: var(--btn-white);
  padding: 90px 0;
}
.lrSection h1,
.lrSection h2{
  color: var(--main-text);
  text-align: center;
  margin: 0 0 90px;
}
.lrSection h1 span,
.lrSection h2 span{
  display: block;
}
.lrSection h1{
  font-size: 64px;
  line-height: 1.3;
}
.lrSectionWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
/* Ewa: I changed  on 11/09/24 @ 4:36am EST */
.lrSecLeftImg{
  width: 30%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.lrSecRightText{
  width: 62%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lrSecLeftImg img{
  width: 100%;
  border-radius: 20px;
    max-width: 480px;
}
.lrSecRightText h3{
  color: var(--main-text);
  font-size: 48px;
  line-height: 1.4;
}
.lrSecRightText h3 span{
  display: block;
}
.lrSecRightText p,
.lrExtraRect p{
  color: var(--main-text);
  margin: 30px 0 0;
}
.lrGrayRectRound{
  background: #e8eae9;
  border-radius: 30px;
  padding: 20px 30px;
}
.lrSecUl{
  margin: 40px 0 0;
}
.lrSecUl li{
  background-image: url('https://8bb486.claudeassets.com/20250322222427im_/https://familykarateacademymi.com/images/index/check.png');
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 18px 18px;
  color: var(--main-text);
  padding-left: 30px;
  margin-bottom: 15px;
}
.lrSubUl{
  padding-left: 20px;
}
.lrSubUl2Cols{
  column-count: 2;
}
.lrSubUl li{
  list-style-type: disc;
  list-style-position: outside;
  margin-bottom: 15px;
}
.lrSubUl li span{
  display: block;
  font-weight: 700;
}
.lrSecBtnPlace{
  margin: 40px 0 0;
}
.lrSecBtnPlace .lrBtn{
  background: var(--blue);
}
.lrSecQuoteBtnPlace{
  text-align: center;
}
.lrSecQuoteBtnPlace .lrBtn{
  background: var(--white);
  border: 2px solid var(--blue);
  color: var(--blue);
  font-weight: 700;
}
.lrSectionWrapRever{
  flex-direction: row-reverse;
}
.lrSecAddMargin{
  margin: 110px 0 0;
}
.lrSecBtnWrap {
    margin: 180px auto 0;
    text-align: center;
}
.newBlue{
  background: var(--blue);
  color: var(--white);
}
.newBlue img{
  border-radius: 30px;
}
.lrExtraWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 50px 0 0;
}
.lrExtraRect{
  width: 48%;
}
.lrSection h4{
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .lrSection h1 {
  	font-size: 58px;
  }
  .lrSecRightText h3 {
  	font-size: 44px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .lrSection {
  	padding: 60px 0;
  }
  .lrSection h1 {
    font-size: 44px;
  }
  .lrSection h1,
  .lrSection h2 {
  	margin: 0 0 80px;
  }
  .lrSecRightText h3 {
  	font-size: 32px;
  }
    .lrSecBtnWrap {
        margin-top: 120px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .lrSection {
  	padding: 60px 0;
  }
  .lrSection h1 {
    font-size: 44px;
  }
  .lrSection {
  	padding: 60px 0;
  }
  .lrSection h1,
  .lrSection h2 {
  	margin: 0 0 60px;
  }
  .lrSecRightText h3 {
  	font-size: 28px;
  }
  .lrSecAddMargin {
  	margin: 80px 0 0;
  }
    .lrSecBtnWrap {
        margin-top: 120px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .lrSection {
  	padding: 60px 0;
  }
  .lrSection h1 {
    font-size: 36px;
  }
  .lrSection h1,
  .lrSection h2 {
  	margin: 0 0 60px;
  }
  .title768 h2 {
    width: 70%;
    margin: 0 auto 90px;
  }
  .lrSecLeftImg,
  .lrSecRightText {
  	width: 100%;
  }
  .lrSecLeftImg{
    margin-bottom: 40px;
  }
  .lrSecRightText h3 {
  	font-size: 34px;
  }
  .lrSecAddMargin {
  	margin: 80px 0 0;
  }
  .lrSubUl2Cols{
    column-count: 1;
  }
  .lrExtraRect{
    width: 100%;
  }
  .lrExtraRect:last-child{
    margin: 40px 0 0;
  }
    .lrSecBtnWrap {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 767px) {
  .lrSection {
  	padding: 60px 0;
  }
  .lrSection h1 {
    font-size: 32px;
  }
  .lrSection h1,
  .lrSection h2 {
  	margin: 0 0 40px;
  }
  .lrSection h1 span,
  .lrSection h2 span{
    display: block;
  }
  .lrSecLeftImg,
  .lrSecRightText {
  	width: 100%;
  }
  .lrSecLeftImg{
    margin-bottom: 40px;
  }
  .lrSecRightText h3 {
  	font-size: 26px;
  }
  .lrGrayRectRound{
    padding: 20px;
  }
  .lrSecAddMargin {
  	margin: 60px 0 0;
  }
  .lrSecBtnPlace{
    text-align: center;
  }
  .lrSubUl2Cols{
    column-count: 1;
  }
  .lrExtraRect{
    width: 100%;
  }
  .lrExtraRect:last-child{
    margin: 40px 0 0;
  }
    .lrSecBtnWrap {
        margin-top: 50px;
    }
}

/*========================================================
      Training page
=========================================================*/
.tBMob {
    display: none;
}
.trainsesPagebg {
    background: var(--btn-white);
}
.stanSec{
  padding: 90px 0;
}
.blackBg{
  background: var(--btn-white);
}
.blackBg h1{
  color: var(--main-text);
}
.stanTitle{
  padding: 0 0 80px;
  text-align: center;
}
.trainPage .trainSecWrap{
  margin: 0;
}
/* Ewa: I updated  on 10/19/24 @ 1:25pm EST */
.trainsesPagebg h1 {
    color: var(--main-text);
}
.trainsesMainWrap {
    display: flex;
}
.trainsesLeft {
    width: 70%;
}
.trainsesRight {
    width: 30%;
    position: relative;
}
.trainsesFirstImg {
    width: 100%;
    display: block;
}
.trainsesLabelWrap {
    width: 700px;
    min-height: 569px;
    padding: 60px;
    border-radius: 25px;
    background: var(--gray);
    position: absolute;
    top: 40px;
    left: -160px;
}
.trainsesTopRow {
    display: flex;
    align-items: center;
}
.trainsesTopRowLeft,
.trainsesTopRowRight {
    width: 50%;
}
.trainsesTopRowLeft h3 {
    text-transform: uppercase;
    font-size: 26px;
    text-align: left;
    color: var(--main-text);
}
.trainsesTopRowRight p {
    font-size: 18px;
    justify-content: flex-end;
    color: var(--main-text);
    text-align: right;
}
.getfreelnk {
    color: var(--orange);
}
.trainsesRow {
    margin-top: 60px;
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddcda;
}
.trainsesBox {
    width: 25%;
}
.trainsesBox p {
    font-size: 18px;
    color: var(--main-text);
    font-weight: 700;
    line-height: 1.1;
}
.tBmid {
    text-align: center;
}
.tBnorm p {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.tBbefore p {
    padding-left: 28px;
    position: relative;
}
.tBbefore p::before {
    width: 14px;
    height: 14px;
    content: " ";
    background-image: url('https://332d19.claudeassets.com/20250322222427im_/https://familykarateacademymi.com/images/dotorange.png');
    background-size: 14px 14px;
    position: absolute;
    left: 0;
    top: 3px;
}
.tRsec {
    margin-top: 22px;
}
.tRLast {
    border-bottom: none;
}
.trainsesBtnWrap {
    margin-top: 40px;
    text-align: right;
}
.trainsesLeft h3 {
    text-transform: uppercase;
    font-size: 28px;
    text-align: left;
    color: var(--main-text);
    margin-top: 60px;
}
.trainsesLeft p {
    padding: 35px 0 50px;
    color: var(--main-text);
    font-size: 18px;
}
.trainsesLeft .trainsesList p {
    padding: 0 0 10px 0;
    font-weight: 700;
}
.trainsesList ul {
    padding-left: 5px;
}
.trainsesList ul li {
    background: url('https://332d19.claudeassets.com/20250322222427im_/https://familykarateacademymi.com/images/dotorange.png') no-repeat;
    background-position: left top 9px;
    background-size: 12px 12px;
    padding: 4px 0 4px 25px;
    text-align: left;
    font-size: 18px;
    color: var(--main-text);
}
.trainsesList ul li span{
  display: block;
  font-weight: 700;
}
.tListsec {
    padding-top: 35px;
}
.tChampLine {
    width: 250px;
    height: 3px;
    border-top: 1px solid var(--orange);
    margin: 50px 0 25px;
}
.trainsesLeft .trainsesChamp h3 {
    margin-top: 0;
}
.trainsesChamp p {
    font-weight: 700;
    position: relative;
}
.tChampsp1 {
    display: block;
    font-weight: 400;
    margin-left: 24px;
}
.tChampsp2 {
    font-weight: 700;
}
.tChampico {
    width: 14px;
    margin-right: 10px;
}
.tChampstatue {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
}
.trainsesAdv {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.trainsesAdvLabel {
    width: 300px;
    height: 240px;
    background: var(--orange);
    border-radius: 25px;
    padding: 25px;
    position: relative;
}
.trainsesHandIco {
    position: absolute;
    width: 75px;
    top: 5px;
    left: 5px;
}
.trainsesAdvLabel h4 {
    text-transform: uppercase;
    color: var(--btn-white);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    text-align: right;
}
.trainsesAdvLabel p {
    text-transform: capitalize;
    font-size: 18px;
    text-align: center;
    line-height: 1.3;
    margin-top: 10px;
}
.trainsesAdvLabel .trainBtn {
    background: var(--black-bg);
    font-size: 16px;
    padding: 10px 30px;
}
.trainsesAdvWrap {
    text-align: center;
    margin-top: 20px;
}
.trainsesKids {
    display: flex;
    flex-direction: column;
}
.trainsesKids h3 {
    color: var(--main-text);
    font-size: 18px;
    padding-bottom: 15px;
}
.trainsesKids img {
    width: 260px;
    display: block;
}
.trainsesMainLast {
    margin-bottom: 80px;
}
/* Ewa: end and below appropriately responsive */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .stanSec{
    padding: 60px 0;
  }
  .stanTitle{
    padding: 0 0 60px;
  }
    .trainsesLabelWrap {
        width: 530px;
        min-height: 418px;
        padding: 35px;
        top: 25px;
    }
    .trainsesTopRowLeft h3 {
        font-size: 22px;
    }
    .trainsesBox{
      width: 28%;
    }
    .trainsesBox p,
    .trainsesTopRowRight p {
        font-size: 16px;
    }
    .tBnorm p {
        font-size: 18px;
    }
    .trainsesLeft h3 {
        font-size: 22px;
        margin-top: 35px;
    }
    .trainsesLeft p {
        padding: 20px 0 35px;
    }
    .trainsesKids h3 {
        font-size: 16px;
    }
    .trainsesKids img {
        width: 220px;
    }
    .trainsesMainLast {
        margin-bottom: 30px;
    }
    .trainsesRow {
        margin-top: 30px;
    }
    .tRsec {
        margin-top: 13px;
    }
    .trainsesBtnWrap {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .stanSec{
    padding: 60px 0;
  }
  .stanTitle {
  	padding: 0 0 60px;
  }
    .trainsesLabelWrap {
        width: 470px;
        min-height: auto;
        padding: 25px;
        top: 20px;
    }
    .trainsesTopRowLeft h3 {
        font-size: 22px;
    }
    .trainsesBox{
      width: 28%;
    }
    .trainsesBox p,
    .trainsesTopRowRight p {
        font-size: 14px;
    }
    .tBnorm p {
        font-size: 16px;
    }
    .trainsesLeft h3 {
        font-size: 22px;
        margin-top: 35px;
    }
    .trainsesLeft p {
        padding: 20px 0 35px;
    }
    .trainsesKids h3 {
        font-size: 16px;
    }
    .trainsesKids img {
        width: 220px;
    }
    .trainsesMainLast {
        margin-bottom: 30px;
    }
    .trainsesBtnWrap .trainBtn {
        padding: 15px 30px;
        font-size: 14px;
    }
    .trainsesRow {
        margin-top: 15px;
    }
    .tRsec {
        margin-top: 15px;
    }
    .trainsesBtnWrap {
        margin-top: 10px;
    }
    .trainsesAdvLabel h4 {
        font-size: 23px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .stanSec{
    padding: 60px 0;
  }
  .stanTitle {
  	padding: 0 0 60px;
  }
    .trainsesMainWrap {
        flex-direction: column;
    }
    .trainsesLeft,
    .trainsesRight {
        width: 100%;
    }
    .trainsesLabelWrap {
        position: static;
        max-width: 700px;
        margin-top: 20px;
        padding: 35px;
        min-height: auto;
    }
    .trainsesRow {
        margin-top: 25px;
    }
    .tRsec {
        margin-top: 10px;
    }
    .trainsesAdv {
        justify-content: flex-start;
        margin-top: 35px;
    }
    .trainsesAdv {
        align-items: flex-start;
    }
    .trainsesMainLast {
        margin-bottom: 0;
    }

}
@media only screen and (max-width: 767px) {
  .stanSec{
    padding: 60px 0;
  }
  .stanTitle {
  	padding: 0 0 40px;
  }
    .trainsesMainWrap {
        flex-direction: column;
    }
    .trainsesLeft,
    .trainsesRight {
        width: 100%;
    }
    .trainsesLabelWrap {
        position: static;
        max-width: 420px;
        margin-top: 20px;
        padding: 35px;
        min-height: auto;
    }
    .trainsesRow {
        margin-top: 25px;
    }
    .tRsec {
        margin-top: 10px;
    }
    .trainsesAdv {
        justify-content: flex-start;
        margin-top: 35px;
    }
    .trainsesAdv {
        align-items: flex-start;
    }
    .trainsesMainLast {
        margin-bottom: 0;
    }
    .trainsesTopRow {
        flex-direction: column;
    }
    .trainsesTopRowLeft, .trainsesTopRowRight {
        width: 100%;
    }
    .trainsesTopRowRight p {
        text-align: left;
    }
    .tBDesk {
        display: none;
    }
    .tBFirst {
        width: 100%;
    }
    .tBMob {
        display: inline-block;
        font-size: 18px;
        color: var(--main-text);
        font-weight: 700;
        margin-right: 25px;
        min-width: 80px;
    }
    .tBMobRow {
        flex-direction: column;
    }
    .trainsesBtnWrap {
        margin-top: 20px;
        text-align: left;
    }
    .trainsesLeft h3 {
        margin-top: 30px;
    }
    .trainsesLeft p {
        padding: 15px 0 35px;
    }
    .trainsesPagebg {
        padding-top: 0;
    }
    .trainsesTitle {
        padding-top: 80px;
    }
    .tBnorm p {
    	text-align: left;
        line-height: 1.3;
    }
    .tBbefore p::before {
        top: 3px;
    }
    .tBbefore p {
        padding-bottom: 8px;
    }
}
@media only screen and (max-width: 479px) {
    .trainsesLabelWrap {
        max-width: 100%;
        margin: 20px auto 0;
        padding: 20px 15px;
    }
    .trainsesTitle {
        padding-top: 60px;
    }
}
/*========================================================
	Belt graduations page
=========================================================*/
.beltBox {
    flex: 1 0 30%;
    margin-bottom: 50px;
}
.beltSecbg {
    padding-bottom: 35px;
}
.beltSecWrap {
    flex-direction: row;
}
.beltBox h3 {
    font-size: 24px;
    line-height: 1.3;
    text-transform: capitalize;
    font-weight: 800;
    margin: 25px auto 20px;
    color: var(--main-text);
    text-align: left;
    width: 95%;
}
.beltBox h3 span {
    display: block;
}
.beltBox p {
    color: var(--main-text);
    width: 95%;
    margin: 20px auto 0;
    text-align: left;
    min-height: auto;
}
.beltBox p span {
    font-size: 24px;
    line-height: 1.3;
    text-transform: capitalize;
}
.beltcolor {
    width: 95%;
    height: 35px;
    margin: 0 auto;
    border: 1px solid var(--gray);
}
.beltwhite {
    background: var(--btn-white);
}
.beltyellow {
    background: #fcb900;
}
.beltorange {
    background: #ff6900;
}
.beltgreen {
    background: #2e8a00;
}
.beltblue {
    background: #0693e3;
}
.beltred {
    background: #cf2e2e;
}
.beltblack {
    background: #000;
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .beltBox h3 {
        margin-bottom: 15px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .beltBox {
        width: 47%;
    }
    .beltBox p {
        min-height: auto!important;
    }
    .beltSecWrap {
        margin-top: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .beltBox {
        width: 100%;
        margin-bottom: 0;
    }
    .beltcolor {
        width: 100%;
        margin-top: 10px;
    }
    .beltNone {
        display: none;
    }
    .beltSecWrap {
        margin-top: 25px;
    }
}
@media only screen and (max-width: 767px) {
     .beltBox {
        width: 100%;
        margin-bottom: 0;
    }
    .beltcolor {
        width: 100%;
        margin-top: 10px;
    }
    .beltNone {
        display: none;
    }
    .beltSecWrap {
        margin-top: 20px;
    }
}
/*========================================================
									Gallery page
=========================================================*/
.breakTit br{
  display: none;
}
.gallerySize{
  width: 70%;
  margin: 0 auto;
}
.centerGalle{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.galleWrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
}
.item{
  position: relative;
  width: 33.33%;
  padding: 6px;
}
.item img{
  display: block;
  width: 100%;
  transition: all .8s;
  border-radius: 5px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .gallerySize{
    width: 75%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .gallerySize{
    width: 75%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .gallerySize{
    width: 90%;
  }
  .item{
		width: 50%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .gallerySize{
    width: 90%;
  }
  .item{
    width: 50%;
  }
  .centerGalle {
  	padding: 20px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .gallerySize{
    width: 90%;
  }
  .breakTit br{
    display: block;
  }
  .centerGalle{
    width: 100%;
  }
  .item {
  	width: 100%;
  }
}


/*========================================================
            Disclaimer Page
=========================================================*/
.disclaimer{
  background: var(--btn-white);
  padding: 90px 0;
}
.warrantyTit h1 {
  color: var(--main-text);
    text-align: center;
    padding-bottom: 50px;
}
.warrantyTit h1 span {
    font-size: 24px;
    text-transform: none;
    font-weight: 300;
    letter-spacing: normal;
    display: block;
    text-transform: capitalize;
}
.warranty-box {
    width: 100%;
    margin: 20px auto 0;
    overflow: hidden;
}
.warranty-title {
    color: var(--main-text);
    font-size: 32px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.3;
    margin: 0 0 10px;
}
.warranty-desc p {
    color: var(--main-text);
    line-height: 1.5;
    margin: 0 0 30px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .disclaimer{
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .disclaimer{
    padding: 80px 0;
  }
  .warranty-title {
      font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .disclaimer{
    padding: 60px 0;
  }
  .warranty-title {
      font-size: 24px;
  }
  .warranty-box {
      margin: 20px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .disclaimer{
    padding: 60px 0 40px;
  }
  .warranty-title {
      font-size: 24px;
  }
}


/*========================================================
    Mobile Menu
=========================================================*/
  @media only screen and (max-width: 1023px) {

    .smobitrigger,
    .mnuclose {
      display: inline-block;
    }

    .smobitrigger {
      color: transparent;
      width: 30%;
    }

    .smobitrigger {
      background: url("https://fa1d72.claudeassets.com/20250322222427im_/https://familykarateacademymi.com/images/menuopen.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 60px 60px;
      width: 60px;
      height: 60px;
    }

    .mnuclose {
      background: url('https://93bad3.claudeassets.com/20250322222427im_/https://familykarateacademymi.com/images/menuclose.png');
      background-position: right top;
      background-repeat: no-repeat;
      background-size: 60px 60px;
      color: transparent;
      height: 60px;
      margin: 0 0 10px 0;
      width: 100%;
      text-align: right;
      display: inline-block;
    }

    .menu ul {
      padding: 20px 30px 10px;
      overflow-y: auto;
      margin: 0 auto;
    }

    .menu ul li.dlink,
    .menu ul li.mmlinks {
      display: block;
      line-height: 55px;
      border-bottom: 1px solid #ccc;
      text-align: left;
      padding: 0 8px;
    }

    .menu ul li.mmlinks {
      font-size: 25px;
    }

    .menu ul li.dtop {
      display: none;
    }

    .menu ul li.dlink a {
      margin: 0 auto;
      padding: 10px 0 10px 0;
      text-align: center;
      width: 100%;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.3;
    }

    .menu ul li.mlogo {
      margin: 20px auto 0;
      display: block;
    }

    .menu ul li.mlogo img {
      width: 100%;
      margin: 0 auto 30px;
    }

    .menu ul li.mphone {
      display: block;
      color: #777;
      margin-bottom: 15px;
      text-align: left;
    }

    .menu ul li.mphone span {
      display: block;
      font-size: 16px;
      font-weight: 300;
      color: #777;
    }

    .menu ul li.mphone a {
      font-size: 32px;
    }

    .menu ul li.maddress {
      display: block;
      font-size: 16px;
      line-height: 1.5;
      text-transform: capitalize;
      margin: 35px auto;
      color: #777;
      text-align: left;
    }

    .menu ul li.maddress span {
      display: block;
    }

    .menu ul li.mhours {
      display: block;
      font-size: 18px;
      line-height: 1.5;
      margin: 0 auto 30px;
      color: #777;
      text-align: left;
    }

    .menu ul li.mhours span {
      display: block;
    }

    .menu ul li.msocial {
      display: block;
      text-align: left;
      margin-bottom: 100px;
    }

    .menu ul li.msocial img {
      width: 44px;
      height: 44px;
      margin: 0 2px;
    }

    .mobimenu {
      padding: 0;
      margin: 0px;
      width: 14.9375em;
      position: fixed;
      height: 100% !important;
      top: 0px;
      left: -24.625em;
    }

    .mnuopn {
      left: 0px !important;
    }

    .ovrActv {
      position: fixed;
      background: rgba(0, 0, 0, 0.79);
      width: 100%;
      height: 100%;
      z-index: 9998;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
    }

    .navBox {
      width: 70%;
      justify-content: flex-end;
    }

    .locMob {
      width: 20%;
    }

    nav {
      width: 80%;
    }

    .three {
      display: none;
    }

    .boxesWrap {
      width: 90%;
    }

    .one {
      width: 72%;
      height: 80px;
    }

    .one img {
      width: 150px;
    }

    .two {
      width: 28%;
      justify-content: flex-end;
      height: 80px;
    }

    .menu {
      width: 100%;
      height: 80px;
      margin-top: 20px;
    }

    .navwrp {
      display: flex;
      justify-content: flex-end;
    }

    .aboutBanner {
      height: 450px;
    }
  }

  @media only screen and (min-width: 1024px) {
    .menu ul {
      background: none !important;
    }
  }
 @media only screen and (max-width: 768px) {
     .one img {
         width: 130px;
     }
}
 @media only screen and (max-width: 479px) {
     .one img {
         width: 110px;
     }
}
  /*========================================================
     HIDDEN
  =========================================================*/
  .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
  }

/*
     FILE ARCHIVED ON 05:59:26 Jan 15, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:44:30 Jul 10, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.322
  exclusion.robots: 0.068
  exclusion.robots.policy: 0.056
  esindex: 0.01
  cdx.remote: 25.961
  LoadShardBlock: 424.946 (3)
  PetaboxLoader3.datanode: 82.315 (4)
  PetaboxLoader3.resolve: 398.85 (2)
  load_resource: 131.025
*/