.btn-theme {
  background-color: var(--bs-danger);
  border: 0;
  color: white;
  width: 100%;
}
.btn-:hover {
  background-color: #fff;
  color :var(--bs-danger);
}

.about-area .speaciality {
display: inline-flex;
  text-align: center;
  justify-content: space-between;
}
.about-area .speaciality .spes-1{
  padding: 0 15px;
  /* cursor: pointer; */
}
.about-area .speaciality .spes-1 h5 {
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.about-area .speaciality .spes-1 i {
  background: #172f41;
  padding: 20px 18px;
  color: white;
  font-size: 25px;
  border-radius: 58px;
  margin-bottom: 0.8rem;
}
.about-area .speaciality .spes-1:hover i{
  background : white ;
  color: #172f41;
  outline: 1px solid #172f41;
  transition: 1s;
}
.principle-msg .about-content {
  text-align: justify;
}


/* latest news */

.box {
    padding: 2em;
    width: 100%;
    height: 480px;
    position: relative;
    overflow: hidden;
    background-color: #FFF;
    
border-radius: 10px;border: 5px double grey;}

@keyframes scroll {
 from {
   top: 600px;
 }
 to {
   top: -100px;
 }

}

@-moz-keyframes scroll {
 from {
   top: 600px;
 }
 to {
   top: -100px;
 }

}

@-webkit-keyframes scroll {
 from {
   top: 600px;
 }
 to {
   top: -100px;
 }

}

@-ms-keyframes scroll {
 from {
   top: 600px;
 }
 to {
   top: -100px;
 }

}

@-o-keyframes scroll {
 from {
   top: 600px;
 }
 to {
   top: -100px;
 }

}
.scroll:hover {
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
  cursor: pointer;
}
.scroll {
    position: absolute;
    -webkit-animation: scroll 10s linear infinite;
    -moz-animation: scroll 10s linear infinite;
    -ms-animation: scroll 10s linear infinite;
    -o-animation: scroll 10s linear infinite;
    animation: scroll 10s linear infinite;
    width: 100%;
}

/* latest news */


.find-courses-bg {
background-image: url(../images/custom/sports.jpeg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}

.find-courses-bg::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--optional-color);
opacity: 0.9;
z-index: -1;
}
.find-courses-bg .count-title {
display: flex;
align-items: center;
justify-content: center;
}

.single-counter:hover i {
background-color: var(--optional-color);
color: white;
transition :1s;
}

.facility-img img{
  height: 168px;
  border-radius: 55px 0 55px;
}

.facility .body {
  display: block;
  align-items: flex-start;
  background: #e4e6fd;;
  padding: 20px;
  border-radius: 25px;
}
.facility .header {
  /* border-bottom: 4px double blue; */
  margin-bottom: 13px;
}
.facility .row .col-md-4 > div {
  margin-top: 40px;
}
.facility .body .img img {
  height: 250px;
  width: 100%;
  border-radius: 38px ;
  /* box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; */
}
/* .facility .body .img {
height: 178px;
width: 100vw;
} */

.facility .body .text {
  text-align: center;
  margin-top: 8px;
  color: rgb(31, 25, 25);
  padding: 20px;
  height: 220px;
  border-radius: 0 39px 0 38px;
}
.facility .header h1 {
  font-size: 38px;
}
.facility .body .text h4 {
  color: var(--bs-danger);
  text-transform: uppercase;
  font-size: 20px;margin-bottom: 0;
}

.facility .body .text p {
  font-size: 13px;
  text-align: justify;
}
.facility  > .header {
  text-align: center;
  display: inline-block;
  position : relative;
  width: 50%;
}
.facility  > .header::before {
  content: "";
  position: absolute;
  top: 21px;
  left: 39px;
  background: red;
  width: 126px;
  height: 3px;
}
.facility  > .header::after {
  content: "";
  position: absolute;
  top: 21px;
  right: 39px;
  background: red;
  width: 126px;
  height: 3px;
}
.facility {
  text-align: center;
}
.facility .row .col-md-6:last-child p {
  font-size: 12.5px;
  line-height: 20px;
}

.facility .row .col-md-6 > div {
  margin-top: 40px;
}
.facility .col-md-6 .body .img img {
  height: 390px;
width: 100%;
}
.primary-text {
  color:  var(--main-color);
}
.fs-20 {
  font-size: 20px;
}
/* courses */
.courses ul {
  columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-type: circle;

}
.courses ul:nth-child(1) {
  columns: 1;
  -webkit-columns: 1;
    -moz-columns: 1;
}
.courses {
  padding: 20px 31px;
  text-align: left;
}
.courses .secondary {
  border-radius: 12px;
}
.courses .secondary-header {
    padding: 13px;
    border-radius: 12px;
}
.courses h4 {
  /* color : white; */
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.courses h5 {
  /* color : #f7d2d2; */
  text-indent: 1.2rem;
}
.courses .secondary-body {
  padding: 12px;
}
.senior-secondary  {
  border-radius: 12px;
}
.courses-section {
  padding: 40px 0 60px;

}
.courses ul li {
  margin-right: 15px;
  /* color: #f9d3d3; */
  font-size: 16px;
}

.courses-section > .container > div  {
  text-align: center;
}

.courses-section > .container > div > .header {
  text-align: center;
  position: relative;
  padding: 0 0 45px;
  display : inline-block;
  width :50%;
}

.courses-section > .container > div> .header::before {
  content: "";
  position: absolute;
  top: 26px;
  left: 43px;
  background: var(--main-color);
  width: 100px;
  height: 3px;
} 


.courses-section > .container > div> .header::after {
  content: "";
  position: absolute;
  top: 26px;
  right: 43px;
  background: var(--main-color);
  width: 100px;
  height: 3px;
} 

.courses .secondary .secondary-header h5 {
  text-indent: 40px;
}
.position-relative {
  position : relative;
}
.courses-section .col-md-7 img {
  padding-left: 25px;
}
/* courses */

/* exams */
.exams-section .exam {
  background: var(--main-color);
  color: white;
  padding: 55px 31px;
  margin-right: -85px;
  text-align: left;
}
.exams-section .exam h1 {
  color: white;
}

.exams-section {
  padding: 50px 0 70px;
}
.border-curve {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.exams-section > .container > div {
  text-align: center;
  padding-bottom: 40px;
}
.exams-section > .container > div> .header {
  position: relative;
  display :inline-block;
  width: 50%;
}


.exams-section > .container > div> .header::after {
  content: "";
  position: absolute;
  top: 24px;
  right: 90px;
  background: var(--main-color);
  width: 100px;
  height: 3px;
} 

.exams-section > .container > div> .header::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 90px;
  background: var(--main-color);
  width: 100px;
  height: 3px;
} 

/* exams */

/* academic  */
.academic-program {
  padding:  80px 0;
}
.academic-program  .header h1 {
  font-size: 40px;
}
.academic-body .row {
  align-items: center;
}

.academic-body .col-1 {
  display: inline-flex;
align-self: stretch;
align-items: center;
justify-content: center;
position: relative;
}
.academic-body .number {
  font-weight: bold;
padding: 15px 20px;
border-radius: 50%;
background-color: var(--main-color);
color: #fff;
max-height: 50px;
z-index: 2;
outline: 1px solid var(--main-color);
outline-offset: 6px;
}

.academic-body .col-1.bottom::after {
  height: 50%;
  left: 50%;
  top: 50%;
}
.academic-body .col-1::after {
  content: "";
  position: absolute;
  border-left: 3px solid #f7caca;
  z-index: 1;
}
.timeline .col-1 {
  display: flex;
  overflow: hidden;
}
.timeline .col-3 {
  display: flex;
  overflow: hidden;
}
.timeline .top-right {
  left: 50%;
  top: -50%;
}
.timeline .corner {
  border: 3px solid #f7caca;
  width: 100%;
  position: relative;
  border-radius: 15px;
}
.timeline div {
  padding: 0;
  height: 40px;
}
.timeline hr {
  border-top: 3px solid var(--main-color);
  margin: 0;
  top: 17px;
  position: relative;
}
.timeline .left-bottom {
  left: -6%;
  top: calc(50% - 3px);
}

.academic-body .col-1.full::after {
  height: 50%;
  right: 17%;
  bottom: 50%;
}
.academic-body .timeline .left-bottom {
  left: -17px;
}
.academic-program .container > .row {
  text-align: center;
} 
.academic-program .academic-body {
  padding-top: 40px;
}
.academic-program h3 {
  color : var(--main-color);
  font-size: 28px;
}
.academic-program .academic-body li {
  margin : 10px 0
}
/* academic */


/* admission */
.admission .header::before {
  content: "";
    position: absolute;
    top: 23px;
    left: -40px;
    background: var(--main-color);
    width: 133px;
    height: 3px;


}
.admission .header::after {
  content: "";
  position: absolute;
  top: 23px;
  right: -40px;
  background: var(--main-color);
  width: 133px;
  height: 3px;
}
.admission .row > .header {
  
  position: relative;
  display: inline-block;
  width: 50%;
  margin: auto;
} 

/* admission */

/* registration */
.registration-section {
  padding : 80px 0 ;
}
.registration-section .row {
  align-items:center;
  justify-content: space-evenly;
}
.registration-data {
  padding: 10px;
  text-align: left;
}
.registration-data p {
  font-size : 18px
}

.registration-section  .header {
  position: relative;
  display: inline-block;
  width: 50%;
  margin : auto;
}

/* .registration-section  .header::before {

content: "";
position: absolute;
top: 24px;
left: 74px;
background: var(--main-color);
width: 100px;
height: 3px;
}

.registration-section  .header::after {

  content: "";
  position: absolute;
  top: 24px;
  right: 74px;
  background: var(--main-color);
  width: 100px;
  height: 3px;
  } */
/* registration */


/* admission form class_10 */
.admission-form {
  background: #ebf6f9;
}
.admission-form .form-control {
  background-color: #ffffff;
}


.admission-form .section .header {
  background: #ebf6f9;
}
.admission-form .form-group {
    /* display: inline-flex; */
    align-items: center;
    margin: 12px 0 22px;
}
.admission-form  .row .d-flex {
  align-items:center;
}
.admission-form {
  padding: 80px 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.admission-form  label {
  font-size: 14px;
  position: relative;
}

.delete {
    background: var(--main-color);
    color: white;
    padding: 8px 13px;
    border-radius: 56%;
    display: inline-block;
}
.delete button{
  color: white;
  background: transparent;
} 
.section .subject-selection .form-group label {
  display : flex;
}
.section .subject-selection .form-group label input {
  margin-right: 5px;
}
.subject-selection .form-group {
  margin-right: 12px;
  display: inline-flex;
}

.admission-form .section {
  border: 1px dashed grey;
  padding: 20px;
  margin : 42px 0;
  position : relative;
  border-radius: 8px;

}
.admission-form .section .header {
  display: inline-flex;
  position: absolute;
  top: -24px;
  background: #ebf6f9;
  padding: 1px 20px;
}
.admission-form .section .header h3 {
    font-size: 27px;
    font-weight: 600;
    font-family: auto;
    color: var(--main-color);
}
.section .row {
  margin: 10px 0;
  align-items: center;

}

.admission-form label::after {
  content: "*";
    color: red;
    position: absolute;
    top: -4px;
    left: -14px;
    font-size: 18px;

} 
.admission-form   label.none::after {
  content: unset;
} 
label input[type=radio] {
    margin-right: 8px;
}
.section .documents label::after{
  content : unset;
}
.admission-form .table-header {
  background: grey;
    color: white;
    padding: 10px;
    border-radius: 12px 12px 0 0;
}
.border {
  border-left: 2px solid grey;
  border-radius: 12px;
}

  /* .section .documents .row {
  border-left: 2px solid grey;
  padding: 0;
  margin: 0;
  border-right: 2px solid grey;
} 
 */

/* admission form class_10 */
.odometer {
  font-size : 40px
}

/* news */

.events-area  {
  overflow-y: scroll;
}
.registration-section .registration-img-section  {
  margin-top : 80px;
  height : 450px;
  z-index: 1;
  position: relative;

}

.registration-section .registration-img-section .img {
  background-image: url(../images/custom/registration.jpg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    margin-right: -200px;
    width: auto;
    right : 0;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.exam  .registration-img-section .img {
  background-image: url(../images/custom/exams.jpg);
}
.overlay-bg {
  background-color: #3d7977;
  padding: 90px 200px 60px 15px;
  margin-right: -145px;
  height: 100%;
  z-index: 1;
  position: relative;

}
.exam .overlay-bg .layer-bg {
  background-image: url(../images/custom/exams.jpg);
 
}



.overlay-bg .layer-bg {
  background-image: url(../images/custom/registration.jpg);
  background-position: center;
  background-size: cover;
  margin-left: -200px;
  background-color: #3d7977;
  width: auto;
right: 0;
position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.overlay-bg .layer-bg .layer-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: var(--main-color);
  opacity: 0.77;
} 
.overlay-bg .layer-content {
  position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    color : white;
}

.overlay-bg h1 {
  color : white;
}
.overlay-bg  h2 {
  color : white;
  font-size: 28px;
  margin-bottom: 42px;
}
 .tagline {
  width: fit-content;
  background: white;
  display: flex;
  position: absolute;
  align-items: center;
  top: -33px;
  right: -28px;
  z-index: 9;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.tagline .icon {
  width: 40%;
  background: var(--main-color);
    color: white;
    padding: 20px;
    font-size: 30px;
}
.tagline .line {
  padding: 0 14px;
  white-space: nowrap;
}


/* login page */
.login-left {
  padding : 70px 45px;
}
.login .row .login-img {
  background : url(../images/custom/atl_tinkering_lab.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  border-radius: 0 20px 20px 0;
}
.login-block
{
  margin:70px 30px;
  /* background: lightblue; */
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.login-left .form input {
  border-radius: 25px;
    border: 1px solid lightgray;
}
.login-left .header h2 {
  color: var(--bs-danger);
  font-size: 38px;
}
.form {
  padding: 25px 0;
}
.login-left .form-group {
  margin: 17px 0;
}
.login-left label {
  color : var(--main-color);
  font-weight: bold;
  margin-bottom: 5px;
}
.login-left  ::placeholder { 
  color: lightgray;
  opacity: 1; 
}
.login-left .btn-otp button {
  background: var(--main-color);
    color: white;
    border-radius: 25px;
    padding: 6px;
    font-size: 18px;
}
.create {
  font-weight: bold;
}
.create a {
    color : var(--main-color);
    margin-left: 4px;
}
.btn-otp {
  position: absolute;
  right: -5px;
  top: 29px;
  width: 123px;
  z-index: 9;
}
.btn-login {
  background: var(--main-color);
  color: white;
  border-radius: 25px;
  padding: 6px;
  font-size: 18px;
  margin-top: 15px;
}
.btn-login:hover {
  color : white
}
/* login page */
.dashboard {
  margin: 50px;
}
.dashboard .container  {
  background: #d9f3fb;
  border: 1px dashed grey;
  padding: 33px;
  border-radius: 23px;
}
.dashboard .container .dashboard-left{
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  height: 220px;
}

.dashboard-left .links {
  padding-left: 20px;
}
.dashboard-left .links ul li {
  font-size: 18px;
  margin: 10px 0;
}
.dashboard-left .links ul li a {
  color: #172f41;
}

.dashboard .btn-login {
  background: var(--main-color);
  border-radius: 25px;
  padding: 7px;
  font-size: 14px;
  width: 100%;
}
.dashboard .table {
  text-align: center;
}
.dashboard .btn-login  a{
  color : white;
}
.table thead {
  color: #3d4968;
  text-align: center;

}
.dashboard-right {
  height: 100%;
  background: white;
  padding: 20px;
  border-radius: 20px;
}
.admission-form ::placeholder { 
  color: lightgrey;
  opacity: 1; 
}
.table tr {
  vertical-align: middle;
}
.courses  > .col-md-6 >.body {
  position: relative;
    box-shadow: rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 0px 8px 4px, rgb(0 0 0 / 9%) 0px 16px 8px, rgb(0 0 0 / 9%) 0px 32px 16px;
    /* padding: 30px; */
    background: #cfc8c82e;
    height: 400px;
    margin: 20px 0;


}
.form-section .adjust {
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.form-section .adjust input.place {
  width : 50%;
}
.form-preview .form-header {
  display: flex;
justify-content: flex-start;
align-items: center;
}

.admission-form .form-header .profile-img {
  text-align: right;
}
.form-preview {
  background-color: #fff;
  padding: 0;

}
.form-preview .section .header {
  background-color: #fff;
}
.form-preview .form-group {
  display: flex;
  align-items: center;

}
.form-preview  label  {
  font-weight: bold;
  font-size: 17px;

}
.form-preview  p  {
  font-size: 18px;
margin-left: 27px;
}
.form-preview .section .header {
    position: static;
    padding: 0;
}
.form-preview .section {
  border: 1px solid gray;
}
.form-preview label::after { 
  content : unset;
}
.form-preview .section {
  margin-top :10px
}
.address .number  {
  display : flex;
  align-items: center;

}
.address .number  p{
  margin-left: 12px
}
.form-preview .section .header h3 {
  font-size: 30px;
}
.form-preview .section .row {
  margin: 1px 0;
}
.form-preview .section p {
  margin-bottom: 0;
}
.form-preview .form-group {
  margin : 1px 0
}
.form-preview .section {
  padding: 12px;
  margin: 25px 0;
}
.form-preview .profile-img img {
  height : 120px 
}
.form-header img {
  height : 180px
}
.section .permanent {
  display: block;
  align-items: center;
}
.section .permanent textarea{
}
.section .local textarea{
}
.form-preview .section .header h3 {
  color: #000
}
.section .permanent p {
  margin-left: 10px;
}
.section .local {
  display: block;
  align-items: center;
}

.section .local p {
  margin-left: 10px;
}
.marks tbody {
  text-align: center;
}
.courses-section .courses  .body .header  {
  background: var(--bs-blue);
  color: white;
  text-align: center;
  padding: 10px;
}
.courses-section .courses  .body  .body {
  padding: 30px;

}
.courses-section > .container > div > .header {
  padding-bottom: 0;
}

.courses-section .body .header h3 {
  color : white
}
.contact-area .form-group {
  margin : 15px 0
}
.resize-adjust {
  justify-content: space-between;
}
.blog-details-area .admin {
  display: flex;
    gap: 25px;
    margin: 20px 0;
}
.blog-details-img img {
  height : 300px;
}
#newsli {
  display: flex;
}
/* #newsli > div {
  display: flex;
  align-items: center;
} */
/* #newsli > div a{
  padding-left: 20px;
} */
.text-uppercase {
  text-transform: uppercase;
}
.admission-form span {
  position: absolute;
  width: 400px;

}
.docu-up .admission-form table tr td {
  position: relative;
}
.docu-up  span {
  position: absolute;
  width: 400px;
  left: 0;
  bottom: 6px;
}
.checkmark span {
  position: static;
}
 .number {
  margin : 19px 0
}

.btn-high {
  color: #000!important;
    font-weight: 900;
    background: #eded27;
    text-transform: uppercase;
    outline: 4px double white;
}
.pagess {
  margin: 45px 0;
}
.pagess .header {
  text-align: center;
  padding: 25px 0;

}
.pagess .header  h1{
  text-align: center;
  display: inline-flex;
  margin: auto;
  position: relative;

}
.pagess .header h1::before {
  content: "";
  position: absolute;
  top: 17px;
  left: -110px;
  width: 100px;
  height: 5px;
  background-color: red;
}

.pagess .header h1::after {
  content: "";
  position: absolute;
  top: 17px;
  right: -110px;
  width: 100px;
  height: 5px;
  background-color: red;
}
.pagess .body .heading p {
  position: relative;
  text-indent: 30px;

}
.pagess .body .heading p::before {
  position: absolute;
    content: '';
    left: 0px;
    top: 5px;
    width: 15px;
    height: 15px;
    outline : 1px solid red;
    border-radius: 50%;
}