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

* {
  outline: none;
}

body {
  font-family: 'Poppins', sans-serif;
  background: #F3F6F9;
}

.fnt-sensPro {
  font-family: 'Source Sans Pro', sans-serif;
}

.loginSec {
  height: 100vh;
  width: 100%;
}

.col-xxl-9.col-xl-8.col-md-8+.col-xxl-3.col-xl-4.col-md-4>.card {
  position: sticky;
  top: 50px;
}
ul.kingdom li.fstBox a,ul.kingdom li.last a {
  width: 100px;
}
p.counterBox {
  padding: 15px 0 !important;
}

.loginSec form {
  max-width: 445px;
  margin: auto;
  text-align: center;
}

iframe {
  width: 100% !important;
}

.audioDivBox {
  position: fixed;
  bottom: 20px;
  right: 10px;
  box-shadow: 0 0 10px #ddd;
  border-radius: 50px;
}

/* .cusVideo iframe {
  width: 50% !important;
} */

.loginSec h1 {
  font-size: 28px;
  color: #D61B24;
  font-weight: bold;
}

.mt-n5.d-flex.justify-content-start {
  width: 60px;
}

/*.sidebar.left {*/
/*  position: sticky;*/
/*  top: 0;*/
/*}*/

.loginSec p.textDetail {
  font-size: 12px;
  color: #5E6980;
  padding: 15px 0 40px;
}

.loginSec .form-group {
  position: relative;
}

.form-group {}

.loginSec .form-group span {}

.loginSec .form-group span.iconImg {
  position: absolute;
  right: 10px;
  margin-top: 7px;
}

.loginSec .form-group input {
  padding-right: 44px;
}

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

.formFooter a.forgetPwd {
  color: #3067D5;
  font-size: 16px;
}

.btn-red {
  background: #D61B24;
  color: #fff;
}

.btn-red:hover,
.btn-red:focus {
  background: #bb1a22;
  color: #fff;
}

.text-red {
  color: #bb1a22;
}

.formFooter .btn-red {
  width: 105px;
}

.registerLink span {
  color: #364460;
  padding-right: 15px;
}

.registerLink {
  padding-top: 80px;
}

a.registerBtn {
  font-size: 16px;
  font-weight: bold;
}

a.goTO {
  position: absolute;
  top: 20px;
  left: 40px;
  height: 40px;
  width: 40px;
  border-radius: 100px;
  border: 1px solid #00000031;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header {
  background: #111111;
  padding: 10px;
  height: 92px;
  margin-bottom: 30px;
}

i.fa {
  font-family: fontawesome;
}

.rightHEader {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.userDashboard button,
.userDashboard button:hover {
  color: #A4A4A4;
}

.userDashboard button:after {
  content: none;
}

.userDashboard button img {
  max-width: 54px;
  margin: 0 15px;
}

li.icon button:after {
  content: none;
}

.userDashboard {
  padding-left: 23px;
  position: relative;
}

.userDashboard:before {
  content: "";
  height: 35px;
  width: 1px;
  background: #2D2D2D;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

li.icon>div {
  padding: 0 20px;
}

li.icon {
  position: relative;
}

li.icon:before {
  content: "";
  height: 35px;
  width: 1px;
  background: #2D2D2D;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

li.search form {
  margin-right: 30px;
  position: relative;
}

li.search form input {
  background: #2D2D2D;
  border: 0;
  height: 41px;
  width: 100%;
  border-radius: 40px;
  padding: 5px 35px 5px 10px;
  color: #A4A4A4;
}

li.search form img {
  position: absolute;
  right: 13px;
  top: 12px;
}

aside {
  background: #B20404;
  height: 100%;
  border-radius: 10px;
}

ul.list-sidebar.bg-defoult {
  list-style-type: none;
  padding: 30px 0;
}

ul.list-sidebar.bg-defoult a {
  color: #fff;
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
}

ul.list-sidebar.bg-defoult>li>a {
  padding: 18px 30px;
}

ul.list-sidebar.bg-defoult a>img {
  margin-right: 15px;
}

ul.list-sidebar.bg-defoult a.active {
  background: #8A0707;
}

span.angle {
  position: absolute;
  border: 4px solid #000;
  border-right: 4px solid transparent;
  border-top: 4px solid transparent;
  right: 17px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

ul.list-sidebar.bg-defoult .borderRight {
  position: relative;
}

ul.list-sidebar.bg-defoult .borderRight::before {
  content: "";
  height: calc(100% - 10px);
  width: 1px;
  background: #fff;
  display: block;
  position: absolute;
  right: 8px;
  top: 5px;
}

h1.mainHeading {
  font-size: 28px;
  font-weight: 700;
  padding: 15px 0 20px
}

.headerInfo {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 20px;
  border-bottom: 1px solid #F3F6F9;
  margin-bottom: 20px;
  position: relative;
  color: #364460;
}

.headerInfo:before {
  content: "";
  height: 3px;
  width: 75px;
  display: block;
  position: absolute;
  background: #b20404;
  bottom: -2px;
}

.headerInfo~p {
  max-width: 910px;
  padding: 0px 19px;
}

.page-id-64 .headerInfo~p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordianBox>button,
.accordianBox>button:hover,
.accordianBox>button:focus {
  width: 100%;
  background: #F3F6F9;
  margin-bottom: 20px;
  box-shadow: 0px -29px 30px 17px #fff;
  height: 47px;
}

.accordianBox {
  display: flex;
  flex-direction: column-reverse;
}

.card-body p span {
  font-weight: normal !important;
  padding-right: 4px;
}

.card-body ul {
  padding-left: 20px;
}

.beforeNone:before {
  content: none;
}

h4.videoHeading {
  font-size: 16px;
  color: #364460;
  padding-bottom: 5px;
}

ul.list-sidebar.bg-defoult ul a {
  padding: 18px 30px 18px 61px;
  background: #8A0707;
  margin-top: 1px;
}

ul.list-sidebar.bg-defoult ul {
  list-style-type: none;
  padding-left: 0
}

.bg-red {
  background: #B20404;
}

ul.kingdom {
  list-style-type: none;
  padding: 35px 20px;
  margin: 0;
  display: flex;
  overflow: auto;
  /* flex-wrap: wrap; */
}

ul.kingdom li {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  border-right: 3px solid #8A0707;
  padding-left: 35px;
  position: relative;
}


ul.kingdom li a {
  display: flex;
  flex-direction: column;

}

li.fstBox a {
  font-size: 28px;
  font-weight: bold;
  color: #fff;

}

ul.kingdom li a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}

ul.kingdom li a label {
  color: #8A0707;
  font-size: 45px;
  font-weight: bold;
}

ul.kingdom li:before {
  content: "";
  height: 30px;
  width: 30px;
  position: absolute;
  border-right: 3px solid #8A0707;
  border-top: 3px solid #8A0707;
  background: #b20404;
  transform: rotate(45deg);
  right: -17px;
}

ul.kingdom li.last a,
ul.kingdom li.fstBox a {
  font-size: 28px;
  font-weight: bold;
}

ul.kingdom li.fstBox {
  padding-left: 0;
}

ul.kingdom li.last {
  border: 0px;
  padding-left: 60px
}

ul.kingdom li.last:before {
  content: none;
}

.stepsVofrm {
  background: url(../images/kingdom.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
}

.activelearning {
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 20px;
}

h6.smallHeading {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 30px;
}

.formInfo p {
  margin-bottom: 10px;
}

ul.purpose {
  padding-top: 20px;
  padding-bottom: 30px;
}

ol.learningObj {
  padding-left: 16px;
}

ol.learningObj li {
  padding-left: 13px;
  padding-bottom: 5px;
}

h6.smallBlackHeading {
  font-size: 16px;
  font-weight: 600;
  color: #364460;
}

.formInfo section {
  /*max-width: 1340px;*/
  margin-left: auto;
}
.stickeyButton {
  position: fixed;
  bottom: -30px;
}

.stickeyButton.card {
  /*background: transparent !important;*/
  /* width: 68%; */
    background: #f1f3f4 !important;
  /* width: 68%; */
  padding-bottom: 17px;
    padding-left: 20px;
  border-radius: 50px;
    box-shadow: 0 0 10px #ddd;
}
.stickeyButton.card .btn-gray {
  background: #fff;
}

.stickeyButton .card-body {
  margin-left: 50px;
  padding-right:40px;
  padding-top:10px;
  padding-bottom:10px;
}

.stickeyButton .mt-n5.d-flex.justify-content-start {
  position: relative;
  top: 3px;
}
ul.summery li {
  display: flex;
  align-items: start;
  padding-bottom:10px;
}
ul.summery li label {
  margin-bottom: 0;
  width: 99%;
}
ul.summery li input.checkbox {height: 20px;width: 25px;}
ul.summery li input.checkbox.borderRedInp{outline: 3px solid red;}
input[type="checkbox"].borderRedInp{outline: 3px solid red !important;}
textarea.borderRedInp{border-color: red !important;}
.formInfo section span.formlabel {
  margin: 10px 10px 10px 5px;
}
.pm_img{
  color: #af0404;
  padding: 2px 20px;
  border-radius: 100px;
  margin-bottom: 20px;
  margin-top: 5px;
  display: inline-block;
  padding: 0;
}
#vision_imgs input[type="file"]{
  margin-bottom: 0 !important;
}
.pm_img:hover{
  color: #af0404;
}
.formInfo section input, .formInfo section textarea {
  margin: 7px 10px 7px 5px;
  border: 1px solid #DCDCDC;
  height: 40px;
  border-radius: 2px;
}
.formInfo section textarea {
  height: auto;
}
.formInfo section.no-space input, .formInfo section.no-space textarea {
  margin-left: 0;
  margin-right: 0;
}
.dropify-wrapper {
  margin: 0 6px;
}
.dropify-wrapper .dropify-message p {
  font-size: 24px;
}

input[readonly] {
  border: none;
  cursor: no-drop;
  background-color: #e0e0e0ad;
}

input.largeInput {
  min-width: 370px;
}
.sevenBox td:nth-child(1) {
    width: 200px;
}

h3.sectionHeading {
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0 15px 20px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: 30px 0;

}

h3.sectionHeading span {
  background: #fff;
  z-index: 1;
  display: inline-block;
  padding: 5px 15px 5px 0;
}

h3.sectionHeading:before {
  height: 2px;
  width: 100%;
  background: #8A0707;
  position: absolute;
  display: block;
  content: "";
  z-index: -1;
  top: 50%;
  opacity: .2;
}

input.mediumInput {
  min-width: 260px;
}

input.smallInput {
  width: 160px;
}

.btn-gray {
  background: #F3F6F9;
}

.note {
  font-weight: bold;
  font-size: 16px;
}

.tableHeading {
  width: 100%;
  background: #8A0707;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tableHeading h6 {
  color: #fff;
  margin: 0px;
  padding: 5px;
}

.numbersDiv {
  display: flex;
  justify-content: space-evenly;
}

.number {
  padding: 10px;
  width: 39px;
  background-color: #8A0707;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.radio {
  display: flex;
  justify-content: space-evenly;
}

.radio input {
  width: 20px;
  height: 20px;
}

.tableTwo {
  width: 100%;
  border: 4px solid #cf9393;
  border-radius: 5px;
  padding: 10px 0px 10px 0px;
}

.alphabets {
  list-style-type: lower-alpha;
}

.cusVideo .headerInfo.beforeNone {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.select2-container .select2-selection--multiple {
  /*min-height: 150px;*/
  display: -webkit-box;
}


.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #9595958c;
}
.overlay-image{
    width:309px;
    position:relative;
}
.overlay-image:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.image-modal{
max-width: 309px;
display: inline-block;
}
html{
    scroll-behavior: smooth;
}
.moduleHeading{
    padding-top: 50px !important;
}


@media (min-width: 1500px) {
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  section.songSheetSec {
    padding-top: 60px;
  }

  a.songSheet {
    font-size: 20px;
    text-decoration: underline;
    text-underline-position: under;
  }

  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}

.fnt-small {
  white-space: nowrap
}

@media only screen and (max-width:1601px) and (min-width:1100px) {
  .activelearning {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 20px;
  }


  .fnt-small {
    font-size: 12px;
    margin-left: 20px;
  }

  ul.kingdom li {
    flex: 0 1 180px;
    margin-bottom: 15px;
    padding-right: 25px;
  }

  .formInfo section br {
    display: none;
  }

  input.mediumInput {
    min-width: 220px;
  }

  input.largeInput {
    min-width: 310px;
  }

  input.smallInput {
    width: 130px;
  }

  ul.kingdom li.last a,
  ul.kingdom li.fstBox a {
    font-size: 20px;
  }

  ul.kingdom li a {
    font-size: 12px;
  }

  ul.kingdom li {
    padding-left: 15px;
    padding-right: 15px;
  }

  ul.kingdom li:before {
    height: 20px;
    width: 20px;
    right: -12px;
  }

  ul.kingdom li.last {
    border: 0px;
    padding-left: 20px;
  }

  ul.kingdom li a span {
    white-space: nowrap;
    min-height:55px;
  }
}

@media only screen and (max-width:1030px) and (min-width:768px) {
  .activelearning {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 20px;
  }


  .fnt-small {
    font-size: 12px;
    margin-left: 20px;
  }

  ul.kingdom li {
    flex: 0 1 180px;
    margin-bottom: 15px;
    padding-right: 25px;
  }

  .formInfo section br {
    display: none;
  }

  input.mediumInput {
    min-width: 220px;
  }

  input.largeInput {
    min-width: 310px;
  }

  input.smallInput {
    width: 130px;
  }

  ul.kingdom li.last a,
  ul.kingdom li.fstBox a {
    font-size: 16px;
  }

  ul.kingdom li a {
    font-size: 10px;
  }

  ul.kingdom li {
    padding-left: 18px;
    padding-right: 12px;
  }

  ul.kingdom li:before {
    height: 20px;
    width: 20px;
    right: -12px;
  }

  ul.kingdom li.last {
    border: 0px;
    padding-left: 20px;
  }

  ul.kingdom li a span {
    white-space: nowrap;
  }

  ul.kingdom {
    padding: 100px 15px;
  }

  ul.kingdom li a label {
    font-size: 30px;
  }

  .stepsVofrm {
    background-size: 100%;
  }

  p {
    font-size: 14px;
  }

  ul.purpose,
  ol.learningObj {
    font-size: 14px;
  }

  .formInfo section span.formlabel {
    font-size: 14px;
  }

  li.icon>div button.btn,
  li.icon>div {
    padding: 5px;
  }

  .userDashboard button img {
    margin: 0 10px 0 0px;
    max-width: 100%;
  }

  .userDashboard {
    padding-left: 10px;
  }
}

.cusVideo {
  text-align: center !important;
}

.cusVideo .headerInfo.beforeNone {
  text-align: left !important;
}

tr.spaceUnder>td {
  padding-bottom: 1em;
}

/*sameer working start for scrolling */
.customFixed
{
position:fixed;
top:0;
background:#B20404;
height:100%;
}


.marketPlan-Checkboxes input[type="checkbox"].borderRedInp{
  outline: 3px solid red;
  height: 15px;
}


/*sameer working end for scrolling*/

/*loader / spinner*/
.myLoader{width:100vw;height:100vh;position:fixed;background: rgb(0, 0, 0 , 0.9);z-index: 999;display:none;top:0;left:0;}
    .cusloader {
      border: 10px solid #f3f3f3;
      border-radius: 50%;
      border-top: 10px solid red;
      width: 75px;
      height: 75px;
      -webkit-animation: spin 2s linear infinite; /* Safari */
      animation: spin 2s linear infinite;
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
    }
    
    /* Safari */
    @-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }
    
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }