@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
html{
    font-size: 62.5%; /* 10px */
 }

body {
    font-family: 'gotham-medium', sans-serif;
    /* font-family: 'Work Sans', sans-serif; */
    font-size:1.5rem;
    line-height:2.5rem;
}

h1 { font-size: 7rem;}
h2 { font-size: 4rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1rem; }

p{
  color: #7a7a7a;
  font-size: 1.6rem;
}

.banner-logo {
    position: absolute;
    top: 3rem;
    left: 7rem;
}

.banner-logo img {

    height: 5rem;
    object-fit: scale-down
}

.banner-text {
    position: absolute;
    width: 100%;
    top: 36%;
}
.apply-now {
    font-size: 2rem;
    background: #1a1a1a;
    color: #fff;
    padding: 1rem 1rem;
    text-decoration: none
}

.button-wraper {
    margin-top: 2rem
}
.banner.img-fluid{
    width: 100%
}




.partner-img-wrapper img {
    height: 14rem;
    object-fit: scale-down;
}

.academic-partner > .container >.row {
   justify-content: center;
    background: #1a1a1a;
    color: #fff;
 

}
.box-r {
    background: #eb2544
}

.box-b {
    background: #1a1a1a
}

.specialization-body {
    display: flex;
    justify-content: center;
    align-items: center;
}
.box {
    height: 33.33%;
    width: 100%;
    padding: 3rem;
    color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}
.box img {
  height: 7rem;
}
.box-between-descr {
    position: absolute;
    bottom: 2rem;
}
.box-between {
    position: relative;
    height: 100%;
}
.box-between>img {
   height: 100%;
    width: 100%;
}

.spec-boxes{
    height: 100%;
}

.posi-wrap li {
    margin-bottom: 1REM;
    color:#7a7a7a ;
}
.pos-img-wrap {
    margin-top: -16rem;
}

.posi-wrap ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #eb2544; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
  }


  /*----------slider------*/

  /* #sync1 .item {
    background: #0c83e7;
    padding: 80px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
  }
   */

  

  #sync2 .item {
    background: #cccccc;
   
    border: 1px solid #cccccc;
    color: #1a1a1a;
    text-align: center;
    cursor: pointer;
  }
   .light{
    background: #e6e6e6;
    /* border: 1px solid #cccccc; */
   }
  #sync2 .item h2 {
    font-size: 16px;
  }
  #sync2 .current .item {
    background: #ffff;
    border: 1px solid #eb2544;
    color: #1a1a1a;
  }
  
  .owl-theme .owl-nav {
    /*default owl-theme theme reset .disabled:hover links */
  }
  .owl-theme .owl-nav [class*=owl-] {
    transition: all 0.3s ease;
  }
  .owl-theme .owl-nav [class*=owl-].disabled:hover {
    background-color: #D6D6D6;
  }
  
  #sync1.owl-theme {
    position: relative;
  }
  #sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
  }
  #sync1.owl-theme .owl-prev {
    left: 10px;
  }
  #sync1.owl-theme .owl-next {
    right: 10px;
  }





/*------slider-end----*/

.faculty-detail-wrap{
    background: #eb2544;
}

.faculty-detail-wrap {
    background: #eb2544;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    padding: 4rem 10rem;
    /* align-items: center; */
    justify-content: center;
}

.faculty-detail-wrap p,.faculty-detail-wrap h2{
    color: #fff;
}

.faculty-detail-wrap h2{
    position: relative;
}

.faculty-detail-wrap h2::after {
    content: "";
    height: .5rem;
    width: 9rem;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.owl-dots{
    display: none;
}

.facilty-name h2{
    font-size: 2rem;
}

.facilty-name {
    padding: 3rem 1rem;
}

.ec-wrap li{
    margin-bottom: 3rem;
    color: #7a7a7a;
}
.eligibility h2{
    margin-bottom: 2rem;
}

.ec-im-wrap img{
    height: 30rem;
}

.stipend-text{
    width: 50rem;
    
}
.stipend-text h3{
    font-size: 2.5rem;
    color: #fff;
 }
 .stipend-text p{
     color: #fff;
     position: relative;
 }
.stipend-wrap{
    position: relative;
}
 .stipend-text{
     position: absolute;
     top: 5rem;
     left: 5rem;
 }
 .stipend-wrap ul{
   position: relative;
 }
 .stipend-text p::after,.stipend-wrap ul::after{
     content: "";
     width: 5rem;
     height: .5rem;
     background: #cccccc;
     position: absolute;
     bottom: -3rem;
     left: 6rem;
 }
 
 .stipend-text p::before ,.stipend-wrap ul::before{
    content: "";
    width: 5rem;
    height: .5rem;
    background: #eb2544;
    position: absolute;
    bottom: -3rem;
    left: 0;
}
.stipend-wrap ul::after{
  background: #eb2544;
 }
.stipend-wrap ul::before{
  background: #cccccc;
}

.ec-wrap ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #eb2544; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
  }

  .dark{
      background-color: #000;
  }

  .padding-b{
    padding-bottom: 6rem;
  }

  .h-padding-b{
    padding-bottom: 4rem;
}
  






/*form*/
.form-sec {
	position: absolute;
	top: 22%;
	right: 40px;
	width: 323px;
	background: #eb2544;
	padding: 20px 20px;
	z-index: 9;
	border-radius: 10px;
}

.accordion-box + p {
  margin: 21px 0 0;
  background: #f2f2f2;
  padding: 11px 20px;
  border-left: solid 4px #c9a64b;
  font-size: 14px;
}
.timeline .title {
    text-align: center;
}

.users a {
    color: #000;
    font-weight: bold;
}

.adm-txt {
    font-size: 19px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600;
}

.input {
    border: 0.5px solid #fff;
    padding: 0 10px;
    height: 33px;
    width: 100%;
    border-radius: 0px;
    font-size: 14px;
    color: #2d2d2d;
    background: #fff;
}

.sbt {
 
    padding: 8px 20px;
    background: #010101;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px auto 0;
    width: 140px;
    display: inherit;
    border: 1px solid #fff;
}


.form-sec .form-group {
    position: relative
}

/*.form-sec .form-group::before {
 position: absolute;
 content: "";
 background-image: url(../images/form-icon.png);
 width: 30px;
 height: 40px;
 background-position: -3px -11px;
 top: 7px;
 left: 0;
}*/

.form-sec .form-group.email::before {
    background-position: -3px -57px;
    width: 30px;
}

.form-sec .form-group.Mobile::before {
    background-position: -4px -103px;
}

.form-sec .form-group.Stream::before {
    background-position: 1px -150px;
    width: 35px;
}

.form-sec .form-group.State::before {
    background-position: 1px -161px;
    top: 5px;
    height: 25px;
    width: 33px;
    background-size: 30px;
}

.form-sec .form-group.City::before {
    background-position: -3px -242px;
    top: 5px;
    height: 21px;
}


.applybtn a {
	position: fixed;
	right: 0px;
	bottom: 0px;
	transform: rotate(0deg);
	top: inherit;
	color: #fff;
	padding: 8px 15px 9px;
	text-transform: uppercase;
	font-size: 19px;
	margin-top: 0px;
	border: solid 0px #f48533;
	cursor: pointer;
	z-index: 9;
	text-decoration: none;
	display: none;
	border-radius: 0px;
	font-weight: 600;
	display: none;
	width: 100%;
	text-align: center;
}
 .error {
        color: #fff;
        font-size: 12px;
        margin-left: 13px;
        position: absolute;
        bottom: -10px;
        left: 0px;
        line-height: 11px;
    }
    span.error {
        font-size: 1rem;
        color: #fff;
        margin-left: 1rem;
    }

h1>b{
    color: #eb2544;
}


.stipend-text ul li{
  font-size: 1.6rem;
  color: #fff !important;
}






  /* ----------------------------------------------------------------Thankyou---------------------------------- */
  
  .thankyou-page ._header {
    background: #fff;
    padding: 100px 30px;
    text-align: center;
    /* background: #fff; */
}

.thankyou-page ._header .logo {
  max-width: 200px;
  margin: 0 auto 50px;
}
.thankyou-page ._header .logo img {
  width: 100%;
}
.thankyou-page ._header h1 {
  font-size: 65px;
  font-weight: 800;
  color: #eb2544;
  margin: 0;
  animation: shake 0.8s infinite;

}
.thankyou-page ._body {
  margin: -70px 0 30px;
}
.thankyou-page ._body ._box {
  margin: auto;
  max-width: 80%;
  padding: 50px;
  text-align: center;
  background: white;
  border-radius: 3px;
  box-shadow: 0 0 35px rgba(10, 10, 10,0.12);
  -moz-box-shadow: 0 0 35px rgba(10, 10, 10,0.12);
  -webkit-box-shadow: 0 0 35px rgba(10, 10, 10,0.12);
}
.thankyou-page ._body ._box h2 {
  font-size: 32px;
  font-weight: 600;
  color: #010101;
}
.thankyou-page ._footer {
  text-align: center;
  padding: 50px 30px;
}

.thankyou-page ._footer .btn {
  background: #4ab74a;
  color: white;
  border: 0;
  font-size: 14px;
  font-weight: 600;
  border-radius: 0;
  letter-spacing: 0.8px;
  padding: 20px 33px;
  text-transform: uppercase;
}


@keyframes shake {
  0% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
  10% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  20% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  100% {
    transform: translate(1px, 1px) rotate(0deg);
  }
}

.error-agree
{
  position: relative;
  top: -10px;
  left: 8px;
}