.logo{
    width: 140px;
}
/*banner-form*/
.banner-form{
  background-color: #faf8f2;
    border-radius: 0;
    padding: 20px 20px 35px;
    position: absolute;
    right: 2%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30%;
    z-index: 99;
}
.banner-form input, .banner-form select {
  border: none;
  border-bottom: 1px solid gray;
  border-radius: 0;
  box-shadow: none;
  color: #000;
  font-size: 12px;
  height: 35px;
  outline: 0;
  padding: 6px 12px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  width: 100%;
  background-color: #faf8f2;
  margin-bottom: 15px;
  text-transform: none;
}
.form_heading{
    background: url(../images/icon-enquire.png) 0 0 no-repeat;
    color: #464646;
    font-size: 20px;
    line-height: 1.3em;
    padding: 0 0 22px 32px;
}
.cource-text{
  margin-top: 20px;
  font-weight: 600;
  color: #ffffff;
}
.frmb{
  background: #bd9234;
  border: none;
  color: #fff;
  padding: 5px 26px;
  font-size: 15px;
  margin-top: 20px;
}
.text-muted{
    margin-top: 1.25rem;
    font-size: 0.75em;
    color: #000000!important;
    line-height: 17px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}
.padding-0{
  padding: 0;
}
.d-flex{
  display: flex;
}
.mr-auto{
  margin: auto;
}
.pd-abt{
  padding: 0 6%;
}

/*Button Animation*/

.dbuttons1 {
    color: #ffffff!important;
    background: #DE1244;
    padding: 9px 30px;
    border: none;
    line-height: 16px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 3px;
    width: max-content;
}       
.pbar1 span{
  position: relative;
  z-index: 1;
}   
.pbar1:before{
  background: #98082c;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  animation: progress 3s linear infinite;
  border-radius: 3px;
}

@keyframes progress{
  to{
    width: 100%;
  }
}
.mr-bt0{
  margin-bottom: 0px
}
.mr-bt10{
  margin-bottom: 10px
}
.mr-bt30{
  margin-bottom: 30px;
}
.mr-bt50{
  margin-bottom: 50px!important;
}
.mr-tp10{
  margin-top: 10px
}
.mr-tp30{
  margin-top: 30px
}
.mr-tp50{
  margin-top: 50px
}
.pd-bt10{
  padding-bottom: 10px
}
.pd-bt30{
  padding-bottom: 30px
}
.pd-bt50{
  padding-bottom: 50px
}
.pd-tp10{
  padding-top: 10px
}
.pd-tp30{
  padding-top: 30px
}
.pd-tp50{
  padding-top: 50px
}
.pdtp-0{
  padding-top:0;
}
.pdbt-0{
  padding-bottom:0;
}
.pdtp-0{
  padding-top:0;
}
.accordion-item i{
  font-size: 1rem;
  margin-right: 10px;
}
.cr-1{
  background-image: url(../images/cr-1.jpg);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.cr-2{
  background-image: url(../images/cr-2.jpg);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.cr-3{
  background-image: url(../images/cr-3.jpg);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.cr-4{
  background-image: url(../images/cr-4.jpg);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.cr-5{
  background-image: url(../images/cr-5.jpg);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.cr-6{
  background-image: url(../images/cr-6.jpg);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.cr-7{
  background-image: url(../images/cr-7.jpg);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.cr-8{
  background-image: url(../images/cr-8.jpg);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.cr-9{
  background-image: url(../images/magic-leap-ar.png);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.cr-10{
  background-image: url(../images/skills.jpg);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.cr-11{
  background-image: url(../images/bvoc_animation_vfx.jpg);
  background-position: 0% 50% !important;
  background-size: 60% 70%!important;
  position: static;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  overflow: hidden;
}
.hero{
  background-image: url(../images/banner-bg-1.jpg);
  background-position: center !important;
  background-size: cover;
  position: static;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
.opacity{
  opacity:0;
}
.pd-left5{
  padding-left: 5%;
}
.text-justify{
  text-align: justify;
}
.counters__stats-box h5{
  font-size: 16px;
}

#scroll{
  display:none;
  width: 80px;
  position: fixed;
  right:0;
  bottom: 2%;
}
.text-secondary {
    color: #212529!important;
}
/*After CSS*/
#hero{
  height: 100vh;
}
.banner-img-spin{
  position: absolute;
  width: 40%;
  top: 19%;
  left: -10%;
}
.hero-mine{
  background-image: url(../images/arena-desk-bnr.jpg);
  background-position: center !important;
  background-size: cover;
  position: static;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
.course-bg{
  background-image: url(../images/course-bg-1.jpg);
  background-position: center !important;
  background-size: cover;
  position: static;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
.ctr-div img{
      width: 190px;
}
.some-new-border{
  border-top: 1px dashed #e1d1d1;
  padding-top: 30px;
}
.testi-row .testi-card__user-info{
  border-top:none;
}
.p-4 {
    padding: 3em 0.5em !important;
}
.get-in-touch {
 z-index: 10;
 position: fixed;
 left: -7.9%;
 padding: 5px 5px 5px 5px;
 font-weight: 600;
 top: 45%;
 background: #DE1244;
 transform: rotate(-90deg) translate(-100%, 40%);
 border-radius: 6px;
}
.get-in-touch span {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 13px;
  margin-bottom: 0;
}
/*.get-in-touch span .fd{
  font-size: 15px;
}*/
.blink_me {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.get-in-touch span img {
  width: 25px;
  transform: rotate(90deg) translate(0%, 0%);
  margin: 0 0px 0 10px;
}
.get-in-touch a{
  color: #ffffff;
}
.boldtext{
  font-size: 1.0rem;
}
.d-desk
{
    display: block;
}
.d-mob{
    display: none;
}
.opacity-0c
{
    opacity:0;
}

.clstphead {
    color: #ffffff;
    text-align: center;
    font-size: 1.5em;
    top: 8em;
    position: relative;
}
.mr-right15{
    margin-right:15px;
}







/*Media Query For 1039*/
@media only screen and (min-device-width : 1000px) and (max-device-width : 1400px) {

  .display-6 {
    font-size: 2.2rem;
  }
  p, li{
    font-size: 14px;
    line-height: 20px;
  }
  .hero__padding {
    padding-top: 110px;
    padding-bottom: 100px;
}
.banner-form{
  top: 52%;
  padding:15px 15px 30px;
}
.cube-container{
  top:130px;
}
.some-new-border .col-lg-2{
  margin-right: 15px;
}
.get-in-touch {
    left: -9.1%;
    top:33%;
  }
.form_heading{
  padding: 0 0 10px 32px;
}  
.ctr-div img {
    width: 170px;
}
.cube-container {
  width: 240px;
  height: 240px;
}
#cube div {
  width: 240px;
  height: 240px;
  line-height: 240px;
}
#cube .front  {
  -webkit-transform: rotateY(0deg ) translateZ( 120px );
  -moz-transform: rotateY( 0deg ) translateZ( 120px );
}
#cube .back {
  -webkit-transform: rotateX( 180deg ) translateZ( 120px );
  -moz-transform: rotateX( 180deg ) translateZ( 120px );
}
#cube .right  {
  -webkit-transform: rotateY(  90deg ) translateZ( 120px );
  -moz-transform: rotateY(  90deg ) translateZ( 120px );
}
#cube .left   {
  -webkit-transform: rotateY( -90deg ) translateZ( 120px );
  -moz-transform: rotateY( -90deg ) translateZ( 120px );
}
#cube .top    {
  -webkit-transform: rotateX(  90deg ) translateZ( 120px );
  -moz-transform: rotateX(  90deg ) translateZ( 120px );
}
#cube .bottom {
  -webkit-transform: rotateX( -90deg ) translateZ( 120px );
  -moz-transform: rotateX( -90deg ) translateZ( 120px );
}
.clstphead {
    font-size: 1.5em!important;
    top: 9.5em;
}



}