@charset "utf-8";



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

#   Fonts 

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

    

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

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

@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Playball&display=swap');

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

#   Common Css 

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



body {

  height: 100%;

  font-size: 14px;

  line-height: 1;

  font-family: "Roboto", sans-serif;

  font-weight: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  color: #222;

  background-color: #FFF;

  transition: background 0.2s linear;

  padding: 0;

  margin: 0;

}



.container {

  max-width: 1320px;

  clear: both;

  width: 100% !important;

}





ul,

ol {

  list-style: none;

  margin: 0;

  padding: 0;

}



img {

  max-width: 100%;

  height: auto;

}



a {

  text-decoration: none;

  outline: none !important;

  color: inherit;

  transition: 0.3s ease;

}



@media(hover: hover){

  a:hover{

      color: inherit;

  }

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  padding: 0;

  font-weight: 400;

}



p {

  font-size: 16px;

  line-height: 26px;

  color: #505050;

  margin: 0;

  text-align: justify;

}



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

# Selection

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

::selection {

  background: #023E93;

  color: #ffffff;

}

::-webkit-selection {

  background: #023E93;

  color: #ffffff;

}

::-moz-selection {

  background: #023E93;

  color: #ffffff;

}

::-o-selection {

  background: #023E93;

  color: #ffffff;

}

::-ms-selection {

  background: #023E93;

  color: #ffffff;

}



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

# PlaceHolder

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



::-webkit-input-placeholder {

    color: #817284 !important;

    opacity: 1;

}

::-moz-placeholder {

    color: #817284 !important;

    opacity: 1;

}

:-ms-input-placeholder {

    color: #817284 !important;

    opacity: 1;

}

:-moz-placeholder {

    color: #817284 !important;

    opacity: 1;

}



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

# Form CSS

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



.form-group {

  margin-bottom: 25px;

}



.form-control {

  font-size: 16px;

  line-height: 20px;

  padding: 14px 16px;

  height: 48px;

  border-radius: 4px;

  border-color: #ECECEC;

  color: #100F0F;

  background-color: #FFF;

}



.form-control:focus {

  color: #100F0F;

  background-color: #fff;

  border-color: #023e93;

  outline: 0;

  box-shadow: none;

}



.custom-select {

  background: #FFF url("../assets/images/icons/dropdown.svg") right .75rem center/8px 10px no-repeat;

  background-size: 14px;

  padding: 14px 16px;

  height: 48px;

  line-height: 0;

  font-size: 16px;

  font-family: 'Poppins';

  border-radius: 4px;

  border-color: #ECECEC;

  color: #100F0F;

  background-color: #FFF;

}



.custom-select:focus {

  color: #100F0F;

  background-color: #fff;

  border-color: #BD3120;

  outline: 0;

  box-shadow: none;

}



textarea.form-control {

  height: 120px;

  resize: none;

}











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

# Validate Form Validation  CSS

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



span.is-invalid {

  display: block;

  width: 100%;

  margin-top: .25rem;

  font-size: 1em;

  color: #dc3545;

}



.form-control.is-invalid,

.form-control.is-valid {

  background-image: none !important;

}





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

# Top Css Start

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



/* Top-bar Css */



.top-menu {

  padding: 8px 12px;

  background-color: #0D254D;

  display: flex;

  align-items: center;

  width: 100%;

  justify-content: space-between;

}



.marquee {

  display: inline-block;

  white-space: nowrap;

  animation: scrollLeft 10s linear infinite;

  padding-left: 101%;

  height: 17px;

  font-size: 16px;

  color: #fff;

  font-weight: 600;

  display: none;

}

.marquee:hover {

   animation-play-state: paused

}



@keyframes scrollLeft {

  0% {

    transform: translateX(0%);

  }

  100% {

    transform: translateX(-100%)

  }

}

.top-left {

  display: flex;

  align-items: center;

}

.top-menu .top-left li {

  display: inline-block;

  padding-right: 10px;

}

.top-menu .top-left li a i {

  font-size: 13px;

}

.top-menu .top-right li:last-child {

  padding-right: 0;

}

.top-menu .top-left li:last-child {

  padding-right: 50px;

}

.top-menu ul li .new-btn {

  background-color: #FF0007;

  border-radius: 2px;

  font-size: 12px;

  color: #fff;

  padding: 2px 10px;

  font-weight: 600;

}

.top-menu ul li .new-btn:hover {

  color: #FF0007;

  background-color: #fff;

}

.top-menu ul li a {

  color: #fff;

  font-size: 14px;

  font-weight: 400;

}

.top-menu ul li a .mail {

  margin-right: 3px;

}

.top-menu ul li a:hover {

  color: #fff;

}

.top-right{

  display: flex;

  align-items: center;

}

.top-right li {

  display: inline-block;

  padding-left: 27px;

}



.top-right li a i {

  font-size: 14px;

}

.ph-missed {

  position: relative;

}

.top-right .ph-missed a i {

  transform: rotate(135deg);

  position: relative;

  top: 4px;

}

.top-right .ph-missed a::after {

  content: '';

  background: url(../img/icons/cutArrow.svg);

  background-repeat: no-repeat;

  width: 11px;

  height: 8px;

  position: absolute;

  top: 1px;

  left: 26px;

}



.medium-top {

  display: flex;

  align-items: center;

}

.medium-top li a {

  margin-right: 30px;

}

.medium-top li a i {

  padding-right: 5px;

}



.top-menu .checkbox {

  opacity: 0;

  position: absolute;

}

.top-menu .checkbox-label {

  background-color: #D91F23;

  width: 50px;

  height: 20px;

  border-radius: 50px;

  position: relative;

  padding: 5px;

  cursor: pointer;

  display: flex;

  justify-content: space-between;

  align-items: center;

  display: none;

}

.top-menu .fa-moon {

  color: #f1c40f;

}

.top-menu .fa-sun {

  color: #f39c12;

}

.top-menu .checkbox-label .ball {

  background-color: #fff;

  width: 16px;

  height: 16px;

  position: absolute;

  left: 2px;

  top: 2px;

  border-radius: 50%;

  transition: transform 0.2s linear;

}

.top-menu .checkbox:checked + .checkbox-label .ball {

  transform: translateX(29px);

}

.top-menu .support {

  position: absolute;

  right: 20px;

  bottom: 20px;

}

.top-menu .support a {

  color: #292c35;

  font-size: 32px;

  backface-visibility: hidden;

  display: inline-block;

  transition: transform 0.2s ease;

}

.top-menu .support a:hover {

  transform: scale(1.1);

}



.top-menu .head-notifications {

  display: none;

}

.top-menu .admission-btn a {

  font-size: 16px;

}



/* Header Seaction */





.header .header-info {

  background-color: #0d254d;

  display: flex;

  align-items: center;

  padding: 0px 10px 10px;

  border-bottom: 1px solid #ffffff40;

  box-shadow: 0px 0px 10px #023e932b;

}

.header {

  position: fixed;

  width: 100%;

  top: 0;

  left: 0;

  z-index: 9;

}

.header .top-logo {

  margin-right: auto;

}

.header .top-logo a img {

  width: 323px;

}

.header-info .top-logo {

  display: none;

}

.header .top-logo a .img-dark {

  display: none;

}

.header .main-navigation ul {

  display: inline-flex;

  vertical-align: middle;

}

.list-unstyled li {

  color: #3092DD;

  padding: 10px 0 !important;

  font-size: 16px;

}

.header .main-navigation {

  background-color: #3A4B68;

  padding: 13px;

  border-radius: 8px;

}

.header .main-navigation ul li {

  padding: 0 21px;

}

.header .main-navigation ul li a.active {

  color: #FE942F;

}

.header .main-navigation ul li a {

  display: block;

  color: #fff;

  font-size: 16px;

  transition: all ease 0.4s;

  font-weight: 400;

  position: relative;

}

.header .main-navigation ul li a i {

  font-size: 12px;

}

.header .main-navigation ul li a:hover {

  color: #ff0007;

}

.header .main-navigation ul li a::after {

  content: '';

  display: block;

  width: 0;

  height: 2px;

  background: #ff0007;

  transition: width .4s ease-in;

  position: absolute;

  bottom: -14px;

}

.header .main-navigation ul li a:hover::after {

  width: 100%;

}



.header .main-navigation .close-btn {

  display: none;

  line-height: 32px;

}

.header .main-navigation .close-btn img {

  width: 20px;

}

.header-info .header-right {

  display: none;

}

.header-right .user-control .dropdown {

  border: 1px solid #ddd;

  padding: 2px 5px;

  border-radius: 4px;

}

.header-right .btn.dropdown-toggle {

  box-shadow: none;

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  padding: 0;

}

.header-right .dropdown-menu.show {

  transform: translate(-1px, 31px) !important;

}

.header-right .dropdown-menu {

  background-color: #fff;

  padding: 0;

  min-width: 96px;

}

.header-right .dropdown-menu li {

  padding: 6px 10px;

  border-bottom: 1px solid #ddd;

}

.header-right .dropdown-menu li:last-child {

  border-bottom: none;

}

.header-right .dropdown-menu li a{

  font-size: 16px;

  color: #000;

  font-weight: 400;

}

.header-right .bars-icons {

  display: none;

}

.header-right .navbar-toggler {

  padding: 0 !important;

  box-shadow: none;

  margin-left: 15px;

}



.header-right .navbar-toggler .blue-bars {

  width: 40px;

  margin-top: 2px;

}

.header-right .navbar-toggler .blue-bars {

  display: none;

}

.header-right .user-control {

  display: inline-flex;

  align-items: center;

  margin: 0 -10px;

}

.header-right {

  margin-right: 10px;

  margin-left: 10px;

}

.header::after {

  content: "";

  display: none;

  position: fixed;

  width: 100vw;

  height: 100vh;

  background: rgba(0, 0, 0, 0.7);

  z-index: 5;

  transition: all 0.5s ease-in-out;

  top: 0;

  left: 0;

  display: none;

  cursor: pointer;

}



.admission-btn {

  background-color: #FE942F;

  border-radius: 8px;

  padding: 8px 10px;

  transition: all ease .4s;

}

.admission-btn .admission-info {

  display: flex;

}

.admission-btn .admission-info .img-block img {

  margin-right: 6px;

  width: 30px;

}

.admission-btn a small {

  font-size: 12px;

  line-height: 12px;

  font-weight: 400;

  color: #000;

  padding-bottom: 2px;

}

.admission-btn a {

  color: #fff;

  font-size: 16px;

  font-weight: 500;

}

.admission-btn:hover {

  background-color: #FF1116;

}



body.mobile-navbar-open .header::after {

  display: block;

}

.header.header-varient-dark.sticky-header {

  background-color: #0d254d;

}

.header.header-varient-dark.sticky-header .main-navigation {

  padding: 15px 5px;

  margin-right: 25px;

  background: none;

}

.header.header-varient-dark.sticky-header .header-info .top-logo {

  display: block;

}

.header.header-varient-dark.sticky-header .top-menu .top-logo {

  display: none;

}

.header.header-varient-dark.sticky-header .top-menu .head-notifications  {

  display: block;

}

.header.header-varient-dark.sticky-header .header-info .head-notifications {

  display: none;

}

.header.header-varient-dark.sticky-header .header-info .header-right {

  display: block;

}

.header.header-varient-dark.sticky-header .top-menu .header-right {

  display: none;

}

.header.header-varient-dark.sticky-header .header-info {

  padding: 10px 10px 10px;

}

.header.header-varient-dark.sticky-header .main-navigation ul li {

  padding: 0 12px;

}



.header.header-varient-dark.sticky-header .top-menu {

  position: fixed;

  bottom: 5px;

  left: 0;

  right: 0;

  background: rgb(13, 37, 77);

  backdrop-filter: blur(5px) contrast(80%);

  padding: 5px 10px;

  box-shadow: 0px 2px 5px #686868;

}

.header.header-varient-dark.sticky-header .top-menu .medium-top {

  display: none;

}

.header.header-varient-dark.sticky-header .top-menu .top-left {

  display: none;

}

.header.header-varient-dark.sticky-header .marquee {

  display: inline-block;

}

.header.header-varient-dark.sticky-header .top-notification-slider1.pagination-style.overflow-hidden {

  width: 60%;

}

.header.header-varient-dark.sticky-header .fa-facebook-f {

  color: #588eff;

}

.header.header-varient-dark.sticky-header .fa-twitter {

  color: #55acee;

}

.header.header-varient-dark.sticky-header .fa-whatsapp {

  color: #4dc247;

}

.header.header-varient-dark.sticky-header .fa-linkedin-in {

  color: #007bb5;

}

.header.header-varient-dark.sticky-header .fa-instagram {

  color: #e95950;

}

.header.header-varient-dark.sticky-header .fa-youtube {

  color: red;

}

.header.header-varient-dark.sticky-header .fa-search {

  color: #aad450;

}

.header.header-varient-dark.sticky-header .top-right li a i {

  font-size: 14px;

}

.header.header-varient-dark.sticky-header .step-second-menu {

  top: 80px;

}

.header.header-varient-dark.sticky-header .top-right li a {

  font-size: 14px;

}

.header.header-varient-dark.sticky-header .top-right .ph-missed a::after {

  top: -0px;

  left: 27px;

}

.admission-btn.helpline {

  display: none;

}

.admission-btn.helpline a.numbers {

  color: #000;

  font-size: 16px;

  font-weight: bold;

}

.admission-btn.helpline a small {

  font-size: 11px;

  line-height: 12px;

  font-weight: 400;

  color: #fff;

  padding-bottom: 2px;

}



.head-notifications {

  margin-right: auto;

  width: 346px;

}

.head-notifications h6 {

  font-size: 12px;

  line-height: 14px;

  color: rgb(255 255 255 / 57%);

  font-weight: 300;

  margin: 0;

  text-align: center;

  position: relative;

}

.head-notifications h6::before {

  content: "";

  background: rgba(255, 255, 255, .3);

  height: 1px;

  position: absolute;

  left: 0;

  top: 7px;

  width: 35%;

}  

.head-notifications h6::after {

  content: "";

  background: rgba(255, 255, 255, .3);

  height: 1px;

  position: absolute;

  right: 0;

  top: 7px;

  width: 35%;

}

.head-note-slider .head-note {

  text-align: center;

  margin-top: 5px;

}

.head-note-slider .head-note .item a {

  font-size: 12px;

  line-height: 14px;

  color: rgb(255 255 255 / 57%);

  font-weight: 300;

}

























/* Footer Scetion Css */



.footer {

  padding: 70px 0 20px;

  background-image: url(../img/ft-bg.png);

  background-size: cover;

  background-repeat: no-repeat;

}

.footer .footer-link h3 {

  font-size: 22px;

  color: #fe942f;

  font-weight: 600;

  margin-bottom: 10px;

}

.footer .footer-link ul li {

  margin-bottom: 15px;

}

.footer .footer-link ul li a {

  font-size: 16px;

  color: #B0B0B0;

  line-height: 24px;

  transition: all ease .4s;

}

.footer .footer-link ul li a:hover {

  color: #ff0007;

}

.footer .footer-link h5 {

  font-size: 16px;

  color: #3092DD;

  line-height: 24px;

  padding: 10px 0 5px;

}

.footer .footer-link p {

  font-size: 16px;

  color: #B0B0B0;

  line-height: 24px;

  margin-bottom: 13px;

}

.footer-link .list-unstyled li a {

  margin-bottom: 10px;

  display: inline-block;

  font-size: 16px;

  transition: all ease .4s;

  color: #B0B0B0;

}

.footer-link .list-unstyled li a:hover {

  color: #FE942F;

}

.footer .raging ul li {

  display: inline-block;

}

.footer .raging p {

  text-align: right;

  font-size: 16px;

  color: #B0B0B0;

}

.footer .number-wrap {

  padding-bottom: 10px;

}

.footer .number-wrap h4 {

  font-size: 18px;

  color: #229FFF;

  font-weight: 500;

  margin-bottom: 5px;

}

.footer .number-wrap ul li {

  padding-bottom: 5px;

  margin-bottom: 0;

}

.footer .number-wrap ul li a {

  font-size: 16px;

  color: #B0B0B0;

  font-weight: 400;

}



.copyright {

  border-top: 1px solid #ffffff17;

  padding: 20px 0 60px;

}

.copyright .raging ul li a {

  color: #B0B0B0;

  font-size: 16px;

  font-weight: 400;

  transition: all ease .4s;

} 

.copyright .raging ul li a:hover {

  color: #FE942F;

}

.social-icons {

  text-align: right;

}

.social-icons li a i {

  color: #fff;

} 

.social-icons li a i:hover {

  color: #FE942F;

}

.copy-text p {

  text-align: center;

  font-size: 16px;

  color: #B0B0B0;

}











.sticky-bar {

  display: block;

  top: 50%;

  right: -133px;

  position: fixed;

  z-index: 1040;

  width: 184px;

  transform: translateY(-50%);

}

.sticky-bar ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.sticky-bar ul li {

  background-color: #ff0007;

  border-radius: 4px 0 0 4px;

  margin: 4px;

  transition: all .4s ease-in;

  padding: 5px;

  height: 48px;

  border: 1px solid transparent;

}

.sticky-bar ul li:hover {

  background-color: #0d254d;

  margin-left: -122px;

  border: 1px solid #fff;

}

.sticky-bar ul li a {

  color: #fff;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: .5px;

}



.sticky-bar ul li a i {

  padding: 6px 7px 7px;

  font-size: 26px;

}

.sticky-bar ul li a img {

  float: left;

}

.sticky-bar ul li a .st-label {

  padding-top: 7px;

  display: inline-block;

  padding-left: 4px;

}

.sticky-bar ul li a .st-label-single {

  display: inline-block;

  padding-left: 7px;

  vertical-align: text-top;

  line-height: 0;

}







/* Header Mega Menu */



.step-first-menu>li:hover .step-second-menu {

  opacity: 1;

  visibility: visible;

  -webkit-transform: rotateX(0);

  -moz-transform: rotateX(0);

  -ms-transform: rotateX(0);

  transform: rotateX(0);

}

.step-second-menu {

  position: absolute;

  top: 133px;

  background: #fff;

  padding: 20px;

  box-shadow: 0 5px 10px rgba(0,0,0,.2);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: .4s;

  -o-transition: .4s;

  transition: .4s;

  -webkit-transform: rotateX(90deg);

  -moz-transform: rotateX(90deg);

  -ms-transform: rotateX(90deg);

  transform: rotateX(90deg);

  -webkit-transform-origin: top center;

  -ms-transform-origin: top center;

  transform-origin: top center;

  overflow: hidden;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px

}

.allNotification button,.dd-menu-lg,.footer a,.gotoTop button,.header .nav-item>a {

  position: relative

}



.step-second-menu h4 {

  font-size: 15px;

  padding-bottom: 5px;

  margin-bottom: 8px;

  font-weight: 700;

  text-transform: uppercase;

  color: #0D254D;

  text-align: left;

}

.step-second-menu li a {

  color: #000;

  font-size: 14px;

  line-height: 15px;

  display: block

}

.list-unstyled.p-0.m-0 {

  display: block;

}

.list-unstyled.p-0.m-0 a {

  color: #000 !important;

  font-size: 14px;

  line-height: 15px;

  font-weight: 400;

}

.list-unstyled.p-0.m-0 a:hover {

  color: #023E93 !important;

  text-decoration: underline;

}

.list-unstyled.p-0.m-0 a::after {

   display: none;

}



.st-about {

  width: 730px;

  height: 370px

}

.st-programs {

  width: 615px;

  height: 400px;

  left: 170px;

}

.st-clubs {

  width: 550px;

  height: 280px;

  right: 50px;

}

.st-admissions {

  width: 570px;

  height: 412px

}

.st-campus {

  width: 500px;

  height: 412px

}

.st-placements {

  width: 607px;

  height: 400px;

  right: 200px

}

.st-research {

  width: 700px;

  height: 410px;

  right: 0

}

.drop-down-graphic h3 {

  text-align: center;

  color: #fff;

  font-size: 20px;

  padding: 15px 20px 0;

  line-height: 30px;

}

.drop-down-graphic h3 span {

  display: block;

  color: #FF0007;

  font-size: 24px;

  font-weight: 700;

}

.lazybg {

  background-size: cover!important;

}

.dd-graphic-cont {

  background: #0D254D;

}

.dd-graphic-cont .col-6 {

  border: 1px solid rgba(255,255,255,.3);

  height: 100px;

}

.dd--title {

  font-size: 13px;

  line-height: 15px;

  text-align: center;

  color: #fe942f;

  font-weight: 400;

}

.dd--title span {

  display: block;

  text-align: center;

  margin-bottom: 10px;

}

.dd--title span i {

  font-size: 40px;

  color: #fff;

}



.redbox-applynow {

  background-blend-mode: darken;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  padding-top: 15px;

}

.redbox-applynow h3 {

  color: #fff;

  margin-bottom: 0;

  text-align: center;

  font-size: 18px;

  font-weight: 600;

}

.redbox-applynow .dd--title {

  color: #fff;

}

.progNos {

  width: 135px;

  padding-left: 10px;

}

.card {

  position: relative;

  display: flex;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: #0D254D;

  background-clip: border-box;

  border: 1px solid rgba(0,0,0,.125);

  border-radius: 0.25rem;

}

.placement--ddNumbers span h4 {

  margin: 0;

  color: #fff;

  font-weight: 700;

  font-size: 30px;

  line-height: 24px;

}

.placement--ddNumbers span small {

  color: #fff;

  font-size: 11px;

  line-height: 10px;

  display: block;

  margin-top: 5px;

}

.progNos p {

  font-size: 12px;

  color: #fff;

  line-height: 12px;

  margin: 0;

  padding-top: 5px;

  text-align: left;

}



#stats {

  position: absolute;

  left: 10px;

  top: 0px;

  z-index: 99999;

}







#canvas {

  height: 700px;

  width: 100%;

  position: absolute;

  inset: 0;

  z-index: 1;

}



@keyframes blinker {

  50% {

    opacity: 0.3;

  }

}







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

 Banner Section Css Start  

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



.banner .item {

  height: 700px;

  width: 100%;

  text-align: center;

  position: relative;

}

.banner .owl-nav .owl-prev, .banner .owl-nav .owl-next {

  position: absolute;

  top: 50px;

  bottom: 0;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 15%;

  padding: 0;

  color: #fff;

  text-align: center;

  background: 0 0;

  border: 0;

  opacity: .5;

  transition: opacity .15s ease;

}

.banner .owl-nav .owl-next {

  right: 0;

}

.banner .owl-nav .owl-prev, .banner .owl-nav .owl-next {

  width: 10%;

}

.banner .owl-carousel .owl-nav .owl-prev span, .banner .owl-carousel .owl-nav .owl-next span {

  font-size: 50px;

  color: #fff;

  text-align: center;

  line-height: 16px;

}

.banner .banner-info {

  text-align: left;

  padding: 230px 0px 0 100px;

  width: 750px;

}

.banner .banner-info h1 {

  font-size: 52px;

  line-height: 70px;

  font-weight: bold;

  color: #fff;

  text-shadow: 0 6px 10px #00000057;

  margin-bottom: 15px;

  font-family: "Roboto", sans-serif;

}

.banner .banner-info h1 span {

  color: #FF0007;

}

.banner .banner-info p {

  font-size: 22px;

  font-weight: 400;

  color: #fff;

  text-shadow: 0 10px 10px #00000057;

  text-align: left;

  line-height: 36px;

  margin-bottom: 40px;

}

.banner .banner-info a {

  background-color: #FF0007;

  padding: 10px 30px;

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

  border-radius: 4px;

  transition: all ease .4s;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

}

.banner .banner-info a.yellow {

  background-color: #FE942F;

  margin-right: 10px;

}

.banner .banner-info a:hover {

  background-color: #fff;

  color: #FF0007;

}



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

 Banner Section Css End 

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





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

 Video Section Css

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



.video-boxs {

  text-align: center;

  padding-bottom: 100px;

  position: relative;

  z-index: 1;

}

.video-boxs img {

  margin-top: -100px;

  width: 70%;

}

.video-boxs .play-btn {

  width: 94px;

  height: 94px;

  background-color: #ffffffed;

  border-radius: 50%;

  display: block;

  position: absolute;

  left: calc(50% - 47px);

  top: calc(30% - 47px);

  overflow: hidden;

  box-shadow: 0 0 25px #000000;

}

.video-boxs .play-btn:before {

  content: "";

  position: absolute;

  width: 120px;

  height: 120px;

  animation-delay: 0s;

  animation: pulsate-btn 2s;

  animation-direction: forwards;

  animation-iteration-count: infinite;

  animation-timing-function: steps;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid rgb(255 0 7);

  top: -15%;

  left: -15%;

  background: rgba(198, 16, 0, 0);

}

.video-boxs .play-btn:after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border-top: 15px solid transparent;

  border-bottom: 15px solid transparent;

  border-left: 25px solid #ff0007;

  z-index: 1;

  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

.video-boxs .play-btn:hover:before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border: none;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #ff0007;

  z-index: 200;

  animation: none;

  border-radius: 0;

}

.video-boxs .play-btn:hover:after {

  border-left: 15px solid var(--color-primary);

  transform: scale(20);

}

@keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1;

  }



  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}





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

 Video Section Css End

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



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

 smcet Section Css start

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



.we-are {

  padding: 70px 0;

  background-image: url(../img/smcet-bg.png);

  background-repeat: no-repeat;

  background-size: cover;

}

.we-are .we-info h1 {

  font-size: 195px;

  color: #fff;

  font-weight: 900;

  opacity: 0.1;

  position: relative;

  line-height: 195px;

}

.we-are .we-info h2 {

  font-size: 188px;

  line-height: 195px;

  color: #FE942F;

  font-weight: 900;

  text-transform: uppercase;

  margin-top: -128px;

}

.we-are .we-info h4 {

  font-size: 20px;

  color: #fff;

  font-weight: 400;

  line-height: 30px;

}

.we-are .we-info p {

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  line-height: 30px;

  margin-top: 15px;

}

.we-are .we-info a {

  background-color: #FF0007;

  padding: 10px 30px;

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

  border-radius: 4px;

  transition: all ease .4s;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

  margin-top: 17px;

  display: inline-block;

}

.we-are .img-block {

  position: relative;

}

.we-are .img-block::before {

  content: '';

  position: absolute;

  top: -70px;

  background-color: #FE942F;

  width: 200px;

  height: 685px;

  left: 34%;

  right: auto;

  z-index: 0;

}

.we-are .img-block img {

  width: 100%;

  position: relative;

}





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

 smcet Section Css End

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





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

 Achievements Section Css start

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



.achievements {

  padding: 70px 0;

  text-align: center;

}

.achievements .section-tital {

  text-align: center;

  margin-bottom: 40px;

}

.achievements .section-tital h2 {

  color: #FF0007;

  font-size: 32px;

  font-weight: bold;

  margin-bottom: 5px;

}

.achievements .section-tital p {

  color: #505050;

  font-size: 16px;

  font-weight: 400;

  text-align: center;

  margin: 0 auto 10px;

  width: 700px;

}

.achievements .section-tital img {

  width: 100px;

}

.achievements .img-block img {

  padding: 0px 15px;

  width: 200px;

}

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

 Achievements Section Css End

------------------------------





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

 WHY SMCET Section Css start

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



.campus.why-info {

  display: none;

}

.campus.why-info .campus-info  {

  text-align: center;

  margin: 0 auto 15px;

}

.campus.why-info .campus-info img {

  width: 70px;

  text-align: center;

  margin: 0 auto 15px;

}

.campus {

  padding: 70px 0;

  position: relative;

}

.campus .section-title {

  text-align: center;

  margin-bottom: 10px;

  position: relative;

}

.campus .section-title h2 {

   font-size: 32px;

   font-weight: bold;

   color: #FE942F;

   margin-bottom: 5px;

}

.campus .section-title img {

  width: 100px;

  margin: 10px;

}

.campus .section-title p {

  font-size: 16px;

   font-weight: 400;

   color: #fff;

   max-width: 800px;

   margin: 0 auto 5px;

   text-align: center;

} 

.campus .campus-info {

  margin-top: 30px;

  border: 1px solid #ffffff4d;

  padding: 30px 20px;

  border-radius: 4px;

  transition: all ease .4s;

  min-height: 192px;

  text-align: center;

}

.campus .campus-info:hover {

  background-color: #FE942F;

  border: 1px solid #FE942F;

}

.campus .campus-info img {

  width: 100px;

  margin-bottom: 15px;

}

.campus .campus-info h3 {

  color: #fff;

  font-size: 42px;

  font-weight: bold;

  text-align: center;

  margin-bottom: 24px;

}

.campus .campus-info h3 sup {

  font-size: 20px;

  top: -18px;

  left: 0;

}

.campus .campus-info p {

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  text-align: center;

  line-height: 26px;

}





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

 WHY SMCET Section Css End

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





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

 Engineering Section Css start

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



.engineering {

  padding: 70px 0;

}

.engineering .section-tital {

  text-align: center;

  margin-bottom: 40px;

}

.engineering .section-tital h2 {

  color: #FF0007;

  font-size: 32px;

  font-weight: bold;

  margin-bottom: 5px;

  text-transform: uppercase;

}

.engineering .section-tital p {

  color: #505050;

  font-size: 16px;

  font-weight: 400;

  text-align: center;

  margin: 0 auto 10px;

  width: 700px;

}

.engineering .section-tital img {

  width: 100px;

}

.engineering .courses {

  background-color: #F9F9F9;

  border: 1px solid #ddd;

}

.engineering .courses .img-block {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

  background-color: #bbb;

  text-align: center;

  position: relative;

}

.engineering .courses .overlay {

  width: 100%;

  height:100%;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}

.engineering .courses .img-block .overlay {

  background-color: #0d254dd9;

  line-height: 300px;

  color: #fff;

  transform: translateX(-100%);

  -webkit-transition: transform 0.5s ease-out;

  -o-transition: transform 0.5s ease-out;

  transition: transform 0.5s ease-out;

  font-size: 40px;

}

.engineering .courses .img-block .overlay a:hover {

  color: #fe942f;

}

.engineering .courses .img-block:hover .overlay {

  transform: translateX(0);

}

.engineering .courses .img-block img {

  width: 100%;

}

.engineering .courses .science {

  text-align: center;

  padding: 20px;

}

.engineering .courses .science h5 {

  color: #FF0007;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 5px;

}

.engineering .courses .science h3 {

  font-size: 20px;

  color: #193056;

  font-weight: 600;

  margin-bottom: 8px;

}

.engineering .courses .science ul li {

  display: inline-block;

  padding-bottom: 10px;

}

.engineering .courses .science ul li a {

  color: #FE942F;

  font-size: 15px;

}

.engineering .courses .science ul li a span {

  color: #505050;

  padding-left: 10px;

}

.engineering .courses .science p {

  text-align: center;

  font-size: 16px;

  color: #505050;

}

.engineering .courses .btn-block a {

  background-color: #fe942f;

  padding: 12px 30px;

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  text-align: center;

  transition: all ease .4s;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

  display: inline-block;

  width: 100%;

  transition: all ease .4s;

}

.engineering .courses .btn-block a:hover {

  background-color: #FF0007;

}



.courses-slider.owl-carousel button.owl-dot {

  position: relative;

  z-index: 1;

  background-color: #D9D9D9;

  width: 10px;

  height: 10px;

  border-radius: 100px;

  margin: 0 2px;

}

.courses-slider.owl-carousel button.owl-dot.active {

  background-color: #ff0007;

}

.courses-slider .owl-dots {

  text-align: center;

}

.courses-slider.owl-carousel .item {

  margin-bottom: 15px;

}

.courses-slider.owl-carousel .owl-dots.disabled {

  display: block;

}



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

 Engineering Section Css End

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





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

 Counter Section Css start

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



.count-wraps {

  padding: 100px 0;

  background-image: url(../img/count.png);

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;

}

.count-wraps::before {

  content: '';

  position: absolute;

  top: 58px;

  left: 33px;

  background-image: url(../img/counter-shape.png);

  background-repeat: no-repeat;

  width: 124px;

  height: 120px;

}

.count-wraps::after {

  content: '';

  position: absolute;

  bottom: 54px;

  right: 23px;

  background-image: url(../img/counter-shape.png);

  background-repeat: no-repeat;

  width: 124px;

  height: 120px;

}



#counter {

  display: flex;

  justify-content: center;

  width: 100%;

  position: relative;

  z-index: 1;

}

#counter .item {

  background: #fff;

  width: 100%;

  padding: 20px;

  margin: 0px 10px;

  -webkit-box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);

  -moz-box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);

  box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);

  display: flex;

  align-items: center;

}

#counter .item .count {

  color: #0D254D;

  margin-bottom: 5px;

  font-size: 48px;

  font-weight: bold;

  line-height: 48px;

}

#counter .item h3 {

  color: #505050;

  text-transform: capitalize;

  font-size: 17px;

  font-weight: 500;

}

#counter .item .img-block {

  margin-right: 13px;

}

#counter .item .img-block img {

  width: 70px;

}



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

 Counter Section Css End

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





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

 Upcoming events Section Css start

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



.upcoming {

  padding: 70px 0;

}

.upcoming .img-block img {

  width: 100%;

}

.upcoming .upcoming-events h1 {

  font-size: 211px;

  color: #0D254D;

  font-weight: bold;

  opacity: 0.1;

}

.upcoming .upcoming-events h2 {

  font-size: 81px;

  color: #FE942F;

  font-weight: bold;

  margin-top: -131px;

  position: relative;

  z-index: 1;

  margin-bottom: 30px;

}

.conference {

  display: flex;

  align-items: start;

  margin-bottom: 30px;

}

.conference .date {

  width: 190px;

  text-align: center;

  padding: 20px 15px;

  background-color: #193056;

  line-height: 190px;

  margin-right: 15px;

}

.conference .date h4 {

  color: #fff;

  font-size: 18px;

  font-weight: 500;

  text-align: center;

  line-height: 28px;

}

.conference .find-out h5 {

  color: #FF0007;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 3px;

}

.conference .find-out h3 {

  color: #0D254D;

  font-size: 22px;

  font-weight: 600;

}

.conference .find-out p {

  color: #505050;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 5px;

  line-height: 24px;

}

.conference .find-out a {

  color: #FE942F;

  font-size: 16px;

  font-weight: 500;

}

.conference .find-out a i {

  font-size: 16px;

  padding-left: 5px;

}



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

 Upcoming events Section Css End

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



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

 logo & BLOG Section Css start

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



.logo-blog {

  padding: 70px 0;

  background-image: url(../img/logo-blog.png);

  background-repeat: no-repeat;

  background-size: cover;

}

.logo-blog .section-tital {

  text-align: center;

  margin-bottom: 40px;

}

.logo-blog .section-tital h2 {

  font-size: 32px;

  font-weight: bold;

  color: #FE942F;

  margin-bottom: 5px;

  text-transform: uppercase;

}

.logo-blog .section-tital p {

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  margin-bottom: 8px;

  text-align: center;

}

.logo-blog .section-tital img {

  width: 100px;

}



.logo-blog .img-blocks {

  text-align: center;

  margin-bottom: 20px;

}

.logo-blog .img-blocks img {

  width: 300px;

}

.logo-blog .alls-logo .img-wraps {

  text-align: center;

}

.alls-logo .img-wraps img {

  width: 151px;

  margin: 10px;

}

.alls-logo.owl-carousel button.owl-dot {

  position: relative;

  z-index: 1;

  background-color: #D9D9D9;

  width: 10px;

  height: 10px;

  border-radius: 100px;

  margin: 0 2px;

}

.alls-logo.owl-carousel button.owl-dot.active {

  background-color: #ff0007;

}

.alls-logo .owl-dots {

  text-align: center;

}

.alls-logo.owl-carousel .item {

  margin-bottom: 15px;

}

.alls-logo.owl-carousel .owl-dots.disabled {

  display: block;

}

.blog-wrapss {

  background-color: #fff;

  border: 1px solid #ddd;

}

.blog-wrapss .img-block img {

  width: 100%;

  margin-bottom: 0;

}

.blog-wrapss .blogs-info {

  padding: 20px;

}

.blog-wrapss .blogs-info ul li {

  display: inline-block;

  align-items: center;

  padding-right: 25px;

}

.blog-wrapss .blogs-info ul li a {

  color: #505050;

  font-size: 14px;

  font-weight: 400;

}

.blog-wrapss .blogs-info ul li a i {

  color: #FE942F;

  font-size: 14px;

  padding-right: 5px;

}

.blog-wrapss .blogs-info h3 {

  font-size: 22px;

  font-weight: 600;

  color: #193056;

  margin: 10px 0px 5px;

}

.blog-wrapss .blogs-info p {

  font-size: 16px;

  font-weight: 400;

  color: #505050;

  margin-bottom: 10px;

}

.blog-wrapss .blogs-info a {

  font-size: 16px;

  font-weight: 500;

  color: #FF0606;

  margin-bottom: 10px;

}

.blog-wrapss .blogs-info a i {

  padding-left: 3px;

  font-size: 14px;

}

.blog-js.owl-carousel button.owl-dot {

  position: relative;

  z-index: 1;

  background-color: #D9D9D9;

  width: 10px;

  height: 10px;

  border-radius: 100px;

  margin: 0 2px;

}

.blog-js.owl-carousel button.owl-dot.active {

  background-color: #ff0007;

}

.blog-js .owl-dots {

  text-align: center;

}

.blog-js.owl-carousel .item {

  margin-bottom: 15px;

}

.blog-js.owl-carousel .owl-dots.disabled {

  display: block;

}



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

 logo & BLOG Section Css End

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





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

 SMPGC ON SOCIAL MEDIA Css start

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





.students {

  padding: 70px 0;

}

.students .section-title {

  margin-bottom: 30px;

  text-align: center;

}

.students .section-title h2 {

  font-size: 32px;

  color: #0D254D;

  font-weight: 700;

  margin-bottom: 5px;

}

.students .section-title img {

  width: 100px;

}

.students .section-title p {

  color: #505050;

  font-size: 16px;

  width: 800px;

  margin: 0 auto 8px;

  text-align: center;

}

.blog {

  position: relative;

  z-index: 1;

}

.blog h3 {

  color: #FF0007;

  font-size: 20px;

  font-weight: 600;

  padding: 0px 0 15px;

}

.blog h3 img {

  width: 70px;

  margin-top: 15px;

}



.blog .blog-boxs {

  background-color: #FE942F;

  border-radius: 8px;

  border: 1px solid #ddd;

  padding: 20px;

}

.blog .blog-boxs marquee {

  height: 429px;

}

.blog .blog-boxs ul li {

  background-color: #0D254D;

  border-radius: 4px;

  padding: 10px;

  border: 1px solid #fff;

  margin-bottom: 15px;

}

.blog .blog-boxs ul li a {

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

}

.blog .blog-boxs .btn-block a {

  font-size: 18px;

  font-weight: 600;

  color: #FF0007;

  background-color: #fff;

  padding: 8px 15px;

  border-radius: 4px;

  text-align: center;

  transition: all ease .4s;

  margin-top: 10px;

  display: inline-block;

}

.blog .blog-boxs .btn-block a:hover {

  background-color: #0D254D;

}

.blog .blog-box {

  background-color: #FFFFFF;

  border-radius: 8px;

  border: 1px solid #ddd;

  min-height: 515px;

}

.blog .blog-box img {

  width: 100%;

  border-radius: 8px;

}

.blog .blog-box h4 {

  font-size: 20px;

  color: #000;

  font-weight: 600;

  margin-bottom: 5px;

  padding: 15px 20px 0;

  line-height: 24px;

}

.blog .blog-box h6 {

  font-size: 16px;

  font-weight: 400;

  color: #484848;

  padding: 5px 15px;

  line-height: 22px;

}

.blog .blog-box figure {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 20px 20px;

  margin: 0;

}

.blog .blog-box figure p {

  color: #023E93;

  font-size: 18px;

  font-weight: 600;

}

.blog .blog-box figure a {

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  background-color: #FF1116;

  padding: 8px 15px;

  border-radius: 4px;

  text-align: center;

  transition: all ease .4s;

}

.blog .blog-box figure a:hover {

  background-color: #0A398B;

}

.social-media .user-block {

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}

.social-media .user-block .img-block {

  margin-right: 10px;

}

.social-media .user-block .img-block img {

  width: 50px;

}

.social-media .user-block figcaption h5 {

  font-size: 18px;

  color: #000;

  font-weight: 600;

  margin-bottom: 0;

}

.social-media .user-block figcaption p {

  font-size: 14px;

  color: #4E4E4E;

  font-weight: 600;

  margin-bottom: 0;

}

.social-media .star {

  display: flex;

  align-items: center;

  margin-bottom: 5px;

}

.social-media .star ul li {

  display: inline-block;

}

.social-media .star ul li a i {

  color: #FE942F;

  font-size: 16px;

}

.social-media .star p {

  font-size: 16px;

  color: #4E4E4E;

  padding:  0 15px;

}

.social-media .star span {

  background-color: #fff;

  border: 1px solid #A8A7A8;

  font-size: 14px;

  text-align: center;

  border-radius: 2px;

  padding: 2px 4px;

}

.social-media p {

  font-size: 16px;

  font-weight: 400;

  color: #484848;

}

.social-media {

  padding: 20px;

}

.social-media .btn-block a {

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  background-color: #FF1116;

  padding: 8px 15px;

  border-radius: 4px;

  text-align: center;

  transition: all ease .4s;

   display: inline-block;

   margin-top: 18px;

}

.social-media .btn-block a:hover {

  background-color: #0D254D;

}

.blog-slide.owl-carousel button.owl-dot {

  position: relative;

  z-index: 1;

  background-color: #D9D9D9;

  width: 10px;

  height: 10px;

  border-radius: 100px;

  margin: 0 2px;

}

.blog-slide.owl-carousel button.owl-dot.active {

  background-color: #FF1116;

}

.blog-slide .owl-dots {

  text-align: center;

  margin-top: 20px;

}

.blog-slide.owl-carousel .owl-dots.disabled {

  display: block;

  margin-top: 30px;

}





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

 SMPGC ON SOCIAL MEDIA Css End

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





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

 WHAT OUR STUDENTS SAY ABOUT US Css Start

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



.destination {

  padding: 70px 0;

  background-image: url(../img/aluni.png);

  background-repeat: no-repeat;

  background-size: cover;

}

.destination .section-title {

  text-align: center;

  margin-bottom: 50px;

}

.destination .section-title h2 {

  font-size: 32px;

  font-weight: 700;

  color: #FE942F;

  margin: 0 auto 8px;

}

.destination .section-title img {

  width: 100px;

}

.alumni-speaks h3 {

  font-size: 20px;

  color: #fff;

  font-weight: 500;

  margin-bottom: 15px;

  text-transform: uppercase;

}

.alumni-speaks h3 span {

  color: #ff0007;

}

.alumni-box {

  background-color: #0D254D;

  border-radius: 8px;

  border: 1px solid #ffffff5c;

  padding: 15px;

  box-shadow: 0px 0px 20px #0010266e;

  min-height: 256px;

}

.alumni-box h4 {

  color: #fff;

  font-weight: 500;

  font-size: 20px;

  margin-bottom: 12px;

}

.alumni-box p {

  color: #fff;

  font-weight: 400;

  font-size: 16px;

  margin-bottom: 10px;

}

.alumni-box figure {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: 0;

}

.alumni-box figure h5 {

  font-size: 18px;

  color: #fff;

  font-weight: 500;

  margin-bottom: 5px;

}

.alumni-box figure span {

  font-size: 16px;

  color: #fff;

  font-weight: 500;

}

.alumni-box figure .speaks img {

  width: 50px;

}

.alumni-box .apply-btn {

  font-size: 16px;

  font-weight: 600;

  color: #fff;

  background-color: #FF1116;

  padding: 8px 15px;

  border-radius: 4px;

  text-align: center;

  transition: all ease .4s;

  display: inline-block;

  margin-top: 2px;

}

.alumni-slide.owl-carousel button.owl-dot {

  position: relative;

  z-index: 1;

  background-color: #D9D9D9;

  width: 10px;

  height: 10px;

  border-radius: 100px;

  margin: 0 2px;

}

.alumni-slide.owl-carousel button.owl-dot.active {

  background-color: #ff0007;

}

.alumni-slide .owl-dots {

  text-align: center;

  margin-top: 15px;

}

.alumni-slide.owl-carousel .owl-dots.disabled {

  display: block;

  margin-top: 30px;

}

.alumni-box h4 span {

  color: #ff0007;

}



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

 WHAT OUR STUDENTS SAY ABOUT US Css End

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



.about-wrap {

  padding: 240px 0 125px;

}

.about-wrap .section-title {

  text-align: center;

}

.about-wrap .section-title h1 {

  font-size: 36px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 10px;

}

.about-wrap .breadcrumb {

  display: flex;

  flex-wrap: inherit;

  padding: 0 0;

  margin-bottom: 0;

  list-style: none;

  align-items: center;

  justify-content: center;

}

.about-wrap .breadcrumb li a {

  font-size: 18px;

  font-weight: 400;

  color: #fff;

}

.breadcrumb .breadcrumb-item.active {

  color: #ff0007;

  font-size: 18px;

  font-weight: 400;

}

.breadcrumb-item+.breadcrumb-item::before {

  float: left;

  padding-right: 0.5rem;

  color: #ff0007;

  content: var(--bs-breadcrumb-divider, "/");

}



.about-us {

  padding: 70px 0;

}

.about-us .img-block img {

  width: 100%;

}

.about-us .ab-info h4 {

  font-size: 20px;

  font-weight: 500;

  color: #FF0007;

  margin-bottom: 10px;

}

.about-us .ab-info h2 {

  font-size: 32px;

  font-weight: 700;

  color: #0D254D;

  margin-bottom: 10px;

}

.about-us .ab-info p {

  font-size: 16px;

  font-weight: 400;

  color: #505050;

  margin-bottom: 10px;

  line-height: 28px;

}

.about-us .ab-info a {

  background-color: #FF0007;

  padding: 10px 30px;

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

  border-radius: 4px;

  transition: all ease .4s;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

  margin-top: 5px;

  display: inline-block;

}

.about-us .ab-info a:hover {

  background-color: #FE942F;

}



.scholarship {

  padding: 70px 0;

  background-image: url(../img/scholarship.png);

  background-size: cover;

  background-repeat: no-repeat;

}

.scholarship .scholarship-info h2 {

  font-size: 32px;

  font-weight: bold;

  color: #FE942F;

  margin-bottom: 10px;

}

.scholarship .scholarship-info p {

  font-size: 16px;

  font-weight: 400;

  color: #fff;

}

.scholarship .scholarship-infos {

  text-align: right;

}

.scholarship .scholarship-infos a {

  background-color: #FF0007;

  padding: 12px 30px;

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

  border-radius: 4px;

  transition: all ease .4s;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

  display: inline-block;

}

.scholarship .scholarship-infos a:hover {

  background-color: #FE942F;

}



.visiting {

  padding: 70px 0;

  background-image: url(../img/visiting.webp);

  background-repeat: no-repeat;

  background-size: cover;

}

.visiting .visiting-info h2 {

  font-size: 32px;

  font-weight: 600;

  color: #0d254d;

  margin-bottom: 15px;

}

.visiting .visiting-info h2 span {

  color: #FF0007;

}

.visiting .visiting-info p {

  font-size: 16px;

  color: #4E4E4E;

  font-weight: 400;

  padding-bottom: 15px;

}

.visiting-info .phone-call {

  display: flex;

  align-items: center;

  margin: 5px 0 30px;

}

.visiting-info .phone-call p {

  padding-bottom: 0;

}

.visiting-info .phone-call img {

  width: 70px;

  padding-right: 13px;

}

.visiting-info .phone-call .calls h4 {

  font-size: 22px;

  color: #0d254d;

  font-weight: 600;

  padding-bottom: 3px;

}

.visiting-info .phone-call .calls {

  color: #4E4E4E;

  font-size: 20px;

  font-weight: 600;

}

.visiting-info a {

  background-color: #FF0007;

  padding: 12px 30px;

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

  border-radius: 4px;

  transition: all ease .4s;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

  display: inline-block;

}

.visiting-info a:hover {

  background-color: #0d254d;

}

.visiting .img-block img {

  width: 100%;

}



.campus-tour {

  background-color: #0D254D;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.campus-tour .campus-info {

  width: 50%;

  padding: 0 50px;

}

.campus-tour .campus-info .user-wraps {

  width: 60px;

  height: 60px;

  border-radius: 100%;

  text-align: center;

  line-height: 67px;

  background-color: #FE942F;

  margin-bottom: 10px;

}

.campus-tour .campus-info .user-wraps i {

  color: #fff;

  font-size: 26px;

}

.campus-tour .campus-info h2 {

  font-size: 32px;

  color: #fff;

  font-weight: bold;

  margin-bottom: 10px;

}

.campus-tour .campus-info p {

  font-size: 16px;

  color: #fff;

  font-weight: 400;

}

.campus-tour .img-block {

  width: 50%;

}

.campus-tour .img-block img {

  width: 100%;

}



.learning {

  padding-top: 70px;

}

.learning .img-block img {

  width: 100%;

}

.learning .professional h2 {

  font-size: 32px;

  color: #0d254d;

  font-weight: 700;

  margin-bottom: 5px;

}

.learning .professional p {

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 10px;

}

.learning .professional a {

  font-size: 18px;

  font-weight: 500;

  margin-bottom: 10px;

  color: #FF0007;

}







.our-expert {

  padding: 70px 0;

  background-color: #F9F6EF;

}

.our-expert .section-title {

  text-align: center;

  margin-bottom: 35px;

}

.our-expert .section-title h4 {

  font-size: 18px;

  font-weight: 600;

  color: #FF0007;

  text-transform: uppercase;

  margin-bottom: 10px;

}

.our-expert .section-title h2 {

  font-size: 32px;

  font-weight: 600;

  color: #0d254d;

  width: 500px;

  text-align: center;

  margin: 0 auto;

}



.our-expert .team-card {

  background-color: #fff;

  box-shadow: 0 0 10px #ddd;

  border-radius: 20px;

  text-align: center;

  padding-bottom: 30px;

  transition: 0.5s ease-in-out;

}

.our-expert .team-card h3 {

  padding: 35px 0 10px;

  font-size: 20px;

  color: #0d254d;

  font-weight: 600;

}

.our-expert .team-card p {

  font-size: 16px;

  color: #7C7C7D;

  font-weight: 400;

  text-align: center;

}

.our-expert .team-card .card {

  width: 100%;

  height: 422px;

  border: none;

  background: none;

}

.our-expert .team-card:hover {

  transform: translateY(20px);

}

.our-expert .team-card .card::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #0d254dc2;

  z-index: 2;

  transition: 0.5s all;

  opacity: 0;

  border-radius: 20px;

}

.our-expert .team-card .card:hover::before {

  opacity: 1;

}

.our-expert .team-card .card img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 20px;

}

.our-expert .team-card .card .overlay {

  position: absolute;

  z-index: 3;

  color: #fff;

  opacity: 0;

  transform: translateY(30px);

  transition: 0.5s all;

  padding: 30px 0px;

  bottom: 30px;

  left: 15px;

  right: 15px;

  text-align: center;

}

.our-expert .team-card .card:hover .overlay {

  opacity: 1;

  transform: translateY(30px);

}

.our-expert .team-card .card .overlay ul li {

  display: inline-block;

  padding: 10px 15px;

}

.our-expert .team-card .card .overlay ul li a {

  font-size: 24px;

  color: #fff;

  transition: all ease .4s;

}

.our-expert .team-card .card .overlay ul li a:hover {

  color: #FF0007;

}

.expert-staff.owl-carousel .owl-dots.disabled {

  display: block;

}

.expert-staff.owl-carousel button.owl-dot {

  position: relative;

  z-index: 1;

  background-color: #D9D9D9;

  width: 10px;

  height: 10px;

  border-radius: 100px;

  margin: 0 2px;

}

.expert-staff.owl-carousel button.owl-dot.active {

  background-color: #ff0007;

}

.expert-staff .owl-dots {

  text-align: center;

}

.expert-staff.owl-carousel .item {

  margin-bottom: 15px;

}



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

  ABOUT US Css End

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





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

  Vision Mission Goals Css Start

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



.vi-mi-img {

  padding: 70px 0 0;

}

.vi-mi-img img {

  width: 100%;

  border: 10px solid #FE942F;

}

.vision {

  padding: 70px 0;

}

.vision .img-block img {

  width: 100%;

}

.vision .vision-info h2 {

  font-size: 32px;

  font-weight: bold;

  color: #0D254D;

  margin-bottom: 5px;

}

.vision .vision-info img {

  width: 100px;

  margin-bottom: 20px;

}

.vision .vision-info ul li {

  font-size: 16px;

  color: #505050;

  font-weight: 400;

  padding-bottom: 15px;

  line-height: 28px;

  display: flex;

  align-items: baseline;

}

.vision .vision-info ul li i {

  padding-right: 15px;

  font-size: 16px;

  color: #FE942F;

}



.mission {

  background-color: #0D254D;

  padding: 70px 0 0;

}

.mission .img-block img {

  width: 80%;

}

.mission .mission-info h2 {

  font-size: 32px;

  font-weight: bold;

  color: #fff;

  margin-bottom: 5px;

}

.mission .mission-info img {

  width: 100px;

  margin-bottom: 20px;

}

.mission .mission-info ul li {

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  padding-bottom: 20px;

  line-height: 28px;

  display: flex;

  align-items: baseline;

}

.mission .mission-info ul li i {

  padding-right: 15px;

  font-size: 16px;

  color: #FE942F;

}



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

  Vision Mission Goals Css End

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





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

 Campus Css Start

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



.best-siirm {

  padding: 70px 0 55px;

}

.best-siirm h2 {

  font-size: 32px;

  font-weight: bold;

  color: #0D254D;

  margin-bottom: 10px;

}

.best-siirm img {

  width: 100px;

  margin-bottom: 20px;

}

.best-siirm p {

  font-size: 16px;

  line-height: 28px;

  margin-bottom: 15px;

}



.jaipur-campus {

  padding: 70px 0;

  background-color: #0D254D;

}

.jaipur-campus .iirm-campus h2 {

   font-size: 32px;

   color: #fff;

   margin-bottom: 10px;

   font-weight: bold;

}

.jaipur-campus .iirm-campus h2 span {

  color: #FE942F;

}

.jaipur-campus .iirm-campus img {

  margin-bottom: 20px;

}

.jaipur-campus .iirm-campus p {

  color: #fff;

  margin-bottom: 15px;

  font-size: 16px;

  line-height: 28px;

}

.jaipur-campus.phagi {

  background-color: #fff;

}

.jaipur-campus.phagi .iirm-campus h2 {

  font-size: 32px;

  color: #023E93;

  margin-bottom: 10px;

  font-weight: bold;

}

.jaipur-campus.phagi .iirm-campus h2 span {

  color: #FF1116;

}

.jaipur-campus.phagi .iirm-campus img {

  margin-bottom: 20px;

}

.jaipur-campus.phagi .iirm-campus p {

  font-size: 16px;

  line-height: 28px;

  color: #505050;

}



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

 Campus Css End

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





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

  Founder Message Css Start

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



.founder {

  padding: 70px 0;

}

.founder .img-block img {

  width: 90%;

  position: relative;

}

.founder .message-info {

  background-color: #0D254D;

  padding: 50px 50px 50px 130px;

  margin-left: -130px;

  border-radius: 50px;

  border: 14px solid #FE942F;

}

.founder .message-info h4 {

  color: #fff;

  font-size: 26px;

  font-weight: 400;

  margin-bottom: 15px;

  font-family: 'Pacifico', cursive;

  line-height: 62px;

}

.founder .message-info h2 {

  color: #FF0007;

  font-size: 32px;

  margin-bottom: 15px;

  font-family: 'Pacifico', cursive;

  line-height: 52px;

}





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

  President`s Message Css Start

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



.President {

  padding: 250px 0 70px;

}

.President .message-info {

  background-color: #0D254D;

  border-radius: 200px 0 0 0;

  border-left: 20px solid #fe942f;

}

.President .img-block {

  text-align: center;

  margin: 0 auto;

}

.President .img-block img {

  width: 30%;

  margin-top: -180px;

}

.message-info {

  padding: 0 50px 50px;

}

.message-info p {

  font-size: 16px;

  line-height: 28px;

  color: #fff;

  margin-bottom: 15px;

}

.message-info h3 {

  font-size: 32px;

  color: #fff;

  color: #FF0007;

  font-weight: bold;

}







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

  President`s Message Css End

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





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

 Principal Message Page Css Start 

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



.president {

  padding: 70px 0 55px;

}

.president .img-block img {

  width: 100%;

  box-shadow: 0 0 5px #ddd;

}

.president-contant p {

  font-size: 16px;

  margin-bottom: 15px;

  color: #4E4E4E;

  line-height: 28px;

  text-align: justify;

}

.president-contant h2 {

  color: #FF0007;

  font-size: 32px;

  font-weight: 600;

  margin-bottom: 10px;

}

.president-contant h3 {

  color: #0d254d;

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 15px;

}





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

 Principal Message Page Css End 

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



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

 Governing Council Page Css Start 

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



.hods {

  padding: 70px 0;

}

.hods .table th  {

  font-size: 20px;

  font-weight: 500;

  color: #fff;

  background-color: #FE942F;

  padding: 15px 15px;

  border: none;

}

.hods .table td  {

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  padding: 15px 15px;

  background-color: #0D254D;

  border: none;

  border-bottom: 1px solid #ffffff45;

  line-height: 22px;

}

.hods .table-bordered>:not(caption)>* {

  border: 0;

}

.hods .table.table-bordered {

  margin-bottom: 0;

}

.hods .table td a {

  text-decoration: underline;

  line-height: 22px;

}

.hods .table td a:hover {

  color: #FF0007;

}



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

 Governing Council Page Css Start 

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





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

 Admissions Page Css start 

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



.admission {

  padding: 70px 0;

}

.admission .section-title img {

  width: 100%;

}

.admission .titles {

  text-align: center;

  margin-bottom: 90px;

}

.admission .titles h3 {

  color: #0A398B;

  font-size: 28px;

  margin-bottom: 10px;

  font-weight: 600;

}

.admission .titles h2 {

  color: #FF0007;

  font-size: 32px;

  margin-bottom: 5px;

  font-weight: 600;

}

.admission .titles img {

  width: 100px;

  margin-bottom: 10px;

}

.admission .titles p {

  font-size: 16px;

  font-weight: 400;

  color: #5C5C5C;

  text-align: center;

}

.admission .apply-now {

  background-color: #0D254D;

  box-shadow: 0 0 10px #023e936b;

  padding: 0 30px 30px;

  border-radius: 4px;

  min-height: 100%;

}

.admission .apply-now img {

  width: 110px;

  box-shadow:  0 0 10px #023e936b;

  border-radius: 100%;

  margin-top: -48px;

  margin-bottom: 20px;

}

.admission .apply-now h3 {

  font-size: 24px;

  color: #fe942f;

  margin-bottom: 10px;

  font-weight: 500;

}

.admission .apply-now p {

  font-size: 16px;

  color: #fff;

  font-weight: 400;

}





.allotment {

  background-color: #0D254D;  

}

.allotment .section-title {

  margin-bottom: 40px;

  text-align: center;

}

.hods.allotment .section-title h2 {

  font-size: 32px;

  font-weight: bold;

  color: #fff;

  margin-bottom: 10px;

}

.allotment .table {

  border: 1px solid #ffffff45;

}



.hods .section-title {

  margin-bottom: 30px;

  text-align: center;

}

.hods .section-title h2 {

  font-size: 32px;

  font-weight: bold;

  color: #0D254D;

  margin-bottom: 10px;

}

.hods .table {

  border: 1px solid #ffffff45;

}



.queries {

  background-color: #0D254D;

  border: 10px solid #FE942F;

  text-align: center;

  padding: 30px;

  margin-top: 30px;

  transition: all ease .4s;

}

.queries h4 {

  color: #fff;

  font-size: 18px;

  font-weight: 500;

  line-height: 30px;

}

.queries:hover {

  border: 10px solid #FF0007;

}

.no-ranging {

  text-align: center;

  padding: 50px 0 0;

}

.no-ranging img {

  width: 40%;

  margin-bottom: 40px;

}

.no-ranging h3 {

  font-size: 32px;

  color: #000;

  font-weight: bold;

  margin-bottom: 40px;

}

.no-ranging a {

  background-color: #FF0007;

  padding: 10px 30px;

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

  border-radius: 4px;

  transition: all ease .4s;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

}



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

 Admissions Page Css End 

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





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

 Courses Offered Page Css start 

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



.courses-offered {

  text-align: center;

  padding: 70px 0 35px;

}

.courses-offered p {

  text-align: center;

  font-size: 16px;

  margin-bottom: 15px;

}

.hods.allotment h3 {

  font-size: 18px;

  color: #FF0007;

  font-weight: 500;

  padding-top: 15px;

}



.no-ranging p {

  padding: 15px 0;

  font-size: 16px;

  font-weight: 500;

}

.no-ranging .table th {

  text-align: left;

}

.no-ranging .table td {

  text-align: left;

}





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

 Courses Offered Page Css End 

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







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

 Documents Required Page Css start 

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



.documents {

  padding: 70px 0 50px;

}

.documents h2 {

  font-size: 32px;

  margin-bottom: 5px;

  font-weight: bold;

  color: #0D254D;

}

.documents img {

  width: 100px;

  margin-bottom: 15px;

}

.documents p {

  font-size: 16px;

  margin-bottom: 10px;

  font-weight: 400;

}

.documents h3 {

  font-size: 20px;

  margin-bottom: 20px;

  font-weight: 500;

  color: #FF0007;

}

.documents ul li {

  font-size: 16px;

  padding-bottom: 20px;

  color: #505050;

  font-weight: 400;

  display: flex;

  align-items: baseline;

}

.documents ul li i {

  font-size: 16px;

  color: #FE942F;

  padding-right: 12px;

}



.documents.year2 {

  background-color: #0D254D;

}

.documents.year2 h2 {

  color: #fff;

}

.documents.year2 p {

  color: #fff;

}

.documents.year2 ul li {

  color: #fff;

}

.documents .img-block {

  margin-top: 20px;

}

.documents .img-block img {

  width: 220px;

  padding-right: 10px;

}





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

 Documents Required Page Css end

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





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

 Anti Ragging Page Css Start

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



.no-ranggings {

  padding: 70px 0 0;

  text-align: center;

}

.no-ranggings .img-block img {

  width: 100%;

  margin-bottom: 30px;

}

.no-ranggings .img-block h3 {

  font-size: 24px;

  color: #000000;

  font-weight: 600;

  margin-bottom: 30px;

}

.no-ranggings .img-block a {

  background-color: #FF0007;

  padding: 12px 30px;

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

  border-radius: 4px;

  transition: all ease .4s;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

  display: inline-block;

  margin-bottom: 40px;

}

.no-ranggings .img-block a:hover {

  background-color: #0d254d;

}



.no-ranggings ul {

  background-color: #FE942F;

}

.no-ranggings .nav-pills .nav-link {

  background: 0 0;

  padding: 15px 82px;

  font-size: 20px;

  font-weight: 500;

  color: #fff;

  border-radius: 0;

}

.no-ranggings .nav-pills .nav-link.active, .no-ranggings .nav-pills .show>.nav-link {

  border-bottom: 5px solid #FF0007;

}

.no-ranggings .tab-content>.active {

  background-color: #0d254d;

  padding: 30px;

  text-align: left;

}

.no-ranggings .tab-content .tab-pane.fade h4 {

  font-size: 24px;

  color: #fff;

  font-weight: 500;

  margin-bottom: 20px;

}

.no-ranggings .tab-content .tab-pane.fade p {

  display: flex;

  align-items: baseline;

  font-size: 16px;

  color: #fff;

  padding-bottom: 15px;

}

.no-ranggings .tab-content .tab-pane.fade p i {

  color: #FE942F;

  font-size: 16px;

  padding-right: 12px;

}



.civil-engineering {

  padding: 30px 0 60px;

}

.civil-engineering .overview-info h2 {

  font-size: 32px;

  font-weight:bold;

  color: #FF0007;

  margin-bottom: 10px;

}

.civil-engineering .overview-info p {

  font-size: 16px;

  font-weight:400;

  color: #505050;

  scroll-margin-top: 10px;

  line-height: 28px;

}



.civil-engineering .img-block img {

  width: 100%;

  border: 1px solid #ddd;

  border-radius: 4px;

}



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

 Anti Ragging Page Css End

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







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

 SC/ST Cell Page Css Start

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



.no-ranging.cell {

  padding: 0;

}

.no-ranging.cell p {

  padding-top: 0px;

}

.no-ranging.cell img {

  width: 100%;

}



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

 SC/ST Cell Page Css End

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





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

 Placement Page Css Start

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



.placement {

  padding: 70px 0;

}

.placement p {

  font-size: 16px;

  line-height: 24px;

  font-weight: 400;

  margin-bottom: 20px;

}



.placement-process {

  background-color: #0D254D;

  padding: 70px 0 50px;

}

.placement-process h2 {

  font-size: 32px;

  color: #fff;

  margin-bottom: 10px;

  font-weight: bold;

}

.placement-process img {

  margin-bottom: 20px;

}

.placement-process ul li {

  font-size: 16px;

  color: #fff;

  margin-bottom: 20px;

  font-weight: 400;

  line-height: 24px;

  display: flex;

  align-items: baseline;

}

.placement-process ul li i {

  padding-right: 12px;

  color: #FE942F;

}



.campus-placements {

  padding: 70px 0;

  text-align: center;

}

.campus-placements h2 {

  font-size: 32px;

  color: #0d254d;

  margin-bottom: 10px;

  font-weight: bold;

}

.campus-placements img {

  width: 100px;

  margin-bottom: 30px;

}



.campus-placements .img-block img {

  width: 100%;

  margin-bottom: 0;

}



.placed-students {

  background-color: #0D254D;

  padding: 70px 0 50px;

}

.placed-students .section-title {

  text-align: center;

  margin-bottom: 30px;

}

.placed-students .section-title h2 {

  font-size: 32px;

  color: #fff;

  margin-bottom: 10px;

  font-weight: bold;

  text-align: center;

}

.placed-students .section-title img {

  margin-bottom: 20px;

  width: 100px;

  text-align: center;

  margin: 0 auto;

}

.student-wraps {

  background-color: #fff;

  padding: 15px;

  border-radius: 2px;

  display: flex;

  align-items: center;

  margin-bottom: 25px;

}

.student-wraps .img-block {

  margin-right: 15px;

}

.student-wraps .img-block img {

  width: 90px !important;

}

.student-wraps .placed-info {

  text-align: left;

}

.student-wraps .placed-info h3 {

  font-size: 20px;

  color: #000;

  font-weight: 600;

  margin-bottom: 8px;

}

.student-wraps .placed-info span {

  font-size: 12px;

  background-color: #FF0007;

  text-align: center;

  padding: 4px 5px;

  color: #fff;

}

.student-wraps .placed-info p {

  font-size: 16px;

  color: #4E4E4E;

  font-weight: 400;

  padding-top: 6px;

}

.student-wraps.owl-carousel .owl-dots.disabled {

  display: block;

}

.student-wraps.owl-carousel button.owl-dot {

  position: relative;

  z-index: 1;

  background-color: #D9D9D9;

  width: 10px;

  height: 10px;

  border-radius: 100px;

  margin: 0 2px;

}

.student-wraps.owl-carousel button.owl-dot.active {

  background-color: #ff0007;

}

.student-wraps .owl-dots {

  text-align: center;

}

.no-ranggings .table {

  text-align: left;

}

.no-ranggings .table th {

  font-size: 20px;

  font-weight: 500;

  color: #fff;

  background-color: #FE942F;

  padding: 15px 15px;

  border: none;

}

.no-ranggings .table td {

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  padding: 15px 15px;

  background-color: #0D254D;

  border: none;

  border-bottom: 1px solid #ffffff45;

  line-height: 22px;

}

.no-ranggings p {

  margin-bottom: 15px;

}





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

 FAQs Page Css Start 

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



.faqs {

  padding: 60px 0;

}

.faqs .faq-need {

  background-color: #0D254D;

  border: 10px solid #fff;

  box-shadow: 0 0 15px #ddd;

}

.faqs .questions {

  padding: 20px;

}

.faqs .questions h2 {

  font-size: 32px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 15px;

}

.faqs .questions p {

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  margin-bottom: 20px;

}

.faqs .accordion-button:not(.collapsed) {

  color: #fff;

  font-size: 18px;

  font-weight: 600;

  background-color: #FE942F;

  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

  padding: 12px 15px;

  line-height: 26px;

}

.faqs .accordion-button:focus {

  box-shadow: none;

}

.faqs .accordion-body {

  padding: 12px 15px;

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  background-color: #0d254d;

  line-height: 24px;

  border-radius: 4px;

}

.faqs .accordion-item {

  margin-bottom: 15px;

  border-radius: 4px;

}

.faqs .accordion-button {

  border-radius: 4px;

  padding: 12px 15px;

  font-size: 16px;

  font-weight: 600;

}





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

 FAQs Page Css End 

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





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

 Contact Us Page Css Start 

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



.sxpgc-contant {

  padding: 60px 0 0;

}

.sxpgc-contant .seamless {

  margin-bottom: 30px;

}

.sxpgc-contant .seamless h4 {

  font-size: 24px;

  font-weight: 600;

  color: #FF0007;

  margin-bottom: 10px;

}

.sxpgc-contant .seamless h2 {

  font-size: 32px;

  font-weight: 700;

  color: #0D254D;

  margin-bottom: 10px;

}

.sxpgc-contant .seamless p {

  font-size: 16px;

  font-weight: 400;

  color: #4E4E4E;

  margin-bottom: 10px;

  line-height: 28px;

}

.sxpgc-contant .Head-adds {

  background-color: #0d254d;

  border-radius: 4px;

  padding: 30px;

  text-align: center;

  min-height: 275px;

  box-shadow: 0px 0px 15px #023e9340;

}

.sxpgc-contant .Head-adds img  {

  width: 60px;

  margin-bottom: 15px;

}

.sxpgc-contant .Head-adds h3 {

  font-size: 20px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 10px;

}

.sxpgc-contant .Head-adds p {

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  text-align: center;

}

.s-waps {

  display: none;

}

.contact-info {

  padding: 60px 15px;

}

.contact-info .contact-msg {

  border: 15px solid #ffff;

  box-shadow: 0px 0px 15px #023e9340;

  background-color: #0d254d;

  padding: 30px 15px;

}

.contact-info .get-in-toch {

  background-color: #0d254d;

  box-shadow: 0px 0px 15px #023e9340;

  padding: 0 0 30px;

}

.google-map iframe {

  width: 100%;

  height: 500px;

}

.contact-info .get-in-toch h3 {

  font-size: 32px;

  color: #fff;

  font-weight: 700;

  margin-bottom: 5px;

}

.contact-info .get-in-toch p {

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  margin-bottom: 25px;

}

.get-in-toch .form-group label {

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  margin-bottom: 10px;

}

.get-in-toch .form-group .form-control {

  font-size: 16px;

  color: #4E4E4E;

  font-weight: 400;

  background-color: #fff;

  border: 1px solid #fff;

  padding: 10px 15px;

}

.get-in-toch .form-group {

  margin-bottom: 20px;

}

.get-in-toch .btn-block {

  background-color: #ff0007;

  padding: 12px 20px;

  color: #fff;

  border-radius: 4px;

  font-weight: 600;

  text-align: center;

  text-transform: uppercase;

  font-size: 20px;

  border: none;

}

.get-in-toch h4 {

  color: #fff;

  font-weight: 600;

  font-size: 28px;

  padding: 20px 0 0px;

}

.get-in-toch p {

  color: #fff;

  font-weight: 300;

  font-size: 16px;

}

.get-in-toch h5 {

  color: #fff;

  font-weight: 600;

  font-size: 18px;

  margin-bottom: 5px;

}

.get-in-toch .contact-wraps {

  margin: 25px 0;

}

.get-in-toch .contact-wraps li a {

  color: #fff;

  font-size: 16px;

  font-weight: 400;

}

.get-in-toch .contact-wraps li {

  padding-bottom: 15px;

}

.get-in-toch .connect li {

  background-color: #fff;

  height: 35px;

  width: 35px;

  border-radius: 100%;

  line-height: 35px;

  text-align: center;

  display: inline-block;

  margin-right: 5px;

}

.get-in-toch .connect li a {

  color: #023E93;

  font-size: 16px;

  text-align: center;

  margin: 0 auto;

}

.get-in-toch.grievance {

  padding: 50px;

}

.contact-hading.system {

  width: 800px;

}

.google-map h3 {

  color: #fff;

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 15px;

}





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

 Contact Us Page Css End 

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



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

 Infrastructure Page Css Start 

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



.infrastructure {

  padding: 70px 0;

}

.infrastructure .college h2 {

  font-size: 32px;

  font-weight: bold;

  color: #0D254D;

  margin-bottom: 5px;

}

.infrastructure .college h2 span {

  color: #FF0007;

}

.infrastructure .img-block img {

  width: 100%;

}

.infrastructure .the-campus h2 {

  font-size: 32px;

  font-weight: 600;

  color: #000;

  margin-bottom: 15px;

}

.infrastructure .the-campus h2 img {

  width: 100px;

  padding-top: 10px;

}

.infrastructure .the-campus p {

  font-size: 16px;

  color: #4E4E4E;

  font-weight: 400;

  line-height: 30px;

}

.infrastructure .doctoral {

  display: flex;

  align-items: flex-start;

}

.infrastructure .doctoral h3 {

  font-size: 29px;

  font-weight: bold;

  text-align: center;

  color: #fff;

  background-color: #FF0007;

  border-radius: 100%;

  padding: 10px;

  width: 110px;

  height: 64px;

  line-height: 45px;

  margin-right: 10px;

}

.infrastructure .doctoral .degress h4 {

  font-size: 20px;

  color: #000;

  font-weight: 600;

}

.infrastructure .doctoral .degress p {

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 0;

}



.library {

  background-color: #0D254D;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.library .library-info {

  width: 50%;

  padding: 0 50px;

}

.library .library-info h2 {

  font-size: 32px;

  color: #fe942f;

  font-weight: 600;

  padding-bottom: 15px;

}

.library .library-info p {

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  line-height: 30px;

}

.library .img-block {

  width: 50%;

}

.library .img-block img {

  width: 100%;

}

.sconnect {

  padding: 60px 0;

  border-top: 1px solid #ddd;

}

.sconnect h2 {

  color: #023E93;

  font-size: 32px;

  font-weight: 600;

  margin-bottom: 10px;

}

.sconnect p {

  color: #4E4E4E;

  font-size: 16px;

  line-height: 30px;

  margin-bottom: 30px;

}

.sconnect img {

  width: 100%;

}





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

 Infrastructure Page Css End 

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





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

 Alumni Page Css Start 

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





.alumni {

  padding: 70px 0;

}

.alumni .img-block img {

  width: 100%;

}

.alumni-place {

  padding: 70px 0;

  background-color: #0D254D;

}

.alumni-place p {

  font-size: 16px;

  line-height: 28px;

  margin-bottom: 20px;

  color: #fff;

}



.bord-studies {

  padding: 70px 0;

}

.bord-studies .section-title {

  text-align: center;

  margin-bottom: 10px;

}

.bord-studies .section-title h2 {

  font-size: 32px;

  color: #0D254D;

  font-weight: bold;

  margin-bottom: 5px;

}

.bord-studies .section-title p {

  font-size: 16px;

  color: #505050;

  font-weight: 400;

  margin-bottom: 10px;

  text-align: center;

}

.bord-studies .box {

  border: 1px dashed #505050;

  box-shadow: 0 0 10px #023e9326;

  padding: 0px 30px 15px;

  margin-top: 80px;

}

.bord-studies .box .icons-block {

  font-size: 50px;

  background-color: #ffff;

  border-radius: 100%;

  width: 100px;

  height: 100px;

  line-height: 100px;

  box-shadow: 0 0 10px #023e9326;

  color: #FE942F;

  text-align: center;

  border: 1px dashed #505050;

  margin-top: -50px;

}

.bord-studies .box h3 {

  font-size: 20px;

  color: #000;

  font-weight: 600;

  padding: 30px 0 15px;

} 

.bord-studies .box  p {

  font-size: 16px;

  color: #4E4E4E;

  margin-bottom: 5px;

}



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

  Alumni Page Css End 

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



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

 Gallery Page Css

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



#gallery {

  padding: 70px 0 40px;

}

#nextButton {

  color: #fff;

  font-size: 2em;

  transition: opacity 0.8s;

}

#nextButton:hover {

  opacity: 0.7;

}

#prevButton {

  color: #fff;

  font-size: 2em;

  transition: opacity 0.8s;

}

#prevButton:hover {

  opacity: 0.7;

}

#exitButton {

  color: #fff;

  font-size: 2em;

  transition: opacity 0.8s;

  position: absolute;

  top: 15px;

  right: 15px;

}

#exitButton:hover {

  opacity: 0.7;

}

.img-wrapper {

  position: relative;

  margin-bottom: 25px;

}

.img-wrapper img {

  width: 100%;

}

.img-overlay {

  background: rgb(13 37 77 / 77%);

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  opacity: 0;

  border: 1px solid #ff0007;

  border-radius: 0px;

}

.img-overlay i {

  color: #fff;

  font-size: 3em;

}



#overlay {

  background: rgb(0 0 0 / 86%);

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 999;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

#overlay img {

  margin: 0;

  width: 60%;

  height: auto;

  -o-object-fit: contain;

     object-fit: contain;

  padding: 3%;

}



.paginations-box {

  text-align: center;

  padding-bottom: 50px;

}

.paginations .page-link {

  padding: 10px 15px;

  color: #4E4E4E;

  box-shadow: none;

  outline: none;

}

.paginations .page-item.active .page-link {

  z-index: 3;

  color: #fff;

  background-color: #ff0007;

  border-color: #ff0007;

}

.pagination {

  display: flex;

  padding-left: 0;

  list-style: none;

  justify-content: center;

}





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

 Gallery Page Css End

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





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

 Alumni Speaks Page Css Start

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



.alumni-speaks {

  padding: 70px 0;

}

.alumni-speaks img {

  width: 100%;

  margin-bottom: 20px;

}

.alumni-speaks p {

  font-size: 16px;

  line-height: 28px;

  margin-bottom: 10px;

}

.alumni-speaks p span {

  font-weight: 500;

  color: #000000;

}



.alumni-speaks .alumni-slider.owl-carousel button.owl-dot {

  position: relative;

  z-index: 1;

  background-color: #D9D9D9;

  width: 10px;

  height: 10px;

  border-radius: 100px;

  margin: 0 2px;

}

.alumni-speaks .alumni-slider.owl-carousel button.owl-dot.active {

  background-color: #ff0007;

}

.alumni-speaks .alumni-slider .owl-dots {

  text-align: center;

}

.alumni-speaks .alumni-slider.owl-carousel .item {

  margin-bottom: 15px;

}

.alumni-speaks .alumni-slider.owl-carousel .owl-dots.disabled {

  display: block;

}





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

 Alumni Speaks Page Css End

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





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

 Achievements Page Css Start

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



.achievements {

  padding: 70px 0;

}

.achievements img {

  width: 300px;

  padding: 0 15px;

}

.achievements-info {

  background-color: #0D254D;

  padding: 70px 0 50px;

}

.achievements-info .img-block img {

  width: 100%;

  border: 1px solid #FE942F;

}

.achievements-info .achievements-wraps h2 {

  font-size: 32px;

  color: #FE942F;

  margin-bottom: 10px;

  font-weight: bold;

}

.achievements-info .achievements-wraps img {

  width: 100px;

  margin-bottom: 10px;

}

.achievements-info .achievements-wraps p {

  font-size: 16px;

  color: #fff;

  margin-bottom: 10px;

  font-weight: 400;

}

.electrical {

  padding-top: 50px;

}

.electrical h3 {

  color: #fff;

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 15px;

}

.electrical ul li {

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 20px;

  display: flex;

  align-items: baseline;

  line-height: 24px;

}

.electrical ul li i {

  padding-right: 10px;

  color: #FE942F;

}

.electrical h4 {

  color: #FF0007;

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 15px;

}

.communication {

  padding: 50px 0;

}

.communication h2 {

  font-size: 32px;

  color: #FF0007;

  font-weight: bold;

  margin-bottom: 10px;

}

.communication p {

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 10px;

}

.communication .basics {

  background-color: #0D254D;

  padding: 30px;

}

.communication .basics h3 {

  font-size: 24px;

  color: #fff;

  font-weight: 600;

  margin-bottom: 15px;

}

.communication .basics ul li {

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 20px;

  display: flex;

  align-items: baseline;

  line-height: 24px;

}

.communication .basics ul li i {

  padding-right: 10px;

  color: #FE942F;

}



.computer-department {

  padding-bottom: 20px;

}

.computer-department h2 {

  font-size: 24px;

  color: #FF0007;

  font-weight: bold;

  margin-bottom: 10px;

}

.computer-department p {

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 15px;

}

.computer-department ul li {

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 20px;

  display: flex;

  align-items: baseline;

  line-height: 24px;

  color: #505050;

}

.computer-department ul li i {

  padding-right: 10px;

  color: #FE942F;

}



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

 Achievements Page Css End

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



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

 Terms & Conditions Page Css Start 

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



.terms {

  padding: 60px 0 50px;

}

.terms .section-title h2 {

  color: #FF0007;

  font-size: 28px;

  margin-bottom: 15px;

  font-weight: 600;

}

.terms .section-title img {

  width: 100px;

  margin-bottom: 15px;

}

.terms p {

  font-size: 16px;

  color: #4E4E4E;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 15px;

}

.terms h3 {

  font-size: 20px;

  font-weight: 500;

  padding: 15px 0 10px;

  color: #FF0007;

}

.terms ul li {

  font-size: 16px;

  color: #4E4E4E;

  font-weight: 400;

  padding-bottom: 15px;

  line-height: 24px;

}

.terms ul li span {

  font-weight: 600;

  color: #000;

  padding-right: 5px;

}

.terms ul li .checks {

  width: 16px;

  margin-right: 10px;

}





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

 Terms & Conditions Page Css End 

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



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

 Refund & Cancellation Policy Page Css Start 

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



.refund-cancellation {

  padding: 50px 0;

}

.refund-cancellation p {

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 15px;

}



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

 Refund & Cancellation Policy Page Css End 

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





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

 Blog Page Css Start 

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



.blog-info {

  padding: 70px 0 0;

}

.blog-info .img-block {

  text-align: center;

}

.blog-info .img-block img {

  width: 90%;

}

.blog-info .blog-wraps ul li {

  display: inline-block;

  align-items: center;

  padding-right: 30px;

}

.blog-info .blog-wraps ul li a {

  font-size: 14px;

  color: #505050;

  font-weight: 500;

}

.blog-info .blog-wraps ul li a i {

  color: #FF0007;

  padding-right: 5px;

}

.blog-info .blog-wraps h2 {

  font-size: 32px;

  font-weight: bold;

  color: #0D254D;

  margin: 15px 0;

}

.blog-info .blog-wraps p {

  font-size: 16px;

  line-height: 28px;

  font-weight: 400;

  margin-bottom: 20px;

}

.blog-info .blog-wraps .read-more {

  background-color: #FF0007;

  padding: 10px 20px;

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

  border-radius: 4px;

  transition: all ease .4s;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

  display: inline-block;

}

.blog-info .blog-wraps .read-more:hover {

  background-color: #0D254D;

}

.paginations-box.paginations-wraps {

  padding-top: 70px;

}





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

 Blog Page Css Start 

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





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

 Blog Details Page Css

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



.courses-details {

  padding: 70px 0 40px;

}

.courses-details .details-wraps img {

  width: 100%;

  margin-bottom: 30px;

}

.courses-details .details-wraps ul {

  margin-bottom: 20px;

}

.courses-details .details-wraps ul li {

  padding-right: 50px;

  display: inline-block;

}

.courses-details .details-wraps ul li a {

  font-size: 16px;

  color: #6C83A2;

  font-weight: 400;

}

.courses-details .details-wraps ul li a i {

  font-size: 15px;

  color: #FF0007;

  padding-right: 5px;

}

.courses-details .details-wraps h2 {

  color: #0d254d;

  font-size: 28px;

  font-weight: 600;

  margin-bottom: 10px;

}

.courses-details .details-wraps p {

  font-size: 16px;

  font-weight: 400;

  line-height: 30px;

  margin-bottom: 15px;

}

.courses-details .details-wraps h3 {

  color: #000;

  font-size: 20px;

  font-weight: 400;

  margin-bottom: 10px;

}

.courses-details .details-wraps .particular li {

  font-size: 16px;

  color: #6C83A2;

  font-weight: 400;

  padding-bottom: 20px;

  line-height: 30px;

  display: flex;

  align-items: baseline;

}

.courses-details .details-wraps .particular li:last-child {

  padding: 0;

}

.courses-details .details-wraps .particular li i {

  font-size: 16px;

  padding-right: 10px;

  color: #FF0007;

}

.courses-details .tags h3 {

  color: #0d254d;

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 30px;

}

.courses-details .tags ul li {

  display: inline-block;

  padding-right: 10px;

}

.courses-details .tags ul li a {

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  background-color: #FF0007;

  padding: 8px 20px;

  border-radius: 30px;

  transition: all ease .4s;

}

.courses-details .tags ul li a:hover {

  background-color: #023E93;

}

.courses-details .share-social h3 {

  color: #0d254d;

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 15px;

}

.courses-details .share-social ul li {

  display: inline-block;

  background-color: #FF0007;

  border-radius: 100%;

  height: 40px;

  width: 40px;

  text-align: center;

  line-height: 40px;

  margin-right: 10px;

  transition: all ease .4s;

}

.courses-details .share-social ul li a {

  font-size: 18px;

  color: #fff;

}

.courses-details .share-social ul li:hover {

  background-color: #023E93;

}



.comments {

  border-top: 1px solid #E7E7E7;

  margin: 30px 0;

  display: flex;

  align-items: flex-start;

  padding-top: 30px;

}

.comments .img-block {

  padding-right: 15px;

}

.comments .img-block img {

  width: 140px;

}

.comments .comments-info {

  position: relative;

}

.comments .comments-info h4 {

  color: #FF0007;

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 6px;

}

.comments .comments-info h3 {

  color: #000000;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 5px;

}

.comments .comments-info p {

  color: #6C83A2;

  font-size: 16px;

  font-weight: 400;

}

.comments .comments-info a {

  font-size: 16px;

  color: #0d254d;

  font-weight: 600;

  position: absolute;

  right: 0;

  top: 0;

}

.comments.target {

  padding-left: 100px;

}



.courses-details .all-categories {

  background-color: #F0F0F0;

  padding: 20px;

  margin-bottom: 30px;

}

.courses-details .all-categories h3 {

  font-size: 20px;

  color: #000;

  font-weight: 500;

  padding-bottom: 10px;

  border-bottom: 1px solid #444;

  margin-bottom: 15px;

}

.courses-details .all-categories .form-check {

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}

.courses-details .all-categories .form-check .form-check-input {

  margin-right: 10px;

  font-size: 16px;

  border-radius: 0;

  box-shadow: none;

  outline: none;

}

.courses-details .all-categories .form-check .form-check-label {

  font-size: 16px;

  color: #000;

  font-weight: 400;

  padding-top: 5px;

}

.courses-details .all-categories .form-check-input:checked {

  background-color: #023e93;

  border-color: #023e93;

}

.courses-details .latest-info h3 {

  font-size: 24px;

  color: #0d254d;

  font-weight: 600;

  padding-bottom: 10px;

  border-bottom: 1px solid #FF0007;

  margin-bottom: 20px;

}

.courses-details .latest-box {

  display: flex;

  align-items: flex-start;

  margin-bottom: 20px;

  border-bottom: 1px solid #FF0007;

  padding-bottom: 15px;

}

.courses-details .latest-box:last-child {

  border: none;

}

.courses-details .latest-box img {

  width: 22%;

}

.courses-details .latest-box .wrap-infos {

  padding-left: 10px;

}

.courses-details .latest-box .wrap-infos p {

  font-size: 16px;

  color: #6C83A2;

  margin-bottom: 5px;

  line-height: 19px;

}

.courses-details .latest-box .wrap-infos a {

  font-size: 16px;

  color: #6C83A2;

  margin-bottom: 8px;

  display: flex;

  align-items: center;



}

.courses-details .latest-box .wrap-infos a i {

  color: #FF0007;

  font-size: 12px ;

  padding-right: 5px;

}





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

 Blog Details Page Css End

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





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

 Enquiry Form Page Css Start 

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



.enquiry-form {

  padding: 60px 0;

}

.enquiry-form .font-wraps {

  border: 15px solid #fff;

  border-top: 0;

  background-color: #0d254d;

  box-shadow: 0 0 15px #0a398b30;

  padding: 20px;

}

.enquiry-form .font-wraps h3 {

  font-size: 28px;

  color: #fff;

  font-weight: 600;

  margin-bottom: 20px;

}

.enquiry-form .font-wraps label {

  font-size: 16px;

  color: #fff;

  margin-bottom: 10px;

}

.enquiry-form .font-wraps h4 {

  font-size: 20px;

  color: #fff;

  font-weight: 500;

  margin-bottom: 15px;

}

.enquiry-form .font-wraps .btn-block {

  background-color: #FF0007;

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  padding: 12px 20px;

  text-align: center;

  border-radius: 4px;

  border: 1px solid #fff;

  transition: all ease .4s;

  margin-top: 15px;

}

.enquiry-form .font-wraps .btn-block:hover {

  background-color: #0d254d;

}

.enquiry-form .img-block img {

  border: 15px solid #fff;

  border-bottom: 0;

  box-shadow: 0 0 15px #0a398b30;

  width: 100% ;

}





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

 Enquiry Form Page Css End 

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





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

 Events Page Css Start 

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



.events {

  padding: 70px 0;

}

.events .form-wrap {

  background-color: #0d254d;

  padding: 30px;

  margin-bottom: 40px;

}

.events .form-wrap .form-group {

  margin-bottom: 0;

}

.events .form-wrap .form-group label {

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  margin-bottom: 10px;

}

.event-blog {

  border-radius: 4px;

  border: 1px solid #B0B0B0;

  margin-bottom: 30px;

}

.event-blog .img-block img {

  width: 100%;

  margin-bottom: 20px;

  border-radius: 6px;

}

.events-info {

  padding: 0 15px 15px;

}

.events-info ul {

  display: flex;

  align-items: center;

  margin-bottom: 15px;

}

.events-info ul li a {

  font-size: 14px;

  color: #4E4E4E;

  font-weight: 400;

  padding-right: 25px;

  transition: all ease .4s;

}

.events-info ul li a:hover {

  color: #0d254d;

}

.events-info ul li i {

  color: #FF0007;

  padding-right: 3px;

}

.events-info span {

  font-size: 17px;

  font-weight: 500;

  color: #fe942f;

  padding-bottom: 15px;

}

.events-info h3 {

  font-size: 20px;

  color: #0d254d;

  font-weight: 600;

  padding: 10px 0 5px;

}

.events-info p {

  font-size: 14px;

  font-weight: 400;

  color: #4E4E4E;

  margin-bottom: 10px;

  text-align: justify;

  line-height: 24px;

}

.events-info .btn {

  background-color: #FF0007;

  padding: 6px 15px;

  color: #fff;

  font-size: 18px;

  font-weight: 600;

  text-align: center;

  border-radius: 4px;

  box-shadow: none;

  transition: all ease .4s;

}

.events-info .btn:hover {

  background-color: #0d254d;

}





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

 Events Page Css End 

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





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

 Post Graduate Courses Page Css End 

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



.side-serchbar {

  padding: 70px 0;

}

.side-serchbar .search-bars {

  background-color: #E1EEFF;

  padding: 30px;

  margin-bottom: 30px;

}

.side-serchbar .search-bars .search {

  position: relative;

  display: flex;

  align-items: center;

  background-color: #fff;

  width: 100%;

}

.side-serchbar .search-bars .search .btn {

  position: absolute;

  right: 0;

  box-shadow: none;

  outline: none;

}

.side-serchbar .search-bars .search .form-control {

  border: 1px solid #A6CAFD;

  border-radius: 0;

}

.side-serchbar .search-bars .search .form-control:focus {

  border-radius: 0;

  border-color: #023e93;

}

.side-serchbar .course-info {

  background-color: #E1EEFF;

  padding: 30px;

  margin-bottom: 30px;

}

.side-serchbar .course-info h3 {

  color: #0d254d;

  font-weight: 600;

  font-size: 24px;

  margin-bottom: 5px;

}

.side-serchbar .course-info img {

  width: 80px;

  margin-bottom: 15px;

}

.side-serchbar .course-info .form-check {

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}

.side-serchbar .course-info .form-check .form-check-input {

  margin-right: 10px;

  font-size: 16px;

  border-radius: 0;

  box-shadow: none;

  outline: none;

}

.side-serchbar .course-info .form-check .form-check-label {

  font-size: 16px;

  color: #000;

  font-weight: 400;

  padding-top: 5px;

}

.side-serchbar .search-bars h3 {

  color: #000000;

  font-weight: 600;

  font-size: 24px;

  margin-bottom: 5px;

}

.side-serchbar .search-bars img {

  width: 80px;

  margin-bottom: 15px;

}

.course-wraps {

  border: 1px solid #dddd;

  margin-bottom: 30px;

}

.course-wraps .img-block img {

  width: 100%;

  border-bottom: 1px solid #ddd;

}

.course-wraps .courser-box {

  padding: 20px;

}

.course-wraps .courser-box h3 {

  font-size: 16px;

  color: #FF0007;

  font-weight: 500;

  margin-bottom: 10px;

}

.course-wraps .courser-box h4 {

  font-size: 18px;

  color: #0d254d;

  font-weight: 600;

  margin-bottom: 10px;

}

.course-wraps .courser-box p {

  font-size: 16px;

  color: #4E4E4E;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 10px;

  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

}

.course-wraps .courser-box ul {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 20px;

}

.course-wraps .courser-box ul li {

  font-size: 14px;

  color: #000;

  font-weight: 500;

}

.course-wraps .courser-box .time {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.course-wraps .courser-box .time a {

  font-size: 16px;

  font-weight: 400;

  color: #4E4E4E;

}

.course-wraps .courser-box .time a i {

  color: #FF0007;

  font-size: 14px;

  padding-right: 3px;

}

.course-wraps .courser-box .time .read-more {

  background-color: #FF0007;

  font-size: 16px;

  font-weight: 500;

  color: #fff;

  padding: 8px 10px;

  text-align: center;

  transition: all ease .4s;

  border-radius: 3px;

}

.course-wraps .courser-box .time .read-more:hover {

  background-color: #0d254d;

}





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

 Post Graduate Courses Page Css End 

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





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

  AFFILIATION LETTERS start css

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



.affilation {

  padding: 70px 0 40px;

}

.affilation .letters-box {

 background-color: #0d254d;

 border-radius: 4px;

 padding: 10px;

 margin-bottom: 30px;

}

.letters-box .border-box {

  border: 1px dashed #fff;

  padding: 30px;

  text-align: center;

  border-radius: 4px;

}

.letters-box .border-box h3 {

  color: #fff;

  font-size: 24px;

  font-weight: 600;

  text-align: center;

  margin-bottom: 20px;

}

.letters-box .border-box img {

  width: 80px;

}





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

  AFFILIATION LETTERS End css

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





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

  Courses Form Css Start

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





.about-wrap.course-form {

  padding: 180px 0 70px;

  position: relative;

}

.course-form .course-title {

  background-color: #ffffff21;

  padding: 30px;

  box-shadow: 0 0 15px #0d254d;

  width: calc(50% + 0px);

  position: absolute;

  top: 58%;

  left: 50px;

  transform: translate(0, -50%);

  z-index: 1;

  border-radius: 4px;

}

.course-form .course-title h1 {

  font-size: 36px;

  font-weight: 600;

  color: #fff;

}

.course-form .course-title p {

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  padding: 8px 0 15px;

}

.course-form .apply-today {

  background-color: #fff; 

  border-radius: 8px;

}

.course-form .apply-today .pgdm-pro {

  background-color: #F2F4F8;

  padding: 15px;

  border-radius: 4px;

  text-align: center;

}

.course-form .apply-today .pgdm-pro h3 {

  color: #ff0007;

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 0;

}

.course-form .apply-today .form-info {

  padding: 20px;

}

.course-form .apply-today .form-info .form-group {

  margin-bottom: 20px;

}

.form-group .form-control.error {

  border: 2px solid #d32023 !important;

}

.course-form .apply-today .form-info .form-control {

  background-color: #fff;

  border: 1px solid #4E4E4E;

  color: #4E4E4E;

  font-weight: 400;

  font-size: 14px;

  border-radius: 4px;

  padding: 10px 15px;

  width: 100%;

  box-shadow: 0;

}

.course-form .apply-today .form-select.form-control {

  border: 1px solid #4E4E4E;

  border-color: #4E4E4E;

  background-color: #fff;

  height: auto;

  color: #4E4E4E;

  font-weight: 400;

  font-size: 14px;

  border-radius: 4px;

  padding: 13px 15px;

  width: 100%;

}

.course-form .apply-today .submitDataButtons .btn {

  width: 100%;

  background-color: #fe942f;

  font-size: 18px;

  font-weight: bold;

  text-transform: uppercase;

  text-align: center;

  padding: 10px 15px;

  border: 4px;

  color: #fff;

  transition: all ease .4s;

  box-shadow: none;

  outline: none;

}

.course-form .apply-today .submitDataButtons .btn:hover {

  background-color: #0d254d;

}

.course-form .course-title .breadcrumb {

  display: inline-flex;

  padding: 0 0;

  margin-bottom: 1rem;

  list-style: none;

}

.course-form .course-title .breadcrumb-item {

  color: #fff;

  font-size: 18px;

  font-weight: 400;

}

.course-form .course-title .breadcrumb-item+.breadcrumb-item::before {

  float: left;

  padding-right: 0.5rem;

  color: #fff;

  content: var(--bs-breadcrumb-divider, "/");

}

.course-form .course-title .breadcrumb-item.active {

    color: #ff0007;

}





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

  Courses Form Css End

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





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

 Sports Page Css Start 

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



.sports-wrap {

  padding: 70px 0;

}

.sports-wrap .sport-info h2 {

  color: #FF0007;

  font-size: 32px;

  margin-bottom: 5px;

  font-weight: 600;

  margin-bottom: 15px;

}

.sports-wrap .sport-info h2 span {

  background-color: #0D254D;

  font-size: 24px;

  padding: 3px 10px;

  color: #fff;

}

.sports-wrap .sport-info p {

  font-size: 16px;

  color: #4E4E4E;

  font-weight: 400;

  margin-bottom: 15px;

}

.sports-wrap .bot-grid {

  background: rgba(0, 159, 77, 0.15);

  padding: 45px 10px;

  width: 170px;

  height: 170px;

  text-align: center;

  color: #009f4d;

  border-radius: 6px;

  margin: auto;

}

.sports-wrap .bot-grid i, .sports-wrap .bot-grid1 i, .sports-wrap .bot-grid2 i {

  font-size: 25px;

  margin-bottom: 8px;

}

.sports-wrap .bot-grid h5 {

  font-size: 18px;

  line-height: 22px;

  color: #009f4d;

}

.sports-wrap .bot-grid1 {

  background: rgba(254, 80, 0, 0.15);

  padding: 30px 10px;

  width: 170px;

  height: 170px;

  text-align: center;

  color: #fe5000;

  border-radius: 6px;

  margin: auto;

  position: absolute;

  left: 9%;

  bottom: 10%;

}

.sports-wrap .bot-grid1 h5 {

  font-size: 18px;

  line-height: 22px;

  color: #fe5000;

}

.sports-wrap .bot-grid2 {

  background: rgba(0, 188, 228, 0.15);

  padding: 30px 10px;

  width: 170px;

  height: 170px;

  text-align: center;

  color: #00bce4;

  border-radius: 6px;

  margin: auto;

  position: absolute;

  right: 9%;

  bottom: 10%;

}

.sports-wrap .bot-grid2 h5 {

  font-size: 18px;

  line-height: 22px;

  color: #00bce4;

}



.webpage__about {

  padding: 70px 0;

  background-color: #0D254D;

}

.webpage__about .img-block img {

  width: 100%;

  border-radius: 10px;

  border: 1px solid #ddd;

}

.webpage__about .sport-student h4 {

  font-size: 24px;

  color:#fe942f;

  font-weight: 500;

  margin-bottom: 10px;

}

.webpage__about .sport-student h2 {

  font-size: 42px;

  color: #fff;

  font-weight: 600;

  max-width: 440px;

  margin-bottom: 20px;

}

.webpage__about .sport-student h2 span {

  color: #FF0007;

}

.webpage__about .sport-student p {

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  margin-bottom: 20px;

}

.webpage__about .sport-student h3 {

  font-size: 20px;

  font-weight: 700;

  color: #fff;

}



.cricketing {

  background-color: #fff;

}

.cricketing .sport-student h4 {

  color: #fe942f;

}

.cricketing .sport-student h2 {

  color: #0D254D;

}

.cricketing .sport-student p {

  color: #787878;

  margin-bottom: 20px;

}

.cricketing .sport-student h3 {

  font-size: 20px;

  font-weight: 700;

  color: #000;

}



.glimpse {

  padding: 70px 0 40px;

  background-color: #F9F9F9;

}

.glimpse .section-title {

  text-align: center;

  margin-bottom: 30px;

}

.glimpse .section-title h2 {

  font-size: 32px;

  color: #0D254D;

  font-weight: 600;

  margin-bottom: 10px;

}

.glimpse .section-title p {

  color: #787878;

  font-size: 16px;

  font-weight: 400;

  text-align: center;

}



.glimpse .img-block img {

  width: 100%;

  border-radius: 6px;

}

.glimpse .img-block {

  border-radius: 6px;

  border: 1px solid #ddd;

  background-color: #fff;

  margin-bottom: 30px;

}

.glimpse .img-block:hover {

  box-shadow: 0 0 15px #ddd;

}

.glimpse .img-block p {

  font-size: 16px;

  text-align: center;

  font-weight: 400;

  padding: 10px 0;

  color: #787878;

}



.personalities {

  padding: 70px 0;

}

.personalities .sports-info h2 {

  font-size: 32px;

  color: #0D254D;

  font-weight: 600;

  margin-bottom: 20px;

}

.personalities .sports-info ul li {

  font-size: 16px;

  font-weight: 400;

  color: #787878;

  padding-bottom: 20px;

  display: flex;

  align-items: baseline;

}

.personalities .sports-info ul li:last-child {

  padding-bottom: 0;

}

.personalities .sports-info ul li i {

  font-size: 16px;

  padding-right: 10px;

}





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

 Governing Council Page Css Start 

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



.governing {

  padding: 120px 0 0;

}

.governing .section-title {

  margin-bottom: 100px;

  text-align: center;

}

.governing .section-title h2 {

  font-size: 32px;

  color: #0A398B;

  font-weight: 600;

  margin-bottom: 10px;

}

.governing .section-title img {

  width: 180px;

}

.governing-box {

  border: 1px dashed #0D254D;

  box-shadow: 0 0 10px #023e9326;

  background-color: #fff;

  padding: 0 30px 30px;

  margin-bottom: 90px;

}

.governing-box .img-block {

  border: 1px dashed #0D254D;

  box-shadow: 0 0 10px #023e9326;

  width: 100px;

  height: 100px;

  border-radius: 100%;

  text-align: center;

  line-height: 88px;

  margin-top: -49px;

  background-color: #fff;

}

.governing-box .img-block img {

  width: 40px;

}

.governing-box h3 {

  color: #0A398B;

  font-size: 24px;

  font-weight: 600;

  margin: 20px 0px 15px;

}

.governing-box p {

  color: #000000;

  font-size: 18px;

  font-weight: 400;

}



.img-block.staff-block img {

  width: 100px;

  border-radius: 100px;

}

.img-block.staff-block  {

  text-align: center;

  margin: -50px auto 20px;

}

.governing-box ul li {

   font-size: 16px;

   font-weight: 500;

   color: #0d254d;

   padding-bottom: 10px;

   display: flex;

   align-items: center;

   justify-content: space-between;

}

.governing-box ul li span {

  font-weight: 400;

  padding-left: 10px;

  font-size: 14px;

  color: #000;

}

.governing-box.teaching {

  padding-bottom: 15px;

}





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

 Governing Council Page Css End 

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



/* Fix header position when WP admin bar is visible */

body.admin-bar .header {

    top: 32px;

}



/* Mobile admin bar height */

@media (max-width: 782px) {

    body.admin-bar .header {

        top: 46px;

    }

}



.error {

  border: 1px solid #dc3545 !important;

}



.error-msg {

  color: #dc3545;

  font-size: 13px;

  margin-top: 4px;

  display: block;

}



.events-info ul li{

  padding-right: 15px;

}

.footer address{
    color: darkgray;
    line-height: 1.6em;
}