@charset "utf-8";
/**  
* -----------------------------------------------------------------------------
    Custom Css 
* -----------------------------------------------------------------------------
**/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@400;700&display=swap');


@font-face {
  font-family: 'trajan_proregular';
  src: url('../fonts/trajan_pro-webfont.woff2') format('woff2'),
       url('../fonts/trajan_pro-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'trajan_probold';
  src: url('../fonts/trajanpro-bold-webfont.woff2') format('woff2'),
       url('../fonts/trajanpro-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'trajan_proregular';
  src: url('../fonts/trajanpro-regular-webfont.woff2') format('woff2'),
       url('../fonts/trajanpro-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
/* -----------------------------------------------------------------------------*/
/*-- Loader Style End --*/

#pre-load {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    z-index: 9999;
  }
  .loader .loader-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border: 5px solid #ebebec;
    border-radius: 50%;
  }
  .loader .loader-container:before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-top: 4px solid #f00c46;
    border-radius: 50%;
    animation: loaderspin 1.8s infinite ease-in-out;
    -webkit-animation: loaderspin 1.8s infinite ease-in-out;
  }
  .loader .loader-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    text-align: center;
  }
  .loader .loader-icon img {
    animation: loaderpulse alternate 900ms infinite;
    width: 30px;
  }
  .woocommerce .quantity input[type="number"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #363636 !important;
    opacity: 1;
  }
  .woocommerce .quantity input[type="number"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #363636 !important;
    opacity: 1;
  }
  .woocommerce .quantity input[type="number"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #363636 !important;
    opacity: 1;
  }
  .woocommerce .quantity input[type="number"]:-moz-placeholder {
    /* Firefox 18- */
    color: #363636 !important;
    opacity: 1;
  }
  /* ------------------------------------
    34. Animation Part CSS
---------------------------------------*/
@keyframes loaderspin {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
  @-webkit-keyframes loaderspin {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
  @keyframes loaderpulse {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.2);
    }
  }
  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }
  @-webkit-keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }
  .move-y {
    animation: move-y 2s alternate infinite;
    -webkit-animation: move-y 2s alternate infinite;
  }
  @keyframes move-y {
    0% {
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
      transform: translate3d(0, 10px, 0);
      -webkit-transform: translate3d(0, 10px, 0);
    }
  }
  .scale {
    animation: scale 2s alternate infinite;
  }
  @-webkit-keyframes scale {
    0% {
      transform: scale(0.8);
      -webkit-transform: scale(0.8);
    }
    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }
  .dance2 {
    -webkit-animation: dance2 4s alternate infinite;
  }
  @keyframes dance2 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
    }
    50% {
      -webkit-transform: translate3d(15px, -15px, 0);
    }
    100% {
      -webkit-transform: translate3d(0, -15px, 15px);
    }
  }
  .up-down {
    animation: up-down 7s alternate infinite;
    -webkit-animation: up-down 7s alternate infinite;
  }
  @keyframes up-down {
    0% {
      transform: translateY(20px);
      -webkit-transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
      -webkit-transform: translateY(-20px);
    }
    100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
    }
  }
  @-webkit-keyframes up-down {
    0% {
      transform: translateY(30px);
      -webkit-transform: translateY(0);
    }
    50% {
      transform: translateY(-50px);
      -webkit-transform: translateY(-50px);
    }
    100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
    }
  }
  .spine {
    animation: spine 8s linear infinite;
  }
  @keyframes spine {
    0% {
      transform: rotate(0);
      -webkit-transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
    }
  }
  @-webkit-keyframes spine {
    0% {
      transform: rotate(0);
      -webkit-transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
    }
  }
  .horizontal {
    animation-name: horizontal;
    animation-duration: 12s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  .horizontal.new-style {
    animation-duration: 15s;
  }
  @keyframes horizontal {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(100px);
    }
    100% {
      transform: translateX(0);
    }
  }
  .vertical {
    animation-name: vertical;
    animation-duration: 12s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  .vertical.new-style {
    animation-duration: 15s;
  }
  @keyframes vertical {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(100px);
    }
    100% {
      transform: translateY(0);
    }
  }
  .fadeinup {
    animation-duration: 2s;
    animation-name: fadeInUp;
  }
  .fadeinup.new {
    animation-duration: 3s;
  }
  @keyframes fadeinup {
    0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  .fadeinright {
    animation-duration: 3s;
    animation-name: fadeInRight;
  }
  @keyframes fadeinup {
    0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  .rotate_Y {
    animation: mymove 5s infinite;
  }
  @keyframes mymove {
    0% {
      transform: rotateY(-50deg);
    }
    100% {
      transform: rotateY(50deg);
    }
  }
  .rs-services.style6 .services-box-area .services-item:hover .dance_hover,
  .rs-services.style4 .services-item:hover .dance_hover,
  .rs-iconbox-area .box-inner .box-item:hover .dance_hover {
    animation-name: dance_hover;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
  }
  @keyframes dance_hover {
    16.65% {
      transform: translateY(8px);
    }
    33.3% {
      transform: translateY(-6px);
    }
    49.95% {
      transform: translateY(4px);
    }
    66.6% {
      transform: translateY(-2px);
    }
    83.25% {
      transform: translateY(1px);
    }
    100% {
      transform: translateY(0);
    }
  }
  /* Draw Line Animation */
  @keyframes start-draw {
    to {
      height: 95%;
    }
  }
  /* Infinite Rotation Animation */
  @keyframes rotate-anim {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(359deg);
    }
  }
  /*Pulse Border Animation*/
  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }
/*-- Loader Style End --*/

/*-- Global Style start --*/

/*-- font-family: 'Roboto', sans-serif; --*/
/*-- font-family: 'Lato', sans-serif; --*/

body,
button, 
input, 
optgroup, 
select, 
textarea{
    font-family: 'Roboto', sans-serif !important;
}
body {
    font-size: 14px;
}
a {
    text-decoration: none;
}
img {
  max-width: 100%;
}
.labelControl {
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 4px;
    line-height: 20px;
    /* color: #05608a; */
    color: #001995;
}
.inputControl,
.selectControl,
.textControl{
    border-color: #e0e0e0;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    border-radius: 0.25rem !important;
}
.inputControl:focus,
.selectControl:focus,
.textControl:focus {
    outline: none;
    box-shadow: none;
}
.textControl{
    resize: none;
}
.defaultBtn{
    outline: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    font-size: 14px;
    box-shadow: none !important;
}

.defaultBtn:hover {    
    border: none;
    box-shadow: none;
}
.actionBtn {
    outline: none;
    text-transform: uppercase;
    background: #0d5daf;
    letter-spacing: 1px;
    border: none;
    font-size: 13px;
    box-shadow: none !important;
    color: #ffffff;
    font-weight: 500;
}
.actionBtn:hover {
    background: #fb4b07;
    border: none;
    box-shadow: none;
}


.successBtn {    
    background: #02921a;   
}
.successBtn:hover {
    background: #fb4b07;   
}
.disableBtn {
    background: #646464;
    cursor: inherit !important;
}
.disableBtn:hover,
.disableBtn:focus {
    background: #646464;   
}
.registerBtn {
    background: #7e1dbb;
    font-size: 12px;
}

.backLink {
    background: #00446d;
    font-size: 12px;
}
.loginBtn {   
    background: #ffe004;    
    color: #002dfb;       
}
.backInlineLink {
    background: inherit;
    box-shadow: none;
    border: none;
    color: #0633a2;
    font-weight: 500;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    font-size: 16px;
}
.backInlineLink:hover,
.backInlineLink:focus{
    background: none;
    box-shadow: none !important;
    border: none;
    color: #f700ff;    
}
.inlineBtnLink{
    color: #ff6300;
    font-weight: 500;
}
.verifyBtn{
    background: #03a735;
}

.resultBtn {
    background: #5223c7;
}

.form-group {
    margin-bottom: 1rem;
}

.mb__0{
    margin-bottom: 0px !important;
}
.mb__6{
    margin-bottom: 6px;
}
.mb__10{
    margin-bottom: 10px;
}
.mb__15{
    margin-bottom: 15px;
}
.mb__20{
    margin-bottom: 20px;
}
.mb__25{
    margin-bottom: 25px;
}
.mb__30{
    margin-bottom: 30px;
}
.mb__50{
    margin-bottom: 50px;
}
.mt__7{
    margin-top: 7px;
}
.mt__10{
    margin-top: 10px;
}
.mt__15{
    margin-top: 15px;
}
.mt__100{
    margin-top: 100px;
}
.mr__8{
    margin-right: 8px;
}
.mr__10{
    margin-right: 10px;
}
.mr__15{
    margin-right: 15px;
}
.ml__10{
    margin-left: 10px;
}
.editBtn {
    background: #009341;
}
.cancelBtn {
    background: #ccc;
    color: #444 !important;
}
.cancelBtn:hover{
    color: #fff !important;
}
.w20 {
    width: 20px;
}
.w40 {
    width: 40px;
}
.w70 {
    width: 70px;
}
.w80 {
    width: 80px;
}
.w100{
    width: 100px;
}
.w120{
    width: 120px;
}
.w150{
    width: 150px;
}
.w180{
    width: 180px;
}
.w210{
    width: 210px;
}
.w220{
    width: 220px;
}
.w260{
    width: 260px;
}
.w290{
    width: 290px;
}
.w350{
    width: 350px;
}
.w410{
    width: 410px;
}
.w500{
    width: 500px;
}
.topbar-area{
    display: none;
}

.vhHeight__100{
    height: 100vh;
}
.vhHeight__65 {
    height: 65vh
}
/*-- Global Style End --*/

/*-- Header and Footer Style Start --*/
.headTitle {
    justify-content: flex-start !important;
}
.full-width-header .rs-header .menu-area .logo-area img {
    max-height: 80px;
}
.full-width-header .rs-header .expand-btn-inner ul li.ashokIcon{
    margin-right: 0;
}
.full-width-header .rs-header .menu-area,
.full-width-header .rs-header .menu-area.sticky {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
    padding: 6px 0;
}
.siteTitle {
    margin-left: 20px;
}
.siteTitle h2 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 21px;
    margin: 0 0 4px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
}
.siteTitle h5 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    line-height: 19px;
    margin: 0;
    font-family: 'Lato', sans-serif;
    /* letter-spacing: 1px; */
}
.full-width-header .rs-header .menu-area .headMenu.sarasHeadMenu .rs-menu-area{
    display: none;
}
.full-width-header .rs-header .menu-area .headMenu .rs-menu-area {
    margin-right: 15px;
}
.full-width-header .rs-header .menu-area .headMenu .main-menu .rs-menu ul.nav-menu li {
    margin-right: 15px;
}
.full-width-header .rs-header.style2.header-home4-style .menu-area .main-menu .rs-menu ul.nav-menu li a {
    color: #004b6a;
    height: 92px;
    line-height: 92px;
}
.headMenu i {
    margin-right: 4px !important;
    color: #fd4a36;
}
.rs-footer.style1 .footer-bottom {
    padding: 8px 0;
    background: #21b3ac;
}
.copyright {
    font-size: 13px;
}
/*-- Header and Footer Style End --*/


/*-- Header Style Start --*/
.headerMain {
    /* background-color: #fff !important; */
    background-image: url('../images/bg/bg2.svg');
    background-position: 80%;
    background-size: 86px;
    background-repeat: no-repeat;
    /* background-color: #f1f9ff !important; */
    /* box-shadow: -4px 2px 10px 0px rgb(0 0 0 / 30%);     */
    box-shadow: -4px 2px 3px 0px rgb(0 0 0 / 16%);
    background: linear-gradient(61deg, rgb(0 50 96) 0%, rgba(26,0,77,1) 54%, rgb(167 0 28) 100%);
}

.myHeaderNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}
.headerLogo {
    text-decoration: none;
}
.siteTitle {
    margin-left: 12px;
}
/* .menuWrapper img:first-child {
    margin-right: 25px;
} */
.headerMain .homeLink {
    padding: 0 20px 0 0;
    color: #fff;
    position: relative;
    margin-right: 16px;
    font-size: 14px;
    line-height: 22px;
}
.headerMain .homeLink2 {    
    margin-right: 86px;    
}
.headerMain .homeLink:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #fff;
}
.headerMain .homeLink.active {
    color: #00ff43;
}
.headerMain .homeLink:hover, 
.headerMain .myDropMenu .navbar-toggler:hover {
    color: #00ff43;
}
.myDropMenu {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-60%);
}
.myDropMenu .navbar-toggler,
.myDropMenu .navbar-toggler:hover,
.myDropMenu .navbar-toggler:focus {
    border: none;
    box-shadow: none;
    padding: 0;
    transition: none !important;
}
.myDropMenu .navbar-collapse.show {
    position: absolute;
    right: 0;
    top: 60px;
    background: #0a1434;
    padding: 15px 30px 20px;   
    z-index: 9; 
}
/* .myDropMenu .collapse.show {
    display: block;
} */

.myDropMenu .navbar-collapse {
    flex-basis: auto;
    flex-grow: 0;
    align-items: inherit;
    /* opacity: 0; */
}
.myDropMenu .navbar-toggler,
.myDropMenu .navbar-toggler.collapsed {
    font-size: 14px;
    line-height: 19px;
    color: #fff;
}
.myDropMenu .navbar-collapse.collapsing {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    height: inherit !important;
    overflow: inherit !important;
    opacity: 0;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("../images/icons/hamburger.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    margin-left: 5px;
}
.navbar-dark .navbar-toggler:hover .navbar-toggler-icon {    
    background-image: url("../images/icons/hamburger-hover.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;    
}
.navbar-dark .navbar-toggler:focus .navbar-toggler-icon {    
    background-image: url("../images/icons/hamburger-focus.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;    
}
.myDropMenu .navbar-collapse.show .nav-item {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #162552;
}
.myDropMenu .navbar-collapse.show .nav-item:last-child {
    margin-bottom: 12px;
}
.myDropMenu .navbar-collapse.show .nav-link {
    padding: 0;
    color: #fff;
    font-size: 14px;
}
.myDropMenu .navbar-collapse.show .nav-item.dropdown .dropdown-menu {
    background-color: #007b87;
}
.myDropMenu .navbar-collapse.show .nav-item.dropdown .dropdown-menu .dropdown-item {
    font-size: 13px;
    color: #ffffff;    
}
.myDropMenu .navbar-collapse.show .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #015d66;
}
/*-- Header Style End --*/

/*-- SubHeader Style Start --*/
.subHeaderMain {
   background-color: #5223c7;
}
.subHeaderBlk {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subHeaderMain .bg-light {
  background-color: transparent !important;
  padding: 0;
}
.subHeaderMain .navbar-nav { 
  flex-wrap: wrap;
}
.subHeaderMain .nav-item { 
  position: relative;
}

.subHeaderMain .nav-item::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #2e00a1;
  content: "";
}
.subHeaderMain .nav-item:last-child::after {
  display: none;
}

.subHeaderMain .nav-item:hover .dropdown-menu {
  display: block;
}
.subHeaderMain .navbar-light .navbar-nav .nav-item .nav-link {
  font-weight: 500;
  color: #fff;
  line-height: 18px;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  display: block;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  padding: 18px 24px;
  text-align: left;
}
.subHeaderMain .navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: #00ff43;
}
@media screen and (min-width: 992px) {
  .subHeaderMain .navbar-light .navbar-nav .nav-item:first-child .nav-link {
      padding-left: 0;
  }
  .subHeaderMain .navbar-light .navbar-nav .nav-item:last-child .nav-link {
      padding-right: 0;
  }
}

.subHeaderMain .dropdown-menu {
  box-shadow: 0px 2px 3px 2px rgb(0 0 0 / 16%);
  padding: 0;
  top: 98%;
  margin: 0;
  min-width: 320px;
}
.subHeaderMain .dropdown-menu li {
  margin: 0 0 3px;
  border-bottom: 1px solid #d5d5d5;
}
.subHeaderMain .dropdown-menu li:last-child {
  margin: 0;
  border-bottom: none;
}
.subHeaderMain .dropdown-menu li a {
  padding: 10px 14px !important;
  background: #f9f9f9;
  font-size: 15px !important;
  color: #1b00ff !important;
}
.subHeaderMain .dropdown-menu li a:hover {
  background-color: #224c81;
  color: #fff !important;
}

@media screen and (max-width: 1640px) {
  .subHeaderMain .navbar-light .navbar-nav .nav-item .nav-link {        
      font-size: 13px;        
  }
}
@media screen and (max-width: 1560px) {
  .subHeaderMain .navbar-light .navbar-nav .nav-item .nav-link {        
      font-size: 13px;
      padding: 14px 16px;    
  }
}
@media screen and (max-width: 1439px) {
  .subHeaderMain .navbar-light .navbar-nav .nav-item .nav-link {        
      font-size: 12px;      
      padding: 14px 11px;       
  }
}
.subHeaderMenu {
  justify-content: flex-end;
}
.subHeaderMenu2 {
    justify-content: space-between;
}
.subHeaderMain .fa {
  font-size: 12px;
  color: #fff;
  margin-right: 5px;
}
/* .loginLink {
  font-weight: 500;
  color: #fff;
  line-height: 18px;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 18px 24px;
  text-align: left;
  padding-right: 0;
}
.loginLink:hover {
  color: #00ff43;
} */
/*-- SubHeader Style End --*/

/*-- About Us Start Start --*/
.aboutUsMain {
  padding: 1.5rem 0 2.5rem;
  background: #fff;
}
.aboutTitle {
  background: url('../images/bg/about-bg.png') 0 0 no-repeat;
  font-size: 24px;
  text-transform: uppercase;
  color: #000;
  height: 77px;
  line-height: 94px;
  padding-left: 2px;
  font-weight: 600;
  letter-spacing: 2px;
}
.aboutBlk p {
  font-size: 1rem;
  line-height: 1.7em;
  text-align: justify;
  margin-left: 2px;
  margin-bottom: 0;
  color: #000;
}
.aboutBlk img {
  max-width: 240px;
  margin-left: 30px;
}
/*-- About Us Start End --*/

/*-- Sports List Start Start --*/
.sportsListMain {
  padding: 1.5rem 0 60px;
  background: #fff;
}
.sportsListBlk h2 {
  border-bottom: 1px solid #CCC;
  padding-bottom: 15px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  position: relative;
}
.sportsListBlk h2:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 95%;
  transform: translateX(-50%);
  width: 80px;
  height: 6px;
  background: #1599ff;
}
.sportsListBlk ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
  padding: 0;
}
.sportsListBlk li {
  width: 20%;
  padding: 1%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.sportsListBlk li:nth-child(5n) {
  border-right: none!important;
  margin-right: 0;
}
.sportsListBlk li img {
  margin-bottom: 10px;
  width: 84px;
}
.sportsListBlk li h6 {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2em;
  color: #454545;
  margin: 0;
}
/*-- Sports List Start End --*/

/*-- Home Page Style Start --*/
.landingPageMain {
  position: relative;
 }
 .landingPageMain img {
     max-height: 100vh;
     width: 100%;
 }
 /* .landingPageBtn {
    position: absolute;
    left: 7.5%;
    top: 222px;
} */
/*-- Home Page Style End --*/
/*-- New Header Style Start --*/
.newHeaderMain {
  background: #ffffffb0;
  box-shadow: -4px 2px 3px 0px rgb(0 0 0 / 16%);
  margin-bottom: 30px;
  position: relative;
}
.newHeaderMainBlk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;  
  width: 100%; 
}
.newHeaderTitle {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50% , -50%);
}
.newHeaderTitle h1 {
  font-size: 24px;
  margin: 0;
  color: #0061a7;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  position: relative;
  display: inline-block; 
}
/* .newHeaderTitle h1:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background: #f00;
  width: 100%;
  height: 3px;
} */
.newHeaderTitle h2 {
  font-size: 20px;
  margin: 0;
  color: #0061a7;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  text-decoration: underline;
}
.newHeaderIcon img:first-child {
  margin-right: 15px;
}
/*-- New Header Style End --*/

/*-- Splitter Page Style Start --*/
.dashBoardLayout {
  padding: 40px 0 70px;
    min-height: calc(100vh - 165px);    
    position: relative;
    overflow: hidden;
}
.dashBoardLayout:before {  
  content: '';
  display: block;
  position: absolute;
  left: -30%;
  top: 0;
  background-color: #443765;
  background-color: #ebe5d3;
  height: 100%;
  width: 100%; 
  transform: rotate(307deg);
  z-index: -9;
}
.dashBoardLayout:after {  
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: #443765;
  background-color: #ebe5d3;
  height: 500px;
  width: 500px;
  transform: rotate(90deg);
  z-index: -9;
}
.dashBoardMain {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.spNotification {
  background: rgba(255,255,255,1);
  box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
  /* padding: 20px 25px; */
  width: 30%;
  margin-right: 2%;
  border-radius: 0.25rem;
  padding-bottom: 20px;
}
.spNotification h2 {
  font-size: 16px;
  padding: 15px 20px;
  background: #0b1552;
  color: #fff;
  font-weight: 500;
  letter-spacing: 2px;
  margin: 0 0 16px;
  border-radius: .25rem .25rem 0 0;
}
.spNotification h2 i {
  font-size: 14px;
  color: #31ff00;
}
.spNotification marquee {
  padding: 10px 20px;
}
.spNotification marquee ul {
  margin: 0;
  padding-left: 20px;  
  list-style-type: disclosure-closed;
}
.spNotification marquee ul li {
  line-height: 20px;
  list-style-type: disclosure-closed;
  color: #fd4a36;
}
.spNotification marquee ul li:not(:last-child) {
  border-bottom: 1px dashed #6c6c6c;
  padding-bottom: 5px;
  margin: 0 0 10px;
}
.spNotification marquee ul li a {
  font-size: 14px;
  color: #0c0a9f;
  line-height: 24px;
}
.dashSplitterMain {
  width: calc(100% - 32%);
}

.dashSplitterHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px auto 60px;
}
.dashSplitterHeader h4 {  
  height: 80px;
  line-height: 104px;  
  letter-spacing: 2px;
  margin: 0;
  font-size: 44px;
  text-transform: uppercase;
  color: #ef00ff;
  font-weight: 800;
  text-shadow: 3px 2px 1px rgba(0,0,0,0.4);
  padding-left: 4px;
  text-decoration: underline;
  position: relative;
}

.dashSplitterHeader h4::before {
  content: "खेल से प्रगति";
  position: absolute;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  font-size: 32px;
  text-shadow: none;
  text-shadow: 3px 2px 1px rgba(0,0,0,0.2);
  color: #343295;
  text-decoration: underline;
  /* -webkit-text-fill-color: #343295;
    -webkit-text-stroke-width: 0.025rem;
    -webkit-text-stroke-color: #00ff5a;
    text-shadow: 3px 2px 1px rgba(0,0,0,0.2); */
}
.dashSplitterHeader h5 {
    font-size: 34px;
    text-transform: uppercase;
    color: #343295;
    font-weight: 500;
    margin: 0;
    line-height: 38px;
}
.dashSplitterBlk ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
}
.dashSplitterBlk ul li {
  width: 340px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 1px 11px 3px rgb(0 0 0 / 30%);
  border-radius: 10px 0;
  background: rgb(131,58,180);  
  background: linear-gradient(61deg, rgba(131,58,180,1) 0%, rgb(25 63 120) 50%, rgb(32 123 167) 100%);
}
.dashSplitterBlk ul li:first-child {
  margin-right: 30px;
}
.dashSplitterBlk ul li a { 
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  align-items: center;  
  border-radius: 10px 0;  
  font-size: 16px;
  border: 1px dashed #fff;
  padding: 16px 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  text-align: center;
}
.dashSplitterBlk ul li a span {
  overflow: hidden;
  position: relative;
  display: inline-block;
  color: #fff;
}
.dashSplitterBlk ul li a span::before,
.dashSplitterBlk ul li a span::after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
}
.dashSplitterBlk ul li a span::before {
  background-color: #ffffff;
  height: 2px;
  bottom: 0;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}
.dashSplitterBlk ul li a span::after {
  content: attr(data-replace);
  height: 100%;
  top: 0;
  transform-origin: 100% 50%;
  transform: translate3d(2%, 0, 0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
  color: #54b3d6 !important;
}
.dashSplitterBlk ul li a span:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.dashSplitterBlk ul li a:hover::after {
  transform: translate3d(0, 0, 0);
}
.dashSplitterBlk ul li a span {
  display: inline-block;
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}
.dashSplitterBlk ul li a:hover span {
  transform: translate3d(-2%, 0, 0);
}
.dashSplitterBlk ul li img {  
  margin-bottom: 20px;
}


/*-----------------------------------*/

.splitterHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px auto 60px;
}
.splitterHeader h4 {
  /* background: url('../images/bg/titleBg-dark.png') 0 0 no-repeat;   */
  height: 80px;
  line-height: 104px;  
  letter-spacing: 2px;
  margin: 0;
  font-size: 44px;
  text-transform: uppercase;
  color: #ef00ff;
  font-weight: 800;
  text-shadow: 3px 2px 1px rgba(0,0,0,0.4);
  padding-left: 4px;
  text-decoration: underline;
  position: relative;
}
.splitterHeader2 h4 {
  margin: 0 0 15px;
}
/* .splitterHeader2 h4 {
  background: none;
  padding: 0;
  height: inherit;
  line-height: inherit;
} */
.splitterHeader h4::before {
  content: "खेल से प्रगति";
  position: absolute;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  font-size: 32px;
  text-shadow: none;
  text-shadow: 3px 2px 1px rgba(0,0,0,0.2);
  color: #343295;
  text-decoration: underline;
}
/* .splitterHeader2 h4::before {
    display: none;
} */
.splitterHeader h5 {
    font-size: 34px;
    text-transform: uppercase;
    color: #343295;
    font-weight: 500;
    margin: 0;
    line-height: 38px;
}
.splitterBlk ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
}
.splitterBlk ul li {
  width: 340px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 1px 11px 3px rgb(0 0 0 / 30%);
  border-radius: 10px 0;
  background: rgb(131,58,180);
  /* background: linear-gradient(61deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); */
  background: linear-gradient(61deg, rgba(131,58,180,1) 0%, rgb(25 63 120) 50%, rgb(32 123 167) 100%);
  margin-right:25px;
}
.splitterBlk ul li:not(:last-child) {
  margin-bottom: 20px;
}
.splitterBlk ul li:first-child {
  margin-right: 30px;
}
/* .splitterBlk ul li a {
  background: #f00;
  padding: 40px;
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 1px 11px 3px rgb(0 0 0 / 30%);
  border-radius: 10px 0;
  color: #fff;
  font-size: 20px;
} */
.splitterBlk ul li a { 
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  align-items: center;  
  border-radius: 10px 0;
  /* color: #fff; */
  font-size: 16px;
  border: 1px dashed #fff;
  padding: 16px 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  text-align: center;
  height: 100%;
}
.splitterBlk.splitterBlkNoImg ul li a {
  flex-direction: row;
}

.splitterBlk ul li a span {
  overflow: hidden;
  position: relative;
  display: inline-block;
  color: #fff;
}

.splitterBlk ul li a span::before,
.splitterBlk ul li a span::after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
}
.splitterBlk ul li a span::before {
  background-color: #ffffff;
  height: 2px;
  bottom: 0;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}
.splitterBlk ul li a span::after {
  content: attr(data-replace);
  height: 100%;
  top: 0;
  transform-origin: 100% 50%;
  transform: translate3d(2%, 0, 0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
  color: #54b3d6 !important;
}

.splitterBlk ul li a span:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.splitterBlk ul li a:hover::after {
  transform: translate3d(0, 0, 0);
}

.splitterBlk ul li a span {
    display: inline-block;
    transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
    font-size: 12px;
}

.splitterBlk ul li a:hover span {
  transform: translate3d(-2%, 0, 0);
}
.splitterBlk ul li img {
  /* width: 96px; */
  margin-bottom: 20px;
}
.splitMarginRight ul li {
  margin: 0 30px 0 0 !important;
}
/*-- Splitter Page Style End --*/

/*-- SideMenu Style Start --*/
/* .MenuSideBar ul li.has-submenu.collapseMain:hover .submenu {
  display: block;
} */
.RegistrationLayout {
  display: flex;
  justify-content: space-between;
}
.portalName {
  text-align: center;
  margin: 15px 0 20px;
}
.portalName h1 {
  font-size: 24px;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.2);
  color: #343295;
  text-decoration: underline;
  font-weight: 600;
}
.portalName h2 {
  letter-spacing: 2px;
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
  color: #ef00ff;
  font-weight: 800;
  text-decoration: underline;
  position: relative;
}
/* .portalName h2::before {
  content: "खेल से प्रगति";
  position: absolute;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  font-size: 32px;
  text-shadow: none;
  text-shadow: 3px 2px 1px rgba(0,0,0,0.2);
  color: #343295;
  text-decoration: underline;
} */
.MenuSideBar {
  background-color: #ced9ff;
  padding: 0;
  background-color: #fff;
  width: 300px;
  box-shadow: 0px 2px 5px 8px rgb(0 0 0 / 16%);
  min-height: calc(100vh - 96px);
}
.MenuSideBar h5 {
    font-size: 16px;
    background: #5223c7;
    color: #fff;
    padding: 20px 18px 16px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}
.MenuSideBar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}

.MenuSideBar ul li {
  width: 100%;
  border-bottom: 1px solid #c9cee1;
  margin-bottom: 3px;
  background: #f1f1f1;
}
.MenuSideBar ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.MenuSideBar .nav>li>a.active,
.MenuSideBar .nav>li>a:focus,
.MenuSideBar .nav>li>a:hover {
  outline: none;
  background-color: #8499e2;
  color: #fff;
}

.MenuSideBar .nav>li>a:hover {
  background-color: #0f3462;
}
.MenuSideBar ul li li a:hover {
  background-color: #9aaae2;
  color: #fff;
}

.MenuSideBar ul li a {
  font-weight: 500;
  color: #192bad;
  line-height: 18px;
  font-size: 14px;
  padding: 14px 0px 9px 18px;
  display: block;
  width: 100%;
}
.MenuSideBar li ul li a {
  padding: 10px 0px 7px 22px;
  display: block;
  background: #b8c2e4;
  font-weight: 400;
  font-size: 13px;
  color: #1b00ff;
}

.contentBar {
  /* padding-top: 20px; */
  padding-bottom: 20px;
  /* border: 1px solid #dee2e6; */
  /* background: #ced9ff; */
  padding: 20px;
  padding-bottom: 60px;
  width: calc(100% - 318px);
}
.RegistrationLayout .subHeaderMain {
    background-color: #5223c7;
    padding-right: 20px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
}
.schoolNameTitle {
    color: #fff;
    line-height: 18px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    font-weight: 600;
    padding: 14px 11px;
}
.MenuSideBar ul li.has-submenu.collapseMain{ 
  position: relative;
}
.MenuSideBar ul li.has-submenu.collapseMain::after {
  position: absolute;
  right: 8px;
  top: 17px;
  width: .75rem;
  height: .75rem;    
  content: "";
  background-image: url("../images/icon/download-color.png");
  background-repeat: no-repeat;
  background-size: .75rem;
  transition: transform .2s ease-in-out;
}
.MenuSideBar ul li.has-submenu.collapseMain .show::after {
  background-image: url("../images/icon/download-color.png");
  transform: rotate(-180deg);
  top: 12px;
}
.subHeaderMain .navbar {
  width: 100%;
}
.sNameTitleBg {
    background-color: #535131;
}
.sNameTitleBg .schoolNameTitle {
    text-align: center;
}
/*-- SideMenu Style End --*/

/*-- Login Style Start --*/
.userLayout {
    background: #f5eaff url('../images/bg/bg1.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    height: 100vh;
}
.pageLayout {
    padding: 40px 0 70px;
}
.loginMainHeader {
    text-align: center;
    margin: 10px 0 30px;
}
.loginMainHeader h4 {  
  height: 80px;
  line-height: 104px;  
  letter-spacing: 2px;
  margin: 0;
  font-size: 44px;
  text-transform: uppercase;
  color: #ef00ff;
  font-weight: 800;
  text-shadow: 3px 2px 1px rgba(0,0,0,0.4);
  padding-left: 4px;
  text-decoration: underline;
  position: relative;
}
.loginMainHeader h4::before {
  content: "खेल से प्रगति";
  position: absolute;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  font-size: 32px;
  text-shadow: none;
  text-shadow: 3px 2px 1px rgba(0,0,0,0.2);
  color: #343295;
  text-decoration: underline;
}
.loginMain {
    max-width: 450px;
    margin: 0 auto;
    padding: 24px 20px 25px;
    border-radius: 6px;
    box-shadow: 0 5px 8px hsl(0deg 0% 8% / 31%);
    /* background-image: linear-gradient(-225deg, #edfff9 50%, #cfcfcf 50%); */
    background-image: url("../images/bg/b3.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 100%;
    background-color: #001e48;
    position: relative;
}
.loginMain:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(11 0 74 / 50%);
    border-radius: 6px;
}
.loginBlk {
    position: relative;
}
.loginMain .inputControl,
.loginMain .selectControl,
.loginMain .textControl {
    background-color: rgba(255,255,255,0.85);
}
.loginMain .inputControl:focus,
.loginMain .selectControl:focus,
.loginMain .textControl :focus {
    background-color: #ffffff;
}
.loginMainHead {
    text-align: center;
    margin: 0 0 20px;
}
.loginMainHead img {
    width: 80px;
    border: 5px solid #c1e1f3;
    border-radius: 50%;
}
.loginMain h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    text-decoration: underline;
    margin: 0 0 40px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.loginMain .labelControl{
    color: #fbff09;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}
.captchaBlk {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255,255,255,0.85);
    padding: 14px 14px 10px;
    border-radius: 0.25rem;
}
.captchaBlk img {
    border: 1px dashed #000;
}
.captchaBlk a {
    margin: 8px 0 0;
    font-weight: 500;
    font-size: 16px;
    color: #002bff;
}
.loginInstList {
    background: rgba(255,255,255,.8);
    padding: 8px 15px 8px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.loginInfoPara {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 6px;
    color: #fb00ff;
    text-decoration: underline;
    line-height: 18px;
}
.loginInstList .list-unstyled {
    margin: 0;
    list-style-type: disclosure-closed;
    padding-left: 20px;
}
.loginInstList .list-unstyled li {
    font-size: 14px;
    color: #000089;
    margin-bottom: 3px;
}
.loginInstList .list-unstyled li:last-child {
    margin-bottom: 0;
}
.forgotPasswordBlk {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.forgotPasswordBlk #lnkForgotPassword {
    margin-top: 20px;
    margin-bottom: 5px;
    color: #36ff04;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 500;
}
.forgotPasswordBlk #lnkForgotPassword:hover {
    text-decoration: underline;
}

.loginErrorMsg {
    color: #a5f900 !important;
    margin-top: 15px !important;
    display: inline-block;
    font-size: 15px !important;
    font-weight: 500;
    letter-spacing: 1px;
}
.loginBlk .text-danger {
    color: #a5f900 !important;   
    font-size: 13px !important;
    font-weight: 400;
    letter-spacing: 1px;
}
/*-- Login Style End --*/


/*-- Registration Style Start --*/
.regForm {
    background: rgba(255,255,255,1);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    padding: 20px 25px;
    /* border-radius: 10px; */
}

.pageTitle {    
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 20px;
    color: #0633a2;
    text-decoration: underline;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
.pageTitle2 {
  margin-bottom: 10px;
}
.subTitle {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px;
    color: #ff6b02;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
.checkBoxBlk {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #001995;
}
.checkBoxBlk input[type="checkbox"] {
  margin: 0 8px 0 0;
}
.uploadImg {
  display: inline-flex;
  justify-content: flex-end; 
}
.uploadImg img { 
  border: 1px dashed #a5a5a5;
  padding: 4px;
}
.uploadCheck {
  border: 1px dashed #a5a5a5;
  padding: 4px;
}
.regPreview th {
  font-size: 13px;
  font-weight: 500;  
  line-height: 20px;
  color: #001995;
}
.regPreview .tableHeaderBg th {
  background: #325e95;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}
.tableHeaderBg th {
  background: #325e95;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}
.tableControlBtn a:not(:first-child) {
  margin-left: 8px;
}
.tableControlBtn a:not(:last-child) {
  margin-right: 8px;
}
.tableControlBtn a {
  color: #a900ff;  
  font-weight: 500;
}
.tableControlBtn a:hover {
  color: #fb4b07;
  text-decoration: underline;
}
.statisticsTable .dataTables_length, 
.statisticsTable .dataTables_filter {
    margin-bottom: 20px;
}
.statisticsTable .dataTables_length label, 
.statisticsTable .dataTables_filter label {
    font-weight: 500;
    line-height: 20px;
    color: #001995;
    font-size: 14px;
    text-transform: capitalize;
}
.statisticsTable .dataTables_length select {
    border-color: #e0e0e0;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    border-radius: 0.25rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    margin: 0 10px;
}
.statisticsTable .dataTables_filter input[type="search"] {
    border: 1px solid #e0e0e0;
    font-size: 14px;
    box-shadow: none;
    border-radius: 0.25rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    padding: 0.375rem 0.75rem 0.375rem 0.75rem;
    outline: none;
}
.statisticsTable .dataTables_wrapper .dataTables_info {
    margin: 10px 0;
    font-weight: 500;
    line-height: 20px;
    color: #001995;
    font-size: 14px;
    text-transform: capitalize;
    padding-top: 10px;
}
.statisticsTable .dataTables_paginate {
    margin: 10px 0;
}
.statisticsTable .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #001995 !important;
} 
.statisticsTable2 .table {
    table-layout: fixed;
}
/* .statisticsTable .table,
.statisticsTable .table th, 
.statisticsTable .table td {
    border-color: #dcdcdc !important;
} */
.statisticsTable .table {
    border: 1px solid #dcdcdc !important;
}
.statisticsTable .tableHeaderBg th {
  font-weight: 500;
  font-size: 13px;
}
.statisticsTable .table td {
  font-size: 13px;
  word-break: break-word;
}
.statisticsTable .table th, 
.statisticsTable .table td {
  border: none !important;
  border-right: 1px solid #dcdcdc !important;
  border-bottom: 1px solid #dcdcdc !important;
}
.statisticsTable .table th:last-child, 
.statisticsTable .table td:last-child {
  border-right: none !important;  
}
.statisticsTable .table tr:last-child td {
  border-bottom: none !important;
}
/* .statisticsTable .table-bordered>:not(caption)>*>* {
    border-width: 1px;
} */
table.dataTable thead .sorting {
  background-image: url("../images/icon/sort_both.png") !important;
}

table.dataTable thead .sorting_asc {
  background-image: url("../images/icon/sort_asc.png") !important;
}

table.dataTable thead .sorting_desc {
  background-image: url("../images/icon/sort_desc.png") !important;
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/icon/sort_asc_disabled.png") !important;
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/icon/sort_desc_disabled.png") !important;
}
.statisticsTable .table.customTableBorder tr:not(:first-child) td {
  border-top: 1px solid #dcdcdc !important;
  border-left: none !important;  
}
.gameWiseReport select {
  min-width: 253px;
}
.downloadBtn {
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
.blink_me {
    animation: blinker 2s linear infinite;
    color: #f00;
    font-size: 24px;
    text-align: center;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}
.payResponseMsg {
    font-size: 16px;
    text-align: center;
    color: #1b8d00;
    font-weight: 500;
}
.lastDateMain {
    max-width: 600px;
    margin: 0 auto;
}
.lastDateMain h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 20px;
    color: #f30c0a;
    font-weight: 500;
    text-align: center;
}
.lastDateActionBlk {
    display: flex;
    justify-content: center;
}
.attendanceSheet {
  background: #fbface;
  padding: 15px 10px;
}
.sCertificateVSearch {
  flex-direction: column;
}
.sCertificateVSearchL {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
}
.attendanceSheet .inputControl {
    max-width: 200px;
    margin: 0 16px !important;
}
.attendanceSheet .sCertificateVSearchL .inputControl {
  margin: 0 0 0 5px !important;
}
.attendanceSheet .labelControl {
    margin-bottom: 0;
}
.sCertificateVSearchL .labelControl {
  display: inline-block;
  min-width: 184px;
}
.attendanceSheet .actionBtn {
    border-radius: 0.25rem !important;
}
.attendanceSheet .actionBtn:not(:last-child) {    
    margin-right: 15px !important;
}
.mobTabCard {
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
}
.mobTabCard .table th {
    font-weight: 500;
}
.mobTabCard .table td {
    color: #95001a;
}
.mobTabCard .table-bordered>:not(caption)>*>* {
  border: 1px solid #dee2e6;
  word-break: break-word;
}
.participationBlk ul {
  display: inline-flex;
  justify-content: flex-end;
}
.MeritBlk ul {
  display: inline-flex;
  justify-content: flex-start;
}
/*-- Registration Style End --*/
/*-- Calender Style Start --*/
.sportsCalenderMain table th {
    background: #0b1552;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
}
.sportsCalenderMain table i {
  font-size: 18px;
  color: #5223c7;
}
.sportsCalenderMain table a {
  color: #444;
  font-size: 15px;
}
.sportsCalenderMain table a:hover {
  text-decoration: underline;
  color: #002bff;
}
/*-- Calender Style End --*/

/*-- Contact Us Style Start --*/
.bannerBlk {
  position: relative;
}
.bannerBlk img {
  max-height: 240px;
  width: 100%;
}
.bannerBlk:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0,0,0,.2);
  width: 100%;
  height: 100%;
}
.bannerBlk h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50% , -50%);
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 28px;
}
.bannerBlk h2:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  background: #7aff00;
  width: 3px;
  height: 24px;
}
.contactRow {
  box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
  border: 1px dashed #444;
}
.contactAddress {
  background-color: #ffffff;
  padding: 20px;
}
.contactSecTitle {
  margin-bottom: 20px;
}
.contactSecTitle h2 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  text-transform: uppercase;
  color: #0b1552;
  margin: 0;
  position: relative;
  padding-bottom: 8px;
}
.contactSecTitle h2:after {
  content: "";
  position: absolute;
  border: 0;
  width: 65px;
  height: 5px;
  background: #5223c7;
  z-index: 1;
  margin-left: 0;
  left: 0;
  bottom: 0;
}
.contactAddressItem {
  display: flex;
  position: relative;
  align-items: center;  
}
.contactAddressText h6 {
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 20px;
  color: #174d91;
  font-family: 'Roboto', sans-serif;
}
.contactAddressText p {
  margin: 0 0 18px;
  font-size: 15px;  
}
.contactAddressIcon {
  margin-right: 10px;
}
.contactAddressIcon img {
  width: 24px;
  height: 24px;
}
.contactMap {
  overflow: hidden;
  background: #fff;
  padding-top: 7px;
  padding-bottom: 3px;  
}
.contactMap iframe {
  width: 100%;
}
/*-- Contact Us Style End --*/

/*-- Certificate Style Start --*/
.certificateMain {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  background: #fff;
  padding: 14px;
  box-shadow: 0 1px 11px 3px rgb(0 0 0 / 30%);
}
.certificateBoundary {
  border: 40px solid #00aeef;
  border-right: none;
  padding: 10px 14px;
  padding-right: 0;
  width: 100%;
  position: relative;
  /* border-top: 55px solid #00aeef; */
  /* border-left: 55px solid #00aeef; */
  /* border-bottom: 55px solid #00aeef; */
}
    /*.certificateBoundary::after {
        content: "";
        position: absolute;
        right: 6px;
        top: -40px;
        width: 34px;
        height: 34px;
        background: url(../images/pattern/g1.png) no-repeat;
    }*/
.gicon4,
.gicon4National,
.gicon4Zone,
.gicon4Cluster {
    position: absolute;
    top: -40px;
    right: 0;
}

.certificateBlk {
    width: 100%;
}
.certificateHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 10px;
}
.certificateHeadImg {
  width: 94px;
}
.certificateHeadTitle {
  text-align: center;
  margin: 0 15px;
  width: calc(100% - 370px);
}
.certificateHeadTitle h2 {
  font-size: 24px;
  color: #2e3192;
  margin: 0 0 6px;
  font-weight: 600;
}
.certificateHeadTitle h3 {
  font-size: 16px;
  color: #2e3192;
  margin: 0 0 5px;
  font-weight: 600;
}
.certificateHeadTitle h4 {
  font-size: 14px;
  color: #2e3192;
  margin: 0 0 10px;
  font-weight: 600;
}
.certificateHeadTitle h1 {
  font-size: 26px;
  color: #2e3192;
  margin: 0;
  font-weight: 600;
  font-family: 'trajan_proregular';
}
.certificateSerialNo {
  display: inline-flex;
  justify-content: space-between;
  width: 246px;
}
.certificateSerialNo p {
  font-size: 12px;
  color: #2e3192;
  font-weight: 500;
  margin: 0;
}
.certificateSerialNo p span {
    color: #000;
    position: relative;
    /*padding-bottom: 3px;*/
    margin-left: 4px;
}
/*.certificateSerialNo p span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    border-bottom: 1px solid #101010;
    width: 100%;
}*/
.certificateBlk ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
}
.certificateBlk li {
  margin-bottom: 10px;
  text-align: center;
  /* line-height: 66px; */
  display: inline-flex;
  justify-content: flex-end;
  /* margin-left: 10px; */
}
.certificateBlk li:last-child {
  margin-bottom: 0;
}
.certificateBlk li img {
  width: 40px;
  height: 40px;
  background: #00aeef;
  margin-left: 10px;
  /*padding: 5px;*/
}
.certificateContent {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 0 10px;
}
.certificateContent1 {
  font-size: 16px;
  display: inline-flex;
  flex-direction: column;
  width: calc(100% - 150px);
}
.certificateContent1 p {
  font-size: 14px;
  color: #2e3192;
  font-weight: 500;
  margin-bottom: 12px;
}
.certificateContent1 p:last-child {
  margin: 0;
}
.certificateContent1 p strong {
  font-size: 13px;
}
.certificateContent1 p span {
    position: relative;
    display: inline-block;
    margin: 0 6px;
    text-align: center;
    font-size: 13px;
    color: #000;
}
.certificateContent1 p span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  border-bottom: 1px solid #2e3192;
  width: 100%;
}
.certificateContentDot1 {
  width: 320px;
}
.certificateContentDot2 {
  width: 116px;
}
.certificateContentDot3 {
  width: 610px;
}
.certificateContentDot4 {
  width: 300px;
}
.certificateContentDot5 {
  width: 666px;
}
.certificateContentDot5_new {
    width: 600px;
}
.certificateContentDot6 {
    width: 90px;
}
.certificateContentDot7 {
  width: 90px;
}
.certificateContentDot8 {
  width: 60px;
}
.certificateContentDot9 {
  width: 80px;
}
.certificateContentDot10 {
    width: 214px;
    /*width: 140px;*/
}
.certificateContentDot11 {
  width: 160px;
}
.certificateContentDot12 {
  width: 138px;
}
.certificateContentDot13 {
  width: 138px;
}
.certificateContentDot14 {
  width: 260px;
}
.certificateContentDot15 {
  width: 120px;
}
.certificateContentDot16 {
  width: 120px;
}
.certificateContentDot17 {
  width: 184px;
}
.certificateContentDot19 {
    width: 138px;
}
.certificateStrongContent {
  /* text-align: center; */
  margin: 0 !important;
}
.certificateContent2 {
  width: calc(100% - 200px);
}
.certificateContent3 {
  width: calc(100% - 250px);
}
.certificateContentSpace {
  width: 78px;
}
.certificateContentSpace::before {
  display: none;
}
.certificateFooter {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  position: relative;
}
.certificateFooterSign {
  width: calc(100% - 310px);
  position: absolute;
  left: 0;
  top: -36px;
}
.certificateFooterSign ul {
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
}
.certificateFooterSign ul li {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}
.certificateFooterSign ul li p {
  font-size: 14px;
  color: #2e3192;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 18px;
}
.certificateFooterSign ul li p:last-child {
  margin: 0;
}
.certificateFooterSign ul li img {
  background: transparent;
  width: 50px;
  height: auto;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
.certificateBoundaryFooter {
  position: absolute;
  right: 0;
  bottom: -46px;
}
.certificateBoundaryFooter ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
}
.certificateBoundaryFooter ul li {
  display: inline-flex;
  justify-content: flex-end;
  background: #fff;
}
.certificateBoundaryFooter ul li img {
  width: 40px;
  height: 40px;
  background: #00aeef;
  margin-left: 10px;
  /*padding: 5px;*/
}
.certificateBoundaryFooter ul li img:first-of-type {
  margin-left: 0;
}
.certificateMainR .certificateBoundary {
  border-color: #f3858d;
}
.certificateMainR .certificateBlk li img {
  background: #f3858d;
}
.certificateMainR .certificateFooterSign ul li img {
  background: transparent;
}
.certificateMainR .certificateBoundaryFooter ul li img {
  background: #f3858d;
}
.certificateMainR .certificateHeadTitle h2,
.certificateMainR .certificateHeadTitle h3,
.certificateMainR .certificateHeadTitle h4,
.certificateMainR .certificateHeadTitle h1,
.certificateMainR .certificateContent1 p,
.certificateMainR .certificateSerialNo p,
.certificateMainR .certificateFooterSign ul li p {
  color: #ec1163;
}
.certificateMainR .certificateContent1 p span:before {
  border-bottom: 1px solid #ec1163;
}

.certificateMainG .certificateBoundary {
  border-color: #65c18b;
}
.certificateMainG .certificateBlk li img {
  background: #65c18b;
}
.certificateMainG .certificateFooterSign ul li img {
  background: transparent;
}
.certificateMainG .certificateBoundaryFooter ul li img {
  background: #65c18b;
}
.certificateMainG .certificateHeadTitle h2,
.certificateMainG .certificateHeadTitle h3,
.certificateMainG .certificateHeadTitle h4,
.certificateMainG .certificateHeadTitle h1,
.certificateMainG .certificateContent1 p,
.certificateMainG .certificateSerialNo p,
.certificateMainG .certificateFooterSign ul li p {
  color: #00a54f;
}
.certificateMainG .certificateContent1 p span:before {
  border-bottom: 1px solid #00a54f;
}

.certificateMainM .certificateBoundary {
  border-color: #d2ab66;
}
.certificateMainM .certificateBlk li img {
  background: #d2ab66;
}
.certificateMainM .certificateFooterSign ul li img {
  background: transparent;
}
.certificateMainM .certificateBoundaryFooter ul li img {
  background: #d2ab66;
}
.certificateMainM .certificateHeadTitle h2,
.certificateMainM .certificateHeadTitle h3,
.certificateMainM .certificateHeadTitle h4,
.certificateMainM .certificateHeadTitle h1,
.certificateMainM .certificateContent1 p,
.certificateMainM .certificateSerialNo p,
.certificateMainM .certificateFooterSign ul li p {
  color: #9d061f;
}
.certificateMainM .certificateContent1 p span:before {
  border-bottom: 1px solid #9d061f;
}

/*-- Certificate Style End --*/

/*-- Popup Style Start --*/
.MyModalMain .modal-content {
  position: relative;
  border: 6px solid #05519f;
}

.MyModalMain .modal-header {
  justify-content: center;
}

.MyModalMain .close {
  position: absolute;
  right: -14px;
  top: -14px;
  background: #000;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  font-size: 18px;
  padding: 0;
}

.MyModalMain .modal-title {
  font-size: 20px;
  color: #f00;
}

.MyModalMain .modal-body h2 {
  text-align: center;
  font-size: 16px;
  color: #004eff;
  margin-bottom: 15px;
  font-weight: 400;
}

  .MyModalMain .modal-body h2 span {
      color: #ff00ba;
      font-weight: 600;
  }

.MyModalMain .modal-body h3 {
  text-align: center;
  font-size: 14px;
  color: #ff0000;
}
/*-- Popup Style End --*/

/*-- Admit Card Style Start --*/
.admitCardTable td {
  border: none;
}
.admitCardMain h2 {
  font-size: 18px;
  color: #2e3192;
  margin: 0 0 2px;
  font-weight: 600;
}
.admitCardMain h3 {
  font-size: 16px;
  color: #2e3192;
  margin: 0 0 10px;
  font-weight: 600;
}
.admitCardMain h4 {
  font-size: 26px;
  color: #2e3192;
  margin: 0;
  font-weight: 600;
  font-family: 'trajan_proregular';
}
@media print {
  .admitCardMain h2 {
    font-size: 18px;
    color: #2e3192;
    margin: 0 0 2px;
    font-weight: 600;
  }
  .admitCardMain h3 {
    font-size: 16px;
    color: #2e3192;
    margin: 0 0 10px;
    font-weight: 600;
  }
  .admitCardMain h4 {
    font-size: 26px;
    color: #2e3192;
    margin: 0;
    font-weight: 600;
    font-family: 'trajan_proregular';
  }
    .no-print {
        display:none!important;
    }
}
/*-- Admit Card Style End --*/

/*-- 26 Sep 2022 Custom Setting Style Start --*/
.customSetting {
    background: #8ad3fd;
    padding: 5px 0;
    width: 100%;
    border-bottom: 1px solid #5295bb;
}
.customSetting .topbar-logo-txt {
	color: #4e4e4e;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px !important;
	border: none;
}
.customSetting .topbar-logo-txt:hover {
	color: #2c97ea;
	text-decoration: underline !important;
}
.customSetting .topbar-logo-txt:focus {
	border: none;
}
.resizeGroup {
	display: inline-flex;
}
.customSetting .resizeStyle {
    border: 1px solid #000;
    color: #000;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin: 0 2px !important;
    padding: 6px 11px;
    box-shadow: none;
    outline: none;
}
.customSetting .resizeStyle:hover {
	background: #2c97ea;
	color: #fff;
	text-decoration: none;
}

.myColorGroup {
    display: inline-flex;
	margin-left: 10px;
}
.myColorGroup button {
	border-radius: 0.25rem;
}
.myLightColorBtn {
	height: 22px;
	width: 21px;
	background-color: #fff;
	border: 1px solid #000;
	margin-left: 5px;
}
.myDarkColorBtn {
	height: 22px;
	width: 21px;
	background-color: #000;
	border: 1px solid #000;
	margin-left: 5px;
}
.headSocialLink {
    margin-left: 15px;
}
.headSocialLink a {
    height: 22px;
    width: 21px;
    background-color: #337ab7;
    border: 1px solid #000;
    margin-left: 5px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    border-radius: 0.25rem;
    color: #fff;
}
.headSocialLink a:hover {
	background-color: #2c97ea;
}
.myDarkColor,
.catRedirectBody.myDarkColor,
.myDarkColor .banner,
.myDarkColor .instList,
.myDarkColor .kycForm,
.myDarkColor .loginCard .instList {
    background: #000;
}
body.myDarkColor {
    background: #000 !important;
}
.myDarkColor .customSetting {
    background: #000;
    border-bottom: 1px solid #626262;
}
.myDarkColor .customSetting .topbar-logo-txt,
.myDarkColor .customSetting .resizeStyle {
    color: #ff0;
}
.myDarkColor .customSetting .resizeStyle {
	border: 1px solid #fff;
}
.myDarkColor .myLightColorBtn, .myDarkColor .myDarkColorBtn {
    border-color: #fff;
}
.myDarkColor .catRedirectTitle h5,
.myDarkColor .catRedirectTitle h6,
.myDarkColor .catGridMain .catGrid a,
.myDarkColor .visitorCount h6 span.visitorCuntTitle,
.myDarkColor .panel-default .panel-title a:before,
.myDarkColor .panel-default .panel-title a.collapsed:before,
.myDarkColor .panel-default .panel-title a,
.myDarkColor .panel-default .panel-title a.collapsed,
.myDarkColor .catgroyWise .cat-btn-grad a,
.myDarkColor .landingTitle,
.myDarkColor .visitorCount h6 span,
.myDarkColor .headSocialLink a,
.myDarkColor .banner_text h1, 
.myDarkColor .banner_text h2, 
.myDarkColor .banner_text h5,
.myDarkColor .kycNewDes h3,
.myDarkColor .kycMain .infoPara,
.myDarkColor .kycMain ul li,
.myDarkColor .kycMain .kycTitle,
.myDarkColor .kycForm label,
.myDarkColor .kycForm .form-control[disabled],
.myDarkColor .footerRow h4,
.myDarkColor footer ul li a,
.myDarkColor .loginCard h2,
.myDarkColor .loginCard label,
.myDarkColor .loginCard .infoPara,
.myDarkColor .loginCard ul li,
.myDarkColor .kycNewDes .instList p, 
.myDarkColor .kycNewDes .instList ul li,
.myDarkColor .backInlineLink,
.myDarkColor .subTitle,
body.myDarkColor,
.myDarkColor .labelControl,
.myDarkColor .passwordExamp,
.myDarkColor .formNotification,
.myDarkColor .errorPage p,
.myDarkColor .pageTitle,
.myDarkColor .disclosureMain td,
.myDarkColor .prefeilRow .form-control {
	color: #ff0;
}
.myDarkColor .errorPage img {
    filter: invert(1);
}
.myDarkColor .subTitle:after {
    background: #ff0;
}
.myDarkColor .regForm {
    background: #303030;
}
.myDarkColor .catGridMain .catGrid a:hover {
	color: #ffffff !important;
}
.myDarkColor .accordionIcon a:before, 
.myDarkColor .accordionIcon a.collapsed:before {
	color: #ff0 !important;
}
.myDarkColor .cbp-ntaccordion h4.panelNewColor {
	background-color: #000 !important;
}
.myDarkColor .cardMain,
.myDarkColor .loginCard .content-list {
    background: #303030;
}
.myDarkColor .banner,
.myDarkColor .kycMain .kycTitle,
.myDarkColor .loginCard h2 {
	border-bottom: 1px solid #626262;
}
.myDarkColor .footerCont {
    background: #303030;
    color: #ff0;
}
.myDarkColor .inlineLink {
	color: #ff0 !important;
}
.myDarkColor .inlineLink:hover,
.myDarkColor .loginCard .instList a:hover,
.myDarkColor a:hover {
	color: #00aaff !important;
}
.customSettingFooter {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #0b1552;
    padding: 8px 0 5px;    
}
.customSettingFooter p {
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
    margin: 0;
    text-align: center;
}
.customSettingFooter a {
    color: #1a45bf;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
}
.customSettingFooter a:last-child {
	margin-right: 0;
	padding-right: 0;
}
.customSettingFooter a:last-child::after{
	display: none;
}
.customSettingFooter a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #4b817b;
    width: 2px;
    height: 100%;
}
.customSettingFooter a:hover {
	text-decoration: underline !important;
}
.myDarkColor .customSettingFooter {
    background-color: #000;
    border-top: 1px solid #626262;
}
.myDarkColor .customSettingFooter p,
.myDarkColor .customSettingFooter a {
	color: #ff0;
}

.customFooterMain {
    background: #191919;
    padding: 8px 15px;
}
.customFooterMain .copyWrite {
	background: inherit;
	padding: 0 !important;
	text-align: left;
}
.customFooterMain .termCondition a {
    color: grey;
	position: relative;
	padding-right: 15px;
    margin-right: 15px;
}
.customFooterMain .termCondition a:hover {
	color: #00aaff !important;
}
.customFooterMain .termCondition a::after {
	content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #4b817b;
    width: 2px;
    height: 100%;
}
.customFooterMain .termCondition a:last-child {
	margin-right: 0;
	padding-right: 0;
}
.customFooterMain .termCondition a:last-child::after{
	display: none;
}
.myDarkColor .customFooterMain .termCondition a {
	color: #ff0;
}
.myDarkColor .existingPartAInfoGroup {
    background: #000000;
}
.myDarkColor .table {
    color: #ff0;
}
@media screen and (max-width: 1440px) {
	.catRedirectMain {
		margin-bottom: 70px;
	}
}


/*-- 26 Sep 2022 Custom Setting Style End --*/


.blinkBtn {
    animation: glowing 1300ms infinite;
    position: absolute;
    right: 1px;
    top: -13px;
    z-index: 3 !important;
}

@keyframes glowing {
    0% {
        background-color: #2ba805;
        box-shadow: 0 0 5px #2ba805;
    }

    50% {
        background-color: #49e819;
        box-shadow: 0 0 20px #49e819;
    }

    100% {
        background-color: #2ba805;
        box-shadow: 0 0 5px #2ba805;
    }
}

.subHeaderMain .navbar-toggler:focus {
  box-shadow: none;
}
@media screen and (max-width: 1440px) {
  .landingPageMain img {
    max-height: inherit;
    min-height: 100vh;
  }
}
@media screen and (max-width: 1200px) {
  .spNotification,
  .dashSplitterMain {
    width: 100%;
  }
  .spNotification {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 812px) {
  .dashSplitterHeader {
    margin: 20px auto 18px;
  }
  .dashSplitterHeader h4,
  .splitterHeader h4 {
    font-size: 30px;
  }
  .dashSplitterHeader h4::before,
  .splitterHeader h4::before {    
    bottom: 14px;   
    font-size: 23px;
  }
  .spNotification {
    max-height: 250px;
    overflow-y: auto;
  }
  .pageLayout {
    padding: 20px 0 70px;
  }
  .splitterHeader {    
    margin: 10px auto 25px;
  }
  .splitterHeader2 h4 {
    margin: 0 0 5px;
  }
  .splitterHeader h5 {
    font-size: 25px;
    line-height: 6px;
  }
  .bannerBlk img {
    height: 100px;
  }
  .bannerBlk h2 {
    left: 30px;
    transform: translateY(-50%);
    font-size: 20px;
  }  
  
}
@media screen and (max-width: 767px) {
  .viewResultMain .col-md-3 {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 575px) {
  .siteTitle {
    display: none;
  }
  .menuWrapper img {
    max-width: 80px;
  }
  .regForm {
    padding: 14px 12px;
  }
  .sportsCalenderMain table a {
    font-size: 14px;
  }
  .container {
    padding-left: 25px;
    padding-right: 25px;
  }
  .contactSecTitle {
    margin-bottom: 12px;
  }
  .contactSecTitle h2 {
    font-size: 22px;
    line-height: 30px;    
    padding-bottom: 4px;
  }
  .sCertificateVSearchL {
    flex-direction: column;
  }
  .attendanceSheet .sCertificateVSearchL .inputControl {
    margin: 0 !important;
  }
}
@media screen and (max-width: 414px) {  
  .dashSplitterHeader {
    margin: 6px auto 5px;
  }
  .dashSplitterHeader h4,
  .splitterHeader h4 {
    font-size: 20px;
    text-shadow: none;
  }
  .dashSplitterHeader h4::before,
  .splitterHeader h4::before {    
    text-shadow: none;
  }
  .dashSplitterBlk ul {
    flex-wrap: wrap;
  }
  .dashSplitterBlk ul li:first-child {
    margin: 0 0 20px;
  }
  .pageTitle {
    font-size: 14px;
    margin-bottom: 10px;
  }
  
}
.trailImgBlkMian {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}
.trailImgBlkGroup {
    background: #fffbce;
    padding: 20px;
    width: 24%;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #976dff;
    border-radius: 0.25rem;
}
.trailImgBlkGroup .uploadImg {
    margin: 0 0 10px;
}
.trailImgBlkGroup .uploadImg img {
    border-color: #ff5200;
}
.datePickerBox {
    background-color: #fff !important;
}

@media screen and (max-width: 1199px) {
    .trailImgBlkMian {
        flex-wrap: wrap;
    }
    .trailImgBlkGroup {
        width: 49%;
        margin-bottom: 20px;
    }
    .marginMDSecreen {
        margin-bottom: 15px;
    }
}
.navbar-light .navbar-toggler {
  border: none;
  padding: 5PX 0;
}
.navbar-light .navbar-toggler-icon {
  background-image: url('../images/icon/menu.svg') !important;
}
@media screen and (min-width:992px) {
  /* .schoolNameTitleDesk {
      display: none;
  } */
   .schoolNameTitleMob {
    display: none;
  }
  .statTableMob {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .subHeaderMain .nav-item::after {
    display: none;
  }
  .navbar-collapse {
    background-color: #6a8d18;
    position: absolute;
    width: 100%;
    top: 40px;
    z-index: 9;
  }
  .subHeaderMain .nav-item {
    border-bottom: 1px solid #fff;
  }
  .subHeaderMain .nav-item:last-child {
    border: none;
  }
  .dashSplitterHeader h4,
  .splitterHeader h4,
  .loginMainHeader h4 {
      font-size: 30px;
      line-height: 36px;
      height: inherit;
      padding: 0;
  }
  .dashSplitterHeader h4::before,
  .splitterHeader h4::before,
  .loginMainHeader h4::before {    
    bottom: 34px;
    font-size: 24px;
  }
  .splitterHeader h5 {
    font-size: 28px;
  }
  .schoolNameTitle {
    font-size: 10px;
  }
  .schoolNameTitleDesk {
    display: none;
  }
  .statTableDesk {
    display: none;
  }
  .sSplitMarginB li:not(:last-child) {
    margin-bottom: 20px !important;
  }
  .pageTitle {
    font-size: 16px;
  }
}

@media screen and (max-width: 854px) {
  .splitterBlk ul {
    flex-wrap: wrap;
  }
  .splitterBlk ul li {
    width: 100%;
  }
  .splitterBlk ul li:first-child {
    margin-right: 0;
  }
  .splitterBlk ul li:not(:last-child) {
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 812px) {
  .splitterHeader2 h4,
  .loginMainHeader h4 {
      margin: 30px 0 20px;
  }
}
@media screen and (max-width:565px) {  
  .dashSplitterHeader h4, 
  .splitterHeader h4,
  .loginMainHeader h4 {
      font-size: 17px;
      text-shadow: none;
  }
  .dashSplitterHeader h4::before,
  .splitterHeader h4::before,
  .loginMainHeader h4::before {
      bottom: 34px;
      font-size: 18px;
  }
  .splitterHeader h5 {
      font-size: 20px;
  }
  .loginMain h2 {
    font-size: 16px;
    margin: 0 0 20px;
  }
  .dashSplitterBlk ul {
    flex-wrap: wrap;
  }
  .dashSplitterBlk ul li {
    width: 100%;
  }
  .dashSplitterBlk ul li:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .mobTabCard .table th {
    font-size: 13px;
  }
  .mobColumnView {
    flex-direction: column;
  }
}
@media screen and (max-width: 414px) {
  .customSettingFooter p {
    font-size: 11px;
  }
}