@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: 10px 12px;
  background-color: #fff;
  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: #7C7C7D;
  font-size: 15px;
  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: 15px;
  color: #023E93;
}
.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: 14px;
  height: 15px;
  position: absolute;
  top: 1px;
  left: 28px;
  background-size: 14px;
}

.medium-top {
  display: flex;
  align-items: center;
}
.medium-top li a {
  margin-right: 30px;
}
.medium-top li a i {
  padding-right: 5px;
  color: #023e93;
}

.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;
  color: #fff;
}

/* Header Seaction */


.header .header-info {
  background-color: #ffffff;
  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: 370px;
}
.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: #023E93;
  padding: 13px;
  border-radius: 4px;
  width: 100%;
  text-align: center;
}
.header .main-navigation ul li {
  padding: 0 35px;
}
.header .main-navigation ul li a.active {
  color: #ff0007;
}
.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: #FF0007;
  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: 10px;
  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;
  background: none;
  width: auto;
}
.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 8px;
}
.header.header-varient-dark.sticky-header .main-navigation ul li a {
  color: #000;
} 
.header.header-varient-dark.sticky-header .top-logo a img {
  width: 340px;
}

.header.header-varient-dark.sticky-header .top-menu {
  position: fixed;
  bottom: 5px;
  left: 0;
  right: 0;
  background: rgb(2 62 147 / 46%);
  backdrop-filter: blur(5px) contrast(80%);
  padding: 8px 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;
  color: #fff;
}
.header.header-varient-dark.sticky-header .step-second-menu {
  top: 68px;
}
.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 {
  content: '';
  background: url(../img/icons/cutArrow-white.svg);
  background-repeat: no-repeat;
  width: 14px;
  height: 15px;
  position: absolute;
  top: -0px;
  left: 27px;
  background-size: 14px;
}
.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: #0A1A3F;
  /* background-image: url(../img/ft-bg.png); */
  background-size: cover;
  background-repeat: no-repeat;
}
.footer .footer-link h3 {
  font-size: 22px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 10px;
}
.footer .footer-link ul li {
  margin-bottom: 15px;
}
.footer .footer-link ul li a {
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
  transition: all ease .4s;
}
.footer .footer-link ul li a:hover {
  color: #ff0007;
}
.footer .footer-link h5 {
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
  padding: 10px 0 5px;
}
.footer .footer-link p {
  font-size: 16px;
  color: #ffffff;
  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 40px;
}
.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: 124px;
  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: 2%;
}
.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: 50px;
  background-color: #000000;
  height: 60px;
  width: 35px;
}
.banner .banner-info {
  text-align: left;
  padding: 270px 0px 0 100px;
  width: 750px;
}
.banner .banner-info h1 {
  font-size: 62px;
  line-height: 70px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 6px 10px #00000057;
  margin-bottom: 15px;
  font-family: "Rajdhani", 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: 35px;
}
.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 
 ------------------------------*/


/*-------------------------------
 Welcome to stcn Section Css Start 
 ------------------------------*/

.welcome-stcn {
  padding: 70px 0;
}
.welcome-stcn .section-title {
  text-align: center;
  margin-bottom: 30px;
}
.welcome-stcn .section-title h2 {
  font-size: 36px;
  font-weight: bold;
  color: #023E93;
  margin-bottom: 5px;
  font-family: "Rajdhani", sans-serif;
}
.welcome-stcn .section-title h2 span {
  color: #FF0007;
}
.welcome-stcn .section-title img {
  width: 100px;
}
.welcome-stcn .stcn-info h3 {
  color: #FF0007;
  font-weight: 500;
  font-size: 28px;
  margin-bottom: 5px;
}
.welcome-stcn .stcn-info p {
  color: #555555;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 28px;
}
.activities {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.activities .img-block img {
  width: 50px;
  margin-right: 12px;
}
.activities .personality h4 {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.activities .personality p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin-bottom: 0;
}

.nursing-box {
  padding-bottom: 50px;
}
.nursing-box .status {
  border-radius: 4px;
  padding: 30px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 10px #ddd;
  margin-bottom: 25px;
}
.nursing-box .status img {
  width: 60px;
  margin-bottom: 17px;
}
.nursing-box .status h3 {
  font-size: 22px;
  font-weight: 600;
  color: #023E93;
  margin-bottom: 8px;
}
.nursing-box .status p {
  font-size: 16px;
  font-weight: 400;
  color: #555555;
  text-align: center;
}


/*------------------------------
 Engineering Section Css start
------------------------------*/

.engineering {
  padding: 70px 0;
  background-image: url(../img/our-events.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.engineering .section-tital {
  text-align: center;
  margin-bottom: 40px;
}
.engineering .section-tital h2 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 5px;
  font-family: "Rajdhani", sans-serif;
}
.engineering .section-tital p {
  color: #fff ;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 10px;
  width: 700px;
}
.engineering .section-tital img {
  width: 100px;
}
.engineering .courses .img-block {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #bbb;
  text-align: center;
  position: relative;
  border-radius: 4px;
}
.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 .science {
  text-align: center;
  padding: 15px;
  background-color: #fff;
  margin: -30px 15px 0;
  position: relative;
  border-radius: 4px;
}
.engineering .science h5 {
  color: #FF0007;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}
.engineering .science h3 {
  font-size: 20px;
  color: #193056;
  font-weight: 600;
  margin-bottom: 8px;
}
.engineering .science ul li {
  display: inline-block;
  padding-bottom: 10px;
}
.engineering .science ul li a {
  color: #FE942F;
  font-size: 15px;
}
.engineering .science ul li a span {
  color: #505050;
  padding-left: 10px;
}
.engineering .science p {
  text-align: center;
  font-size: 16px;
  color: #505050;
  line-height: 24px;
  margin-bottom: 10px;
}
.engineering .btn-block a {
  background-color: #ff0007;
  padding: 10px 30px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  transition: all ease .4s;
  font-family: "Rajdhani", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 4px;
}
.engineering .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
------------------------------*/


/*------------------------------
 Facts And Figures STCN Section Css start
------------------------------*/

.figures {
  padding: 70px 0 0;
}
.figures .section-title {
  text-align: center;
  margin-bottom: 30px;
}
.figures .section-title h2 {
  color: #023E93;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 5px;
  font-family: "Rajdhani", sans-serif;
}
.figures .section-title h2 span {
  color: #FF0007;
}
.figures .section-title img {
  width: 100px;
}
.figures .section-title p {
  text-align: center;
  font-size: 16px;
  color: #555555;
  margin-bottom: 10px;
}
#counter {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  z-index: 1;
}
#counter .item {
  width: 100%;
  padding: 55px 0;
  margin: 0px auto;
  text-align: center;
}
#counter .item .count {
  color: #023E93;
  margin-bottom: 10px;
  font-size: 60px;
  font-weight: bold;
  line-height: 60px;
  font-family: "Rajdhani", sans-serif;
}
#counter .item h3 {
  color: #505050;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 500;
}
#counter .item .img-block img {
  width: 60px;
  margin-bottom: 15px;
}
#counter .img-wraps {
  text-align: center;
  margin: 0 auto;
}

/*------------------------------
 Facts And Figures STCN Section Css End
------------------------------*/



/*------------------------------
 logo & BLOG Section Css start
------------------------------*/

.logo-blog {
  padding: 70px 0;
  background-image: url(../img/papular-course.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.logo-blog .section-tital {
  text-align: center;
  margin-bottom: 30px;
}
.logo-blog .section-tital h2 {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
  font-family: "Rajdhani", sans-serif;
}
.logo-blog .section-tital p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 10px;
  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 .img-block img {
  width: 100%;
  margin-bottom: 0;
}
.blog-wrapss .blogs-info {
  padding: 20px 0;
}
.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: 26px;
  font-weight: 700;
  color: #fff;
  margin: 0px 0px 10px;
  font-family: "Rajdhani", sans-serif;
}
.blog-wrapss .blogs-info p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 20px;
}
.blog-wrapss .blogs-info a {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background-color: #FF0606;
  padding: 10px 20px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  font-family: "Rajdhani", sans-serif;
  transition: all ease .4s;
}
.blog-wrapss .blogs-info a:hover {
  background-color: #fff;
  color: #FF0606;
}
.blog-wrapss .blogs-info a i {
  padding-left: 3px;
  font-size: 14px;
}
.blog-wrapss .img-block img {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.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
------------------------------*/


/*------------------------------
 STCN ON SOCIAL MEDIA Css start
------------------------------*/

.students {
  padding: 70px 0;
}
.students .section-title {
  margin-bottom: 30px;
  text-align: center;
}
.students .section-title h2 {
  font-size: 36px;
  color: #023E93;
  font-weight: 700;
  margin-bottom: 5px;
  font-family: "Rajdhani", sans-serif;
}
.students .section-title h2 span {
  color: #FF0007;
}
.students .section-title img {
  width: 100px;
}
.students .section-title p {
  color: #505050;
  font-size: 16px;
  width: 800px;
  margin: 0 auto 10px;
  text-align: center;
}
.blog {
  position: relative;
  z-index: 1;
}
.blog h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 0px 0 15px;
}
.blog h3 img {
  width: 70px;
  margin-top: 15px;
}

.blog .blog-boxs {
  background-color: #023E93;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 15px;
}
.blog .blog-boxs marquee {
  height: 429px;
}
.blog .blog-boxs ul li {
  background-color: #fff;
  border-radius: 4px;
  padding: 15px;
  border: 1px solid #fff;
  margin-bottom: 15px;
}
.blog .blog-boxs ul li a h4 {
  font-size: 20px;
  font-weight: 700;
  color: #ff0007;
  margin-bottom: 5px;
  font-family: "Rajdhani", sans-serif;
}
.blog .blog-boxs ul li a {
  color: #505050;
  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;
}

.video-blocks img {
  width: 100%;
  border: 6px solid #fff;
  margin-top: 15px;
  position: relative;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(225%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #eb2055; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  animation: pulse-border 1100ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background: #ff0007;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 19px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top: 10px;
  left: 5px;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



/*------------------------------
  New Blog Css Start
------------------------------*/

.logos-blogs {
  padding: 70px 0;
}
.logos-blogs .section-tital {
  text-align: center;
  margin-bottom: 40px;
}
.logos-blogs .section-tital h2 {
  font-size: 36px;
  font-weight: bold;
  color: #023E93;
  margin-bottom: 5px;
  font-family: "Rajdhani", sans-serif;
}
.logos-blogs .section-tital p {
  font-size: 16px;
  font-weight: 400;
  color: #505050;
  margin-bottom: 10px;
  text-align: center;
}
.logos-blogs .section-tital img {
  width: 100px;
}

.logos-blogs .img-blocks {
  text-align: center;
  margin-bottom: 30px;
}
.logos-blogs .img-blocks img {
  width: 300px;
}
.logos-blogs .alls-logo .img-wraps {
  text-align: center;
}
.logos-blogs .alls-logo .item a img {
  width: 151px;
  margin: 0px 0 15px;
}
.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;
}
.new-wrapss {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.new-wrapss .img-block img {
  width: 100%;
  margin-bottom: 0;
}
.new-wrapss .blogs-info {
  padding: 20px;
}
.new-wrapss .blogs-info ul li {
  display: inline-block;
  align-items: center;
  padding-right: 25px;
}
.new-wrapss .blogs-info ul li a {
  color: #505050;
  font-size: 14px;
  font-weight: 400;
}
.new-wrapss .blogs-info ul li a i {
  color: #FF0606;
  font-size: 14px;
  padding-right: 5px;
}
.new-wrapss .blogs-info h3 {
  font-size: 26px;
  font-weight: 700;
  color: #023E93;
  margin: 11px 0px 5px;
  font-family: "Rajdhani", sans-serif;
}
.new-wrapss .blogs-info p {
  font-size: 16px;
  font-weight: 400;
  color: #505050;
  margin-bottom: 15px;
}
.new-wrapss .blog-btn {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background-color: #FF0606;
  padding: 10px 20px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  font-family: "Rajdhani", sans-serif;
  transition: all ease .4s;
}
.new-wrapss .blog-btn:hover {
  background-color: #fff;
  color: #FF0606;
}
.new-wrapss .blog-btn i {
  padding-left: 3px;
  font-size: 14px;
}
.new-wrapss .img-block img {
  border-radius: 4px;
}
.new-blog.owl-carousel button.owl-dot {
  position: relative;
  z-index: 1;
  background-color: #D9D9D9;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  margin: 0 2px;
}
.new-blog.owl-carousel button.owl-dot.active {
  background-color: #ff0007;
}
.new-blog .owl-dots {
  text-align: center;
}
.new-blog.owl-carousel .item {
  margin-bottom: 15px;
}
.new-blog.owl-carousel .owl-dots.disabled {
  display: block;
}



/*------------------------------
  New Blog 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;
}

#counters {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  z-index: 1;
}
#counters .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;
}
#counters .item .count {
  color: #023e93;
  margin-bottom: 5px;
  font-size: 48px;
  font-weight: bold;
  line-height: 48px;
}
#counters .item h3 {
  color: #505050;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 500;
}
#counters .item .img-block {
  margin-right: 13px;
}
#counters .item .img-block img {
  width: 70px;
}

/*------------------------------
 Counter Section Css End
------------------------------*/




/*------------------------------
 WHAT OUR STUDENTS SAY ABOUT US Css Start
------------------------------*/

.destination {
  padding: 70px 0;
  background-image: url(../img/stcn-ai.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.destination .section-title {
  text-align: center;
  margin-bottom: 30px;
}
.destination .section-title h2 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin: 0 auto 10px;
  font-family: "Rajdhani", sans-serif;
}
.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: #023E93;
  border-radius: 8px;
  border: 1px solid #ffffff5c;
  padding: 15px;
  box-shadow: 0px 0px 20px #0010266e;
  min-height: 224px;
}
.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;
}
.collaborations {
  display: none;
}
.enrolled {
  display: flex;
}
.students .section-title p {
  width: 100%;
}

/*---------------------------
  Home Page Css End
---------------------------*/

/*------------------------------
 Home About Us Css Start
------------------------------*/

.about-wrap {
  padding: 240px 0 125px;
}
.about-wrap .section-title {
  text-align: center;
}
.about-wrap .section-title h1 {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 5px;
  font-family: "Rajdhani", sans-serif;
}
.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, "/");
}


/*------------------------------
Inner About Us Css End
------------------------------*/


/*------------------------------
About Us Css Start
------------------------------*/

.about-us {
  padding: 70px 0;
}
.about-us .about-info h2 {
  color: #023E93;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 5px;
  font-family: "Rajdhani", sans-serif;
}
.about-us .about-info img {
  width: 80px;
  height: 4px;
  margin-bottom: 15px;
}
.about-us .about-info p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 15px;
}
.about-us .img-block img {
  width: 100%;
}
.iirm-jaipur {
  background-color: #023E93;
  padding: 70px 0;
}
.iirm-jaipur .iirm-info h2 {
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  font-family: "Rajdhani", sans-serif;
  margin-bottom: 8px;
}
.iirm-jaipur .iirm-info h2 span {
  color: #FF0007;
}
.iirm-jaipur .iirm-info img {
  width: 80px;
  height: 4px;
  margin-bottom: 15px;
}
.iirm-jaipur .iirm-info p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 15px;
}
.iirm-jaipur .img-block img {
  width: 100%;
}

.employability {
  padding: 70px 0;
  position: relative;
}
.employability .employability-info {
  background-color: #fff;
  padding: 30px;
  box-shadow: 0 0 10px #ddd;
  position: absolute;
  top: 25%;
  left: 5%;
  width: 45%;
}
.employability .employability-info h4 {
  font-size: 20px;
  color: #FF0007;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Rajdhani", sans-serif;
  text-transform: uppercase;
}
.employability .employability-info h2 {
  font-size: 32px;
  color: #023e93;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: "Rajdhani", sans-serif;
}
.employability .employability-info h2 span {
  color: #FF0007;
}
.employability .employability-info p {
  font-size: 16px;
  font-weight: 400;
}
.employability .employability-info img {
  width: 80px;
  height: 4px;
  margin-bottom: 15px;
}
.employability .img-block img {
  width: 100%;
}

/*------------------------------
  About Us Css End
------------------------------*/

/*------------------------------
  Mission  Css Start
------------------------------*/


.mission .mission-section {
  background-color: #023E93;
  padding: 100px;
  position: relative;
}
.mission .mission-info h3 {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  font-family: "Rajdhani", sans-serif;
}
.mission .mission-info ul li {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
}
.mission .mission-info ul li i {
  margin: 5px 15px 0 0;
  font-size: 18px;
  color: #FF0007;
}
.mission-img {
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top right;
  height: 100%;
  position: absolute;
  top: 30px;
  right: 0;
  width: 100%;
  z-index: 1;
}

.core-values {
  padding: 70px 0;
}
.core-values .img-block img {
  width: 100%;
}
.core-values .core-info h3 {
  color: #023E93;
  font-size: 32px;
  font-weight: bold;
  font-family: "Rajdhani", sans-serif;
}
.core-values .core-info ul li {
  color: #555555;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-top:15px;
  display: flex;
  align-items: flex-start;
}
.core-values .core-info ul li i {
  margin: 5px 15px 0 0;
  font-size: 18px;
  color: #FF0007;
}
.about-info .activities {
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}
.about-info .activities .img-block i {
  font-size: 20px;
  margin-right: 12px;
  color: #023E93;
}
.about-info .activities .personality h4 {
  font-size: 20px;
  font-weight: 600;
  color: #ff0007;
}
.about-info .activities .personality p {
  font-size: 16px;
  font-weight: 400;
  color: #505050;
  margin-bottom: 0;
}

/*------------------------------
  Mission  Css End
------------------------------*/


/*------------------------------
  Programs Css Start
------------------------------*/

.programs {
  padding: 70px 0 50px;
}
.programs .eligibility-bc h2 {
  font-size: 32px;
  font-weight: bold;
  color: #023E93;
  margin-bottom: 3px;
  font-family: "Rajdhani", sans-serif;
}
.programs .eligibility-bc h2 span {
  color: #FF0007;
}
.programs .eligibility-bc img {
  width: 80px;
  height: 3px;
  margin-bottom: 20px;
}
.programs .eligibility-bc h3 {
  font-size: 24px;
  color: #023E93;
  margin-bottom: 5px;
  font-weight: bold;
}
.programs .eligibility-bc p {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 400;
}
.programs .table {
  border: 1px solid #ddd;
  margin-bottom: 25px;
}
.programs .table th {
  border: 0;
  padding: 15px 25px;
  font-size: 24px;
  font-weight: 700;
  background-color: #FF0007;
  color: #fff;
  text-align: left;
  font-family: "Rajdhani", sans-serif;
}
.programs .table th i {
  font-size: 20px;
  padding-right: 5px;
}
.programs .table td {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  padding: 15px 25px;
  background-color: #023E93;
  text-align: left;
  font-family: "Rajdhani", sans-serif;
  border-top: 1px solid #ffffff30;
  border-bottom: 0;
}

.admission-contact h3 {
  font-size: 24px;
  font-weight: 600;
  color: #FF0007;
  margin-bottom: 10px;
}
.admission-contact p {
  font-size: 16px;
  margin-bottom: 5px;
}
.programs .eligibility-bc ul {
  margin-top: 15px;
}
.programs .eligibility-bc ul li {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  padding-bottom: 15px;
  line-height: 26px;
  display: flex;
  align-items: baseline;
}
.programs .eligibility-bc ul li i {
  font-size: 16px;
  padding-right: 10px;
  color: #FF0007;
}
.admission-forms h3 {
  color: #023E93;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}
.admission-forms p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.respects {
  padding: 40px 15px;
}
.respects .img-block img {
  width: 100%;
}
.admission-contact {
  padding-top: 15px;
}
.against {
  margin: 30px 0;
}
.college-img img {
  width: 100%;
  border: 10px solid #fff;
  box-shadow: 0 0 10px #ddd;
  margin-bottom: 30px;
}


/*------------------------------
  Programs Css End
------------------------------*/


/*------------------------------
  Infrastructure Css Start
------------------------------*/

.infrastructure {
  padding: 70px 0 0;
}
.infrastructure .the-campus h2 {
  font-size: 32px;
  font-weight: bold;
  color: #023E93;
  margin-bottom: 5px;
  font-family: "Rajdhani", sans-serif;
}
.infrastructure .the-campus img {
  width: 80px;
  height: 4px;
  margin-bottom: 15px;
}
.infrastructure .the-campus p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
}
.infrastructure ul li {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #505050;
  padding-bottom: 15px;
}
.infrastructure ul li i {
  font-size: 15px;
  color: #FF0007;
  padding-right: 12px;
}
.student-block {
  width: 100%;
  border: 10px solid #FF0007;
  margin: 20px 0 70px;
}

/*------------------------------
  Infrastructure Css End
------------------------------*/

/*------------------------------
  Career Css Start
------------------------------*/

.career {
  padding: 70px 0;
}
.career .career-info h2 {
  font-size: 32px;
  font-family: "Rajdhani", sans-serif;
  font-weight: bold;
  margin-bottom: 5px;
  color: #FF0007;
}
.career .career-info p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}


/*------------------------------
  Career Css End
------------------------------*/


/*-------------------------------
 quot-abhinandanquot-fresher-039-s-party-2023 Page Css Start 
------------------------------*/

#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%;
  border-radius: 4px;
}
.img-overlay {
  background: rgb(2 62 147 / 86%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  border: 2px solid #ff0007;
  border-radius: 4px;
}
.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: 90%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 3%;
}

/*-------------------------------
 quot-abhinandanquot-fresher-039-s-party-2023 Page Css End 
------------------------------*/


/*-------------------------------
 Gallery Page Css Start 
------------------------------*/

.gllery-wraps {
  padding: 70px 0 40px;
}
.gllery-wraps .card-box {
  position: relative;
  width: 100%;
  margin-bottom: 25px;
}
.gllery-wraps .card-box .image {
  display: block;
  width: 100%;
  height: auto;
}
.gllery-wraps .card-box .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #0a398bd6;
  border: 2px solid #ff0007;
  border-radius: 4px;
}
.gllery-wraps .card-box:hover .overlay {
  opacity: 1;
}
.gllery-wraps .card-box .text {
  color: white;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  position: absolute;
  top: 50%;
  left: 47%;
  -webkit-transform: translate(-48%, -50%);
  -ms-transform: translate(-48%, -50%);
  transform: translate(-38%, -50%);
  text-align: center;
}
.bios {
  border-radius: 4px;
  width: 100%
  border: 1px solid #b1b1b1;
}
.iqac-wraps {
  border-radius: 4px;
  width: 100%;
  border: 1px solid #b1b1b1;
}

/*-------------------------------
 Gallery 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: #023e93;
  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: #023e93;
  border-radius: 4px;
  padding: 30px;
  text-align: center;
}
.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: #023e93;
  padding: 30px 15px;
}
.contact-info .get-in-toch {
  background-color: #023e93;
  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 30px;
  color: #fff;
  border-radius: 4px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  border: none;
}
.get-in-toch .btn-block:hover {
  background-color: #fff;
  color: #023e93;
}
.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 
-------------------------------*/



/*-------------------------------
 Founder Message Page Css Start 
-------------------------------*/

.founder-message {
  padding: 70px 0;
}
.founder-message .img-block img {
  width: 100%;
}
.founder-message .founder-info p {
  font-size: 32px;
  line-height: 70px;
  font-family: 'Pacifico', cursive;
  color: #555555;
  margin-bottom: 30px;
}
.founder-message .founder-info h2 {
  font-size: 32px;
  line-height: 70px;
  font-family: 'Pacifico', cursive;
  color: #FF0007;
} 
.founder-message .founder-info h3 {
  font-size: 32px;
  line-height: 70px;
  font-family: 'Pacifico', cursive;
  color: #023E93;
}
.president-info p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #555555;
}
.president-info h2 {
  color: #FF0007;
  font-size: 32px;
  font-weight: bold;
  margin: 20px 0 15px;
  font-family: "Rajdhani", sans-serif;
}
.president-info h3 {
  color: #023E93;
  font-size: 32px;
  font-weight: bold;
  font-family: "Rajdhani", sans-serif;
}

/*-------------------------------
 Founder Message Page Css End 
-------------------------------*/


/*-------------------------------
 FAQs Page Css Start 
-------------------------------*/

.faqs {
  padding: 60px 0;
}
.faqs .section-title {
  text-align: center;
  margin-bottom: 40px;
}
.faqs .section-title img {
  width: 100px;
}

.faqs .section-title h2 {
  font-size: 32px;
  font-weight: bold;
  color: #023E93;
  font-family: "Rajdhani", sans-serif;
  margin-bottom: 5px;
}
.faqs .section-title p {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
}
.faqs .img-block img {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.faqs .accordion-button:not(.collapsed) {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  background-color: #023E93;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
  padding: 12px 15px;
  line-height: 26px;
  border-radius: 4px 4px 0 0;
}
.faqs .accordion-button:focus {
  box-shadow: none;
}
.faqs .accordion-body {
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 400;
  color: #505050;
  line-height: 24px;
  border-radius: 0 0 4px 4px;
}
.faqs .accordion-item {
  margin-bottom: 15px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, .125);
}
.faqs .accordion-button {
  border-radius: 4px;
  padding: 14px 15px;
  font-size: 16px;
  font-weight: 600;
  background-color: #023e93;
  color: #fff;
}
.faqs .accordion-button:not(.collapsed)::after {
  background-image: url(../img/icons/down.svg);
  transform: rotate(-180deg);
  background-position: 0px 4px;
}
.faqs .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url(../img/icons/down.svg);
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}


/*-------------------------------
 FAQs Page Css End 
-------------------------------*/


/*-------------------------------
 Privacy Policy Page Css Start 
-------------------------------*/

.privacy-policy {
  padding: 70px 0 50px;
}
.privacy-policy h3 {
  font-size: 24px;
  font-weight: 600;
  color: #023E93;
  margin-bottom: 10px;
}
.privacy-policy p {
  font-size: 16px;
  font-weight: 400;
  color: #505050;
  margin-bottom: 20px;
}
.privacy-policy ul li {
  font-size: 16px;
  font-weight: 400;
  color: #505050;
  margin-bottom: 15px;
  line-height: 24px;
  display: flex;
  align-items: baseline;
}
.privacy-policy ul li i {
  padding-right: 12px;
  color: #FF0007;
}


/*-------------------------------
 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: #023E93;
  margin: 15px 0;
  font-family: "Rajdhani", sans-serif;
}
.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;
}
.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;
}

/*-------------------------------
 Blog Page Css Start 
-------------------------------*/

.whyStcn{
  background-color: #f0f8ff;
}

.whyStcn .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.whyStcn .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.whyStcn .accordion-button::after {
  transition: all 0.5s;
}

.whyStcn p{
  padding-bottom: 20px;
}

.whyStcn .accordion-item ul {
  list-style: none; 
  padding-left: 20px;
}

.whyStcn .accordion-item ul li::before {
  content: "\2022"; 
  color: #1e56a0; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1.3em; 
}

.whyStcn .accordion-item ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 10px;
}

/*==================================
Why STCN
===================================*/

.why-stcn{

    background:#fff;

}

.section-title{

    position:relative;

}

.section-title h2{

    color:#023E93;

    font-weight:700;

    font-size:38px;

}

.title-line{

    display:inline-block;

    width:90px;

    height:3px;

    background:#f6b21d;

    margin-bottom:18px;

}

.why-box{

    text-align:center;

    height:100%;

    padding:20px;

    transition:.35s;

    border-radius:15px;

}

.why-box:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.icon-circle{

    width:90px;

    height:90px;

    margin:auto;

    border:2px solid #f6b21d;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

    color:#023E93;

    margin-bottom:20px;

    transition:.35s;

}

.why-box:hover .icon-circle{

    background:#023E93;

    color:#fff;

    border-color:#023E93;

}

.why-box h5{

    font-size:18px;

    font-weight:700;

    color:#023E93;

    margin-bottom:15px;

}

.why-box p{

    color:#555;

    line-height:1.7;

}

/*==================================
Career Opportunities
===================================*/

.career-opportunities{

    background:#f9fbff;

}

.career-box{

    background:#fff;

    border-radius:12px;

    padding:28px 18px;

    text-align:center;

    height:100%;

    border:1px solid #edf0f7;

    transition:.35s;

    cursor:pointer;

    box-shadow:0 5px 18px rgba(0,0,0,.04);

}

.career-box:hover{

    transform:translateY(-8px);

    border-color:#0d4ea6;

    box-shadow:0 20px 35px rgba(0,0,0,.08);

}

.career-box i{

    font-size:42px;

    color:#0d3d8d;

    margin-bottom:18px;

    transition:.35s;

}

.career-box:hover i{

    color:#f5b31f;

    transform:scale(1.15);

}

.career-box h5{

    font-size:17px;

    font-weight:700;

    color:#0b2e68;

    line-height:1.5;

    margin:0;

}

/*==================================
Highlight Cards
===================================*/

.career-highlights{

    background:#ffffff;

}

.highlight-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

}

.highlight-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.highlight-img{

    overflow:hidden;

}

.highlight-img img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.5s;

}

.highlight-card:hover img{

    transform:scale(1.08);

}

.highlight-content{

    padding:30px;

}

.highlight-content span{

    display:inline-block;

    width:45px;

    height:45px;

    line-height:45px;

    text-align:center;

    border-radius:50%;

    background:#0b3d91;

    color:#fff;

    font-weight:700;

    margin-bottom:20px;

}

.highlight-content h3{

    font-size:24px;

    font-weight:700;

    color:#023E93;

    margin-bottom:18px;

}

.highlight-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

.highlight-content a{

    color:#0b3d91;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.highlight-content a:hover{

    color:#f5b31f;

}

.highlight-content a i{

    transition:.3s;

}

.highlight-content a:hover i{

    transform:translateX(6px);

}

/*==================================
Placement Partners
===================================*/

.placement-partners{

    background:#f8fafc;

}

.placement-partners p{

    color:#666;

    max-width:700px;

    margin:auto;

}

.partner-box{

    background:#fff;

    border-radius:16px;

    height:140px;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:20px;

    transition:.35s;

    border:1px solid #edf2f7;

    box-shadow:0 6px 18px rgba(0,0,0,.05);

}

.partner-box:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,.12);

}

.partner-box img{

    max-width:100px;

    max-height:100px;

    width:auto;


}


/*=========================
Career Roadmap
==========================*/

.career-roadmap{

background:#fff;

}

.roadmap-badge{

margin-bottom:20px;

}

.degree-badge{

display:inline-block;

background:#0b3d91;

color:#fff;

padding:10px 28px;

border-radius:8px;

font-weight:700;

margin-bottom:8px;

box-shadow:0 10px 20px rgba(0,0,0,.12);

}

.nurse-badge{

display:inline-block;

background:#f5b31f;

padding:10px 40px;

font-weight:700;

border-radius:8px;

box-shadow:0 10px 20px rgba(0,0,0,.12);

}

.roadmap-line{

position:relative;

height:60px;

margin-bottom:10px;

}

.roadmap-line:before{

content:"";

position:absolute;

left:8%;

right:8%;

top:12px;

border-top:2px dashed #bdbdbd;

}

.point{

position:absolute;

top:6px;

width:14px;

height:14px;

border-radius:50%;

}

.point:after{

content:"";

position:absolute;

width:2px;

height:35px;

background:inherit;

left:6px;

top:14px;

}

.point1{

left:12%;

background:#00a79d;

}

.point2{

left:37%;

background:#7b3dbf;

}

.point3{

left:62%;

background:#ec407a;

}

.point4{

right:12%;

background:#1e88e5;

}

/* Cards */

.road-card{

border-radius:10px;

overflow:hidden;

border:1px solid #ececec;

background:#fff;

box-shadow:0 8px 25px rgba(0,0,0,.05);

transition:.35s;

height:100%;

}

.road-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.10);

}

.road-header{

padding:13px 18px;

font-size:17px;

font-weight:700;

color:#fff;

display:flex;

align-items:center;

gap:10px;

}

.green{

background:#0c8b87;

}

.purple{

background:#6c43bf;

}

.pink{

background:#ef4b82;

}

.blue{

background:#1976d2;

}

.road-card ul{

padding:18px 22px;

margin:0;

list-style:none;

}

.road-card li{

position:relative;

padding-left:18px;

margin-bottom:10px;

font-size:15px;

color:#333;

}

.road-card li:before{

content:"▪";

position:absolute;

left:0;

color:#000;

font-size:14px;

}

.infoWrap .section-title{
  text-align: left;
}
.infoWrap .section-title p{
  max-width: 550px;
  color: #f0f8ff;
  padding-bottom: 15px;
}


.infoWrap .breadcrumb{
  justify-content: left;
}
/*==================================================
 STCN PROFESSIONAL DEVELOPMENT
==================================================*/

.stcn-prof-section{
    background:#fff;
    position:relative;
}

/*==========================
 Heading
==========================*/

.stcn-prof-heading{
    display:flex;
    align-items:center;
    margin-bottom:45px;
}

.stcn-prof-heading-icon{

    width:58px;
    height:58px;

    background:#0b4b9b;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    font-size:24px;

    flex-shrink:0;

    box-shadow:0 8px 20px rgba(11,75,155,.20);

}

.stcn-prof-heading-title{

    margin:0 18px;

    font-size:30px;

    font-weight:700;

    color:#0b4b9b;

    text-transform:uppercase;

    letter-spacing:.4px;

}

.stcn-prof-heading-line{

    flex:1;

    height:2px;

    background:#dcdcdc;

}

/*==========================
 Card
==========================*/

.stcn-prof-card{

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    border:1px solid #ececec;

    transition:.35s;

    box-shadow:0 5px 18px rgba(0,0,0,.06);

}

.stcn-prof-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

/*==========================
 Image
==========================*/

.stcn-prof-image{

    position:relative;

    overflow:visible;

}

.stcn-prof-image img{

    width:100%;

    object-fit:cover;

    transition:.5s;

}

.stcn-prof-card:hover img{

    transform:scale(1.08);

}

/*==========================
 Floating Icon
==========================*/

.stcn-prof-icon{

    position:absolute;

    left:22px;

    bottom:-26px;

    width:56px;

    height:56px;

    background:#0b4b9b;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:22px;

    border:4px solid #fff;

    box-shadow:0 8px 18px rgba(0,0,0,.18);

    transition:.35s;

}

.stcn-prof-card:hover .stcn-prof-icon{

    transform:rotate(12deg);

}

/*==========================
 Body
==========================*/

.stcn-prof-body{

    padding:40px 22px 25px;

}

.stcn-prof-title{

    font-size:21px;

    font-weight:700;

    line-height:1.35;

    color:#1a1a1a;

    margin-bottom:15px;

    min-height:58px;

}

.stcn-prof-desc{

    margin:0;

    color:#666;

    font-size:15px;

    line-height:1.8;

    min-height:135px;

}

/*==========================
 Hover
==========================*/

.stcn-prof-card:hover .stcn-prof-title{

    color:#0b4b9b;

}

/*==========================
 Responsive
==========================*/

@media (max-width:1199px){

.stcn-prof-title{

font-size:20px;

}

}

@media (max-width:991px){

.stcn-prof-heading-title{

font-size:26px;

}

.stcn-prof-image img{

height:220px;

}

.stcn-prof-title,
.stcn-prof-desc{

min-height:auto;

}

}

@media (max-width:767px){

.stcn-prof-heading{

display:block;

text-align:center;

}

.stcn-prof-heading-icon{

margin:0 auto 15px;

}

.stcn-prof-heading-title{

margin:0;

font-size:24px;

}

.stcn-prof-heading-line{

display:none;

}

.stcn-prof-card{

margin-bottom:10px;

}

.stcn-prof-image img{

height:230px;

}

}

/*==================================================
 STCN CLINICAL LEARNING & PROFESSIONAL PRACTICE
==================================================*/

.stcn-clinical-section{
    background:#fff;
    position:relative;
}

/*==========================
 Heading
==========================*/

.stcn-clinical-heading{
    display:flex;
    align-items:center;
    margin-bottom:45px;
}

.stcn-clinical-heading-icon{

    width:58px;
    height:58px;

    background:#8c1d40;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    color:#fff;

    font-size:24px;

    flex-shrink:0;

    box-shadow:0 10px 25px rgba(140,29,64,.20);

}

.stcn-clinical-heading-title{

    margin:0 18px;

    color:#8c1d40;

    font-size:30px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.4px;

}

.stcn-clinical-heading-line{

    flex:1;

    height:2px;

    background:#dddddd;

}

/*==========================
 Card
==========================*/

.stcn-clinical-card{

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    border:1px solid #ececec;

    transition:.35s;

    box-shadow:0 5px 18px rgba(0,0,0,.06);

}

.stcn-clinical-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

/*==========================
 Image
==========================*/

.stcn-clinical-image{

    position:relative;

    overflow:visible;

}

.stcn-clinical-image img{

    width:100%;

    height:190px;

    object-fit:cover;

    transition:.5s;

}

.stcn-clinical-card:hover img{

    transform:scale(1.08);

}

/*==========================
 Floating Icon
==========================*/

.stcn-clinical-icon{

    position:absolute;

    left:22px;

    bottom:-26px;

    width:56px;

    height:56px;

    background:#8c1d40;

    border-radius:50%;

    display:flex;

    justify-content:center;
    align-items:center;

    color:#fff;

    font-size:22px;

    border:4px solid #fff;

    box-shadow:0 8px 18px rgba(0,0,0,.18);

    transition:.35s;

}

.stcn-clinical-card:hover .stcn-clinical-icon{

    transform:rotate(12deg);

}

/*==========================
 Body
==========================*/

.stcn-clinical-body{

    padding:40px 22px 25px;

}

.stcn-clinical-title{

    font-size:21px;

    font-weight:700;

    color:#222;

    line-height:1.35;

    margin-bottom:15px;

    min-height:58px;

}

.stcn-clinical-desc{

    margin:0;

    color:#666;

    font-size:15px;

    line-height:1.8;

    min-height:120px;

}

/*==========================
 Hover
==========================*/

.stcn-clinical-card:hover .stcn-clinical-title{

    color:#8c1d40;

}

/*==========================
 Responsive
==========================*/

@media(max-width:1199px){

.stcn-clinical-title{

font-size:20px;

}

}

@media(max-width:991px){

.stcn-clinical-heading-title{

font-size:26px;

}

.stcn-clinical-image img{

height:220px;

}

.stcn-clinical-title,
.stcn-clinical-desc{

min-height:auto;

}

}

@media(max-width:767px){

.stcn-clinical-heading{

display:block;

text-align:center;

}

.stcn-clinical-heading-icon{

margin:0 auto 15px;

}

.stcn-clinical-heading-title{

margin:0;

font-size:24px;

}

.stcn-clinical-heading-line{

display:none;

}

.stcn-clinical-card{

margin-bottom:10px;

}

.stcn-clinical-image img{

height:230px;

}

}

/*==================================================
 STCN CAMPUS LIFE & CULTURAL ACTIVITIES
==================================================*/

.stcn-campus-section{
    background:#fff;
    position:relative;
}

/*==========================
 Heading
==========================*/

.stcn-campus-heading{
    display:flex;
    align-items:center;
    margin-bottom:45px;
}

.stcn-campus-heading-icon{

    width:58px;
    height:58px;

    background:#d79a00;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:24px;

    flex-shrink:0;

    box-shadow:0 10px 25px rgba(215,154,0,.25);

}

.stcn-campus-heading-title{

    margin:0 18px;

    color:#d79a00;

    font-size:30px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.4px;

}

.stcn-campus-heading-line{

    flex:1;

    height:2px;

    background:#dddddd;

}

/*==========================
 Card
==========================*/

.stcn-campus-card{

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    border:1px solid #ececec;

    transition:.35s;

    box-shadow:0 5px 18px rgba(0,0,0,.06);

}

.stcn-campus-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

/*==========================
 Image
==========================*/

.stcn-campus-image{

    position:relative;

    overflow:visible;

}

.stcn-campus-image img{

    width:100%;

    object-fit:cover;

    transition:.5s;

}

.stcn-campus-card:hover img{

    transform:scale(1.08);

}

/*==========================
 Floating Icon
==========================*/

.stcn-campus-icon{

    position:absolute;

    left:22px;

    bottom:-26px;

    width:56px;

    height:56px;

    background:#d79a00;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:22px;

    border:4px solid #fff;

    box-shadow:0 8px 18px rgba(0,0,0,.18);

    transition:.35s;

}

.stcn-campus-card:hover .stcn-campus-icon{

    transform:rotate(12deg);

}

/*==========================
 Body
==========================*/

.stcn-campus-body{

    padding:40px 22px 25px;

}

.stcn-campus-title{

    font-size:21px;

    font-weight:700;

    color:#222;

    line-height:1.35;

    margin-bottom:15px;

    min-height:58px;

}

.stcn-campus-desc{

    margin:0;

    color:#666;

    font-size:15px;

    line-height:1.8;

    min-height:120px;

}

/*==========================
 Hover
==========================*/

.stcn-campus-card:hover .stcn-campus-title{

    color:#d79a00;

}

/*==========================
 Responsive
==========================*/

@media(max-width:1199px){

.stcn-campus-title{

font-size:20px;

}

}

@media(max-width:991px){

.stcn-campus-heading-title{

font-size:26px;

}

.stcn-campus-image img{

height:220px;

}

.stcn-campus-title,
.stcn-campus-desc{

min-height:auto;

}

}

@media(max-width:767px){

.stcn-campus-heading{

display:block;

text-align:center;

}

.stcn-campus-heading-icon{

margin:0 auto 15px;

}

.stcn-campus-heading-title{

margin:0;

font-size:24px;

}

.stcn-campus-heading-line{

display:none;

}

.stcn-campus-card{

margin-bottom:10px;

}

.stcn-campus-image img{

height:230px;

}

}
/*==================================================
 STCN COMMUNITY ENGAGEMENT & SOCIAL RESPONSIBILITY
==================================================*/

.stcn-community-section{
    position:relative;
    background:#ffffff;
}

/*=========================================
HEADING
=========================================*/

.stcn-community-heading{
    display:flex;
    align-items:center;
    margin-bottom:45px;
}

.stcn-community-heading-icon{

    width:58px;
    height:58px;

    border-radius:50%;

    background:#2d7a34;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    font-size:24px;

    flex-shrink:0;

    box-shadow:0 10px 25px rgba(45,122,52,.20);

}

.stcn-community-heading-title{

    margin:0 18px;

    color:#2d7a34;

    font-size:30px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.4px;

}

.stcn-community-heading-line{

    flex:1;

    height:2px;

    background:#dddddd;

}

/*=========================================
CARD
=========================================*/

.stcn-community-card{

    position:relative;

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    border:1px solid #ececec;

    box-shadow:0 5px 18px rgba(0,0,0,.06);

    transition:.35s;

}

.stcn-community-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.14);

}

/*=========================================
IMAGE
=========================================*/

.stcn-community-image{

    position:relative;

    overflow:visible;

}

.stcn-community-image img{

    width:100%;

    height:190px;

    object-fit:cover;

    transition:.45s;

}

.stcn-community-card:hover .stcn-community-image img{

    transform:scale(1.08);

}

/*=========================================
ICON
=========================================*/

.stcn-community-icon{

    position:absolute;

    left:20px;

    bottom:-26px;

    width:56px;

    height:56px;

    border-radius:50%;

    background:#2d7a34;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:22px;

    border:4px solid #fff;

    box-shadow:0 8px 18px rgba(0,0,0,.18);

    transition:.35s;

}

.stcn-community-card:hover .stcn-community-icon{

    transform:rotate(12deg);

}

/*=========================================
BODY
=========================================*/

.stcn-community-body{

    padding:40px 22px 25px;

}

.stcn-community-title{

    font-size:21px;

    font-weight:700;

    color:#222;

    line-height:1.35;

    margin-bottom:15px;

    min-height:58px;

}

.stcn-community-desc{

    margin:0;

    font-size:15px;

    color:#666;

    line-height:1.8;

    min-height:120px;

}

.stcn-community-card:hover .stcn-community-title{

    color:#2d7a34;

}

/*=========================================
RESPONSIVE
=========================================*/

@media (max-width:1199px){

.stcn-community-title{

font-size:20px;

}

}

@media (max-width:991px){

.stcn-community-heading-title{

font-size:26px;

}

.stcn-community-image img{

height:220px;

}

.stcn-community-title,
.stcn-community-desc{

min-height:auto;

}

}

@media (max-width:767px){

.stcn-community-heading{

display:block;

text-align:center;

}

.stcn-community-heading-icon{

margin:0 auto 15px;

}

.stcn-community-heading-title{

margin:0;

font-size:24px;

}

.stcn-community-heading-line{

display:none;

}

.stcn-community-image img{

height:230px;

}

.stcn-community-card{

margin-bottom:10px;

}

}

/*=========================================================
STCN ABOUT INTRO SECTION
=========================================================*/

.stcn-about-intro-section{
    position:relative;
    background:#ffffff;
    padding:70px 0;
}

/*==========================
Logo
==========================*/

.stcn-about-logo-box{
    text-align:center;
}

.stcn-about-logo-box img{
    max-width:170px;
    width:100%;
}

/*==========================
Content
==========================*/

.stcn-about-content p{

    font-size:17px;

    line-height:1.95;

    color:#444;

    margin-bottom:22px;

    text-align:justify;

}

.stcn-about-content strong{

    color:#023E93;

    font-weight:700;

}

/*==========================
Stats Card
==========================*/

.stcn-about-stats{

    background:#f8f9fc;

    border-radius:18px;

    padding:30px;

    border:1px solid #ececec;

    box-shadow:0 15px 45px rgba(0,0,0,.07);

    transition:.35s;

}

.stcn-about-stats:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 50px rgba(0,0,0,.10);

}

.stcn-about-divider{

    width:100%;

    height:1px;

    background:#dadada;

    margin:30px 0;

}

/*==========================
Stat Box
==========================*/

.stcn-about-stat-box{

    display:flex;

    align-items:center;

}

.stcn-about-stat-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#023E93;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    margin-right:18px;

    flex-shrink:0;

}

.stcn-about-stat-box h2{

    font-size:44px;

    color:#023E93;

    margin:0;

    font-weight:700;

}

.stcn-about-stat-box h3{

    font-size:30px;

    color:#023E93;

    margin:0;

    font-weight:700;

}

.stcn-about-stat-box span{

    display:block;

    margin-top:5px;

    font-size:16px;

    color:#222;

    font-weight:600;

}

.stcn-about-stat-box small{

    display:block;

    margin-top:4px;

    font-size:14px;

    color:#777;

}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

.stcn-about-logo-box{

margin-bottom:25px;

}

.stcn-about-stats{

margin-top:20px;

}

}

@media(max-width:767px){

.stcn-about-intro-section{

padding:50px 0;

}

.stcn-about-content p{

font-size:15px;

line-height:1.8;

}

.stcn-about-stat-box{

align-items:flex-start;

}

.stcn-about-stat-box h2{

font-size:34px;

}

.stcn-about-stat-box h3{

font-size:24px;

}

.stcn-about-stat-icon{

width:55px;

height:55px;

font-size:22px;

}

}

/*=========================================
STCN COMMITMENT
=========================================*/

.stcn-commitment-section{

    background:#fff;

}

.stcn-commitment-box{

    background:#f8f8fb;

    border-radius:18px;

    padding:35px;

    border:1px solid #ececec;

    transition:.35s;

}

.stcn-commitment-box:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.stcn-commitment-icon{

    width:68px;

    height:68px;

    border-radius:50%;

    background:#023E93;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    flex-shrink:0;

}

.stcn-commitment-title{

    font-size:32px;

    color:#023E93;

    font-weight:700;

    margin-bottom:18px;

}

.stcn-commitment-box p{

    color:#555;

    line-height:1.9;

    font-size:16px;

}

.stcn-commitment-image{

    width:100%;

    height:180px;

    object-fit:cover;

    border-radius:14px;

}

@media(max-width:767px){

.stcn-commitment-box{

padding:25px;

}

.stcn-commitment-title{

font-size:24px;

}

.stcn-commitment-icon{

width:55px;

height:55px;

font-size:18px;

}

.stcn-commitment-image{

height:200px;

}

}

/*=================================================
STCN CTA
==================================================*/

.stcn-cta-section{

    padding:20px 0 35px;

    background:#fff;

}

.stcn-cta-wrapper{

    background:#023E93;

    border-radius:14px;

    padding:28px 40px;

}

.stcn-cta-content{

    display:flex;

    align-items:center;

}

.stcn-cta-icon{

    width:75px;

    height:75px;

    border-radius:50%;

    background:#fff;

    color:#023E93;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-right:20px;

    flex-shrink:0;

}

.stcn-cta-content h2{

    color:#fff;

    font-size:29px;

    margin:0;

    font-weight:700;

}

.stcn-cta-content h3{

    margin-top:8px;

    color:#f6b21a;

    font-size:23px;

    font-weight:700;

}

.stcn-cta-buttons{

    display:flex;

    justify-content:flex-end;

    gap:18px;

}

.stcn-apply-btn{

    background:#ff0007;

    color:#fff;

    padding:18px 40px;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.stcn-apply-btn:hover{

    color:#fff;

    background:#951024;

}

.stcn-enquire-btn{

    border:2px solid rgba(255,255,255,.5);

    color:#fff;

    padding:18px 40px;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.stcn-enquire-btn:hover{

    background:#fff;

    color:#023E93;

}

@media(max-width:991px){

.stcn-cta-content{

margin-bottom:25px;

}

.stcn-cta-buttons{

justify-content:flex-start;

}

}

@media(max-width:767px){

.stcn-cta-wrapper{

padding:25px;

}

.stcn-cta-content{

display:block;

text-align:center;

}

.stcn-cta-icon{

margin:0 auto 20px;

}

.stcn-cta-content h2{

font-size:28px;

}

.stcn-cta-content h3{

font-size:22px;

}

.stcn-cta-buttons{

display:block;

}

.stcn-apply-btn,

.stcn-enquire-btn{

display:block;

margin-bottom:15px;

text-align:center;

}

}
/*=================================================
STCN FEATURE ROW
==================================================*/

.stcn-feature-section{

    background:#ffffff;

    padding:0 0 60px;

}

.stcn-feature-wrapper{

    background:#fff;

    border:1px solid #ececec;

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 10px 35px rgba(0,0,0,.05);

}

.stcn-feature-item{

    display:flex;

    align-items:center;

    padding:28px 24px;

    height:100%;

    border-right:1px solid #ececec;

    transition:.35s;

}

.stcn-feature-item-last{

    border-right:none;

}

.stcn-feature-item:hover{

    background:#f8fbff;

}

.stcn-feature-icon{

    width:58px;

    height:58px;

    min-width:58px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eef3fb;

    color:#023E93;

    font-size:24px;

    margin-right:18px;

    transition:.35s;

}

.stcn-feature-item:hover .stcn-feature-icon{

    background:#023E93;

    color:#fff;

}

.stcn-feature-content h5{

    margin:0 0 6px;

    font-size:18px;

    font-weight:700;

    color:#023E93;

    line-height:1.4;

}

.stcn-feature-content p{

    margin:0;

    font-size:14px;

    color:#666;

    line-height:1.6;

}

@media(max-width:991px){

.stcn-feature-item{

border-right:none;

border-bottom:1px solid #ececec;

}

}

@media(max-width:767px){

.stcn-feature-item{

padding:20px 16px;

}

.stcn-feature-icon{

width:48px;

height:48px;

min-width:48px;

font-size:20px;

margin-right:12px;

}

.stcn-feature-content h5{

font-size:15px;

}

.stcn-feature-content p{

font-size:13px;

}

}

/*=========================================
ABOUT GRID SECTION
=========================================*/

.stcn-about-grid-section{

    background:#fff;

}

.stcn-about-grid-box{

    border:1px solid #e8e8e8;

    border-radius:16px;

    overflow:hidden;

    background:#fff;

    height:100%;

    transition:.35s;

}

.stcn-about-grid-box:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(0,0,0,.08);

}

.stcn-about-grid-image{

    height:100%;

}

.stcn-about-grid-image img{

    width:100%;

    height:100%;

    min-height:340px;

    object-fit:cover;

    display:block;

    transition:.5s;

}

.stcn-about-grid-box:hover img{

    transform:scale(1.08);

}

.stcn-about-grid-content{

    padding:35px;

    height:100%;

}

.stcn-about-grid-head{

    display:flex;

    align-items:center;

    margin-bottom:25px;

}

.stcn-about-grid-icon{

    width:60px;

    height:60px;

    min-width:60px;

    border-radius:50%;

    background:#082b72;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    margin-right:18px;

}

.stcn-about-grid-head h3{

    margin:0;

    color:#082b72;

    font-size:26px;

    font-weight:700;

    line-height:1.35;

}

.stcn-about-grid-content p{

    color:#555;

    font-size:16px;

    line-height:1.9;

    margin-bottom:18px;

}

.stcn-about-grid-content p:last-child{

    margin-bottom:0;

}

/*==========================
Responsive
==========================*/

@media(max-width:1199px){

.stcn-about-grid-head h3{

font-size:24px;

}

}

@media(max-width:991px){

.stcn-about-grid-image img{

min-height:280px;

}

.stcn-about-grid-content{

padding:25px;

}

}

@media(max-width:767px){

.stcn-about-grid-head{

display:block;

text-align:center;

}

.stcn-about-grid-icon{

margin:0 auto 15px;

}

.stcn-about-grid-head h3{

font-size:22px;

}

.stcn-about-grid-image img{

min-height:220px;

}

.stcn-about-grid-content{

padding:20px;

}

.stcn-about-grid-content p{

font-size:15px;

line-height:1.8;

}

}


/*===========================
Feature Strip
===========================*/

.stcn-adm-features{

    margin-top:-60px;

    position:relative;

    z-index:5;

}

.stcn-adm-features .container{

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.10);

}

.stcn-adm-feature-box{

    text-align:center;

    padding:35px 20px;

    border-right:1px solid #ececec;

    height:100%;

}

.stcn-adm-feature-box i{

    font-size:42px;

    color:#082b72;

    margin-bottom:20px;

}

.stcn-adm-feature-box h5{

    color:#082b72;

    font-weight:700;

    line-height:1.5;

    font-size:20px;

}

.stcn-adm-feature-box p{

    color:#555;

    margin:0;

    line-height:1.6;

    text-align: center;

}

/*===========================
Responsive
===========================*/

@media(max-width:991px){
.stcn-adm-features{

margin-top:20px;

}

.stcn-adm-feature-box{

border-bottom:1px solid #eee;

}

}
/*==================================
Eligibility
==================================*/

.stcn-adm-eligibility{

background:#fff;

}

.stcn-adm-title{

margin-bottom:30px;

}

.stcn-adm-title h2{

font-size:42px;

font-weight:700;

color:#082b72;

margin-bottom:10px;

}

.stcn-adm-title span{

display:block;

width:90px;

height:4px;

background:#f2b420;

border-radius:10px;

}

.stcn-adm-intro{

font-size:17px;

line-height:1.9;

color:#555;

margin-bottom:25px;

}

.stcn-adm-subtitle{

font-size:20px;

font-weight:700;

margin-bottom:20px;

color:#222;

}

.stcn-adm-list{

padding:0;

margin:0;

list-style:none;

}

.stcn-adm-list li{

display:flex;

align-items:flex-start;

margin-bottom:18px;

font-size:17px;

line-height:1.8;

color:#444;

}

.stcn-adm-list i{

color:#082b72;

margin-right:14px;

margin-top:6px;

font-size:18px;

}

.stcn-adm-info{

margin-top:30px;

background:#eef5ff;

padding:18px 22px;

border-left:4px solid #082b72;

border-radius:10px;

display:flex;

gap:15px;

font-size:16px;

line-height:1.7;

}

.stcn-adm-info i{

font-size:22px;

color:#082b72;

margin-top:2px;

}

.stcn-adm-right-image{

overflow:hidden;

border-radius:16px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

margin-bottom:25px;

}

.stcn-adm-right-image img{

width:100%;

height:420px;

object-fit:cover;

transition:.5s;

}

.stcn-adm-right-image:hover img{

transform:scale(1.08);

}

.stcn-adm-help-box{

background:#082b72;

padding:30px;

border-radius:16px;

display:flex;

align-items:center;

color:#fff;

}

.stcn-adm-help-icon{

width:75px;

height:75px;

border-radius:50%;

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

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

margin-right:22px;

}

.stcn-adm-help-box span{

display:block;

font-size:16px;

opacity:.9;

}

.stcn-adm-help-box h3{

font-size:40px;

margin:8px 0;

font-weight:700;

}

.stcn-adm-help-box p{

margin:0;
text-align: center;
opacity:.9;
color: #f0f8ff;
}

@media(max-width:991px){

.stcn-adm-title h2{

font-size:34px;

}

.stcn-adm-right-image img{

height:320px;

}

.stcn-adm-help-box{

margin-top:20px;

}

}

@media(max-width:767px){

.stcn-adm-help-box{

display:block;

text-align:center;

}

.stcn-adm-help-icon{

margin:0 auto 20px;

}

.stcn-adm-help-box h3{

font-size:30px;

}

}

/*==========================================
 STCN Admission Process
==========================================*/

.stcn-adm-process{
    background:#fff;
    position:relative;
}

.stcn-adm-process-head{
    margin-bottom:55px;
}

.stcn-adm-process-head h2{
    font-size:40px;
    font-weight:700;
    color:#0c2f72;
    margin-bottom:12px;
}

.stcn-adm-process-head span{
    width:75px;
    height:4px;
    background:#f3b321;
    display:inline-block;
    border-radius:30px;
}

.stcn-adm-process-wrap{
    position:relative;
}

.stcn-adm-process-line{
    position:absolute;
    left:8%;
    right:8%;
    top:55px;
    border-top:3px dotted #2d5ca8;
    z-index:0;
}

.stcn-adm-item{
    position:relative;
    text-align:center;
    z-index:2;
    padding:0 12px;
}

.stcn-adm-icon{
    width:95px;
    height:95px;
    margin:auto;
    border-radius:50%;
    background:#0c2f72;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    position:relative;
    z-index:3;
}

.stcn-adm-number{
    width:42px;
    height:42px;
    background:#f3b321;
    color:#0c2f72;
    font-size:18px;
    font-weight:700;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:-18px auto 18px;
    border:4px solid #fff;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    position:relative;
    z-index:4;
}

.stcn-adm-item h5{
    color:#0c2f72;
    font-size:21px;
    font-weight:700;
    line-height:1.35;
    margin-bottom:12px;
}

.stcn-adm-item p{
    color:#555;
    font-size:15px;
    line-height:1.8;
    max-width:210px;
    margin:auto;
}
/*==========================================
 Notice Box
==========================================*/

.stcn-adm-note{

    margin-top:70px;

    background:#fff8e6;

    border:1px solid #f4d57a;

    border-radius:18px;

    padding:28px 35px;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.stcn-adm-note-icon{

    width:72px;

    height:72px;

    border-radius:50%;

    background:#0c2f72;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    margin:auto;

}

.stcn-adm-note p{

    margin:0;

    color:#555;

    font-size:16px;

    line-height:1.9;

}

/*==========================================
 Hover
==========================================*/

.stcn-adm-item{

    transition:.35s;

}

.stcn-adm-item:hover{

    transform:translateY(-8px);

}

.stcn-adm-item:hover .stcn-adm-icon{

    background:#f3b321;

    color:#0c2f72;

    transform:rotate(8deg);

    transition:.35s;

}

.stcn-adm-item:hover .stcn-adm-number{

    transform:scale(1.08);

}

/*==========================================
 Responsive
==========================================*/

@media(max-width:1199px){

.stcn-adm-process-line{

left:7%;

right:7%;

}

.stcn-adm-icon{

width:82px;

height:82px;

font-size:32px;

}

.stcn-adm-item h5{

font-size:19px;

}

}

@media(max-width:991px){

.stcn-adm-process-line{

display:none;

}

.stcn-adm-item{

margin-bottom:45px;

}

.stcn-adm-note{

padding:25px;

margin-top:20px;

}

.stcn-adm-note-icon{

margin-bottom:20px;

}

}

@media(max-width:767px){

.stcn-adm-process-head h2{

font-size:32px;

}

.stcn-adm-item{

padding:0 10px;

}

.stcn-adm-icon{

width:72px;

height:72px;

font-size:28px;

}

.stcn-adm-number{

width:36px;

height:36px;

font-size:16px;

margin-top:-15px;

}

.stcn-adm-item h5{

font-size:18px;

}

.stcn-adm-item p{

font-size:14px;

max-width:100%;
text-align: center;

}

.stcn-adm-note{

padding:20px;

text-align:center;

}

.stcn-adm-note p{

font-size:15px;

}

}

/* =========================================
   DOCUMENTS REQUIRED SECTION
========================================= */

.stcn-documents-section {
   background: #fff;
}

.documents-content {
   padding: 0 25px 0 25px;
}

.documents-content h2 {
   color: #062b5c;
   font-size: 30px;
   font-weight: 700;
   margin-bottom: 14px;
}

.documents-intro {
   color: #222;
   font-size: 15px;
   line-height: 1.5;
   margin-bottom: 15px;
}

.documents-list {
   padding: 0;
   margin: 0;
   list-style: none;
}

.documents-list li {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   margin-bottom: 7px;
   color: #222;
   font-size: 14px;
   line-height: 1.4;
}

.documents-list li i {
   color: #173f70;
   font-size: 14px;
   margin-top: 3px;
}


/* =========================================
   IMPORTANT NOTE
========================================= */

.important-note-box {
   background: #f4f8fc;
   border: 1px solid #e0e8f1;
   border-radius: 12px;
   padding: 25px 28px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.important-note-header {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-bottom: 20px;
}

.note-shield {
   width: 48px;
   height: 58px;
   color: #062b5c;
   font-size: 44px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.important-note-header h3 {
   color: #062b5c;
   font-size: 27px;
   font-weight: 700;
   margin: 0;
}

.important-note-header span {
   display: block;
   width: 48px;
   height: 3px;
   background: #d6a400;
   margin-top: 8px;
}

.important-note-box > p {
   color: #222;
   font-size: 15px;
   line-height: 1.65;
   margin-bottom: 15px;
}

.note-divider {
   height: 1px;
   background: #cfd9e5;
   margin: 15px 0 18px;
}

.note-bottom {
   display: flex;
   align-items: flex-start;
   gap: 22px;
}

.graduation-icon {
   color: #062b5c;
   font-size: 38px;
   min-width: 48px;
}

.note-bottom p {
   color: #222;
   font-size: 15px;
   line-height: 1.6;
   margin: 0;
}


/* =========================================
   CTA BANNER
========================================= */

.admission-cta {
   background: #062b5c;
   border-radius: 9px;
   padding: 20px 35px;
   display: flex;
   align-items: center;
   gap: 22px;
   color: #fff;
}

.cta-icon {
   width: 62px;
   height: 62px;
   background: #fff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.cta-icon i {
   color: #062b5c;
   font-size: 30px;
}

.cta-content {
   flex: 1;
}

.cta-content h3 {
   color: #fff;
   font-size: 20px;
   font-weight: 700;
   margin: 0 0 5px;
}

.cta-content p {
   color: #fff;
   font-size: 14px;
   margin: 0;
}

.cta-buttons {
   display: flex;
   gap: 30px;
   align-items: center;
}

.cta-buttons .btn {
   min-width: 148px;
   padding: 12px 20px;
   font-size: 15px;
   font-weight: 600;
   border-radius: 5px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 15px;
}

.btn-apply {
   background: #d92732;
   color: #fff;
   border: 1px solid #d92732;
}

.btn-apply:hover {
   background: #b91f29;
   color: #fff;
}

.btn-enquire {
   background: transparent;
   color: #fff;
   border: 2px solid #b7c7dc;
}

.btn-enquire:hover {
   background: #fff;
   color: #062b5c;
}


/* =========================================
   CONTACT INFORMATION
========================================= */

.contact-info {
   border: 1px solid #e8edf2;
   border-radius: 10px;
   padding: 18px 10px;
}

.contact-item {
   min-height: 65px;
   display: flex;
   align-items: center;
   gap: 15px;
   padding: 5px 20px;
   border-right: 1px solid #d8dee6;
}

.contact-info .col-lg-3:last-child .contact-item {
   border-right: 0;
}

.contact-icon {
   color: #062b5c;
   font-size: 28px;
   min-width: 34px;
   text-align: center;
}

.contact-item h6 {
   color: #062b5c;
   font-size: 15px;
   font-weight: 700;
   margin: 0 0 4px;
}

.contact-item p {
   color: #222;
   font-size: 14px;
   line-height: 1.5;
   margin: 0;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

   .documents-content {
      padding: 0;
   }

   .admission-cta {
      flex-wrap: wrap;
   }

   .cta-content {
      width: calc(100% - 90px);
      flex: none;
   }

   .cta-buttons {
      width: 100%;
      justify-content: flex-end;
   }

   .contact-item {
      border-right: 0;
      border-bottom: 1px solid #d8dee6;
      padding: 15px 10px;
   }

   .contact-info .col-md-6:last-child .contact-item {
      border-bottom: 0;
   }

}


@media (max-width: 575px) {

   .important-note-box {
      padding: 20px;
   }

   .important-note-header h3 {
      font-size: 23px;
   }

   .admission-cta {
      padding: 20px;
      gap: 15px;
   }

   .cta-content {
      width: calc(100% - 77px);
   }

   .cta-content h3 {
      font-size: 17px;
   }

   .cta-buttons {
      flex-direction: column;
      width: 100%;
      gap: 12px;
   }

   .cta-buttons .btn {
      width: 100%;
   }

}

/* =========================================
   PROGRAMME OVERVIEW
========================================= */

.stcn-programme-overview {
   background: #fff;
}

.stcn-course-section-title {
   margin-bottom: 18px;
}

.stcn-course-section-title h2 {
   color: #062b5c;
   font-size: 30px;
   font-weight: 700;
   margin: 0;
}

.stcn-course-section-title span {
   display: block;
   width: 40px;
   height: 3px;
   background: #d8a900;
   margin-top: 8px;
}

.stcn-programme-overview p {
   color: #222;
   font-size: 14px;
   line-height: 1.65;
   margin-bottom: 12px;
}


/* =========================================
   PROGRAMME OBJECTIVES
========================================= */

.stcn-objectives-box {
   background: #f4f8fc;
   border-radius: 12px;
   padding: 25px 28px;
   min-height: 100%;
}

.stcn-objectives-heading {
   display: flex;
   align-items: center;
   gap: 18px;
   margin-bottom: 18px;
}

.stcn-objectives-icon {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: #062b5c;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 23px;
   flex-shrink: 0;
}

.stcn-objectives-heading h3 {
   color: #062b5c;
   font-size: 21px;
   font-weight: 700;
   margin: 0;
}

.stcn-objectives-heading span {
   display: block;
   width: 40px;
   height: 3px;
   background: #d8a900;
   margin-top: 7px;
}

.stcn-objectives-box ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.stcn-objectives-box li {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   color: #222;
   font-size: 14px;
   line-height: 1.5;
   margin-bottom: 10px;
}

.stcn-objectives-box li:last-child {
   margin-bottom: 0;
}

.stcn-objectives-box li i {
   color: #062b5c;
   font-size: 14px;
   margin-top: 3px;
   flex-shrink: 0;
}

/* =========================================
   CURRICULUM SECTION
========================================= */

.stcn-curriculum-section {
    padding: 35px 0 45px;
    border-top: 1px solid #e5e9ee;
}

.stcn-section-heading {
    margin-bottom: 18px;
}

.stcn-section-heading h2 {
    color: #062b5c;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}

.stcn-section-heading span {
    display: block;
    width: 40px;
    height: 3px;
    background: #d8a900;
    margin: 8px 0 7px;
}

.stcn-section-heading p {
    color: #555;
    font-size: 13px;
    margin: 0;
}


/* =========================================
   SEMESTER TABS
========================================= */

.semester-tabs {
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

.semester-tab {
    width: 100%;
    min-height: 43px;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;

    display: flex;
    align-items: center;
    justify-content: space-between;

    color: #062b5c;
    font-size: 13px;
    font-weight: 600;

    transition: all .25s ease;
}

.semester-tab:last-child {
    border-bottom: 0;
}

.semester-tab span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.semester-tab span i {
    font-size: 14px;
}

.semester-tab > i {
    font-size: 12px;
}

.semester-tab.active {
    background: #bd1f3b;
    color: #fff;
}

.semester-tab:hover {
    background: #bd1f3b;
    color: #fff;
}


/* =========================================
   CURRICULUM CONTENT
========================================= */

.curriculum-content {
    height: 100%;
    position: relative;
}

.semester-content {
    display: none;

    min-height: 225px;
    padding: 22px 25px;

    border: 1px solid #e7c7ce;
    border-radius: 7px;

    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #fff 70%,
            #fff8fa 100%
        );
}

.semester-content.active {
    display: block;
}

.semester-content h3 {
    color: #bd1f3b;
    font-size: 19px;
    margin: 0 0 15px;
}

.semester-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.semester-content li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;

    color: #222;
    font-size: 13px;
}

.semester-content li::before {
    content: "•";

    position: absolute;
    left: 0;

    color: #222;
    font-weight: bold;
}


/* =========================================
   CURRICULUM NOTE
========================================= */

.curriculum-note {
    display: flex;
    gap: 10px;
    align-items: flex-start;

    margin-top: 12px;
    padding: 12px 15px;

    border: 1px solid #b7c8df;
    border-radius: 7px;

    background: #f5f8fc;

    color: #173b69;
    font-size: 12px;
    line-height: 1.5;
}

.curriculum-note > i {
    font-size: 18px;
    margin-top: 1px;
    flex-shrink: 0;
}


/* =========================================
   CLINICAL TRAINING CARD
========================================= */

.clinical-training-card {
    overflow: hidden;

    border-radius: 9px;

    background: #062b5c;

    color: #fff;

    box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
}

.clinical-training-image {
    height: 145px;
    overflow: hidden;
}

.clinical-training-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}

.clinical-training-content {
    padding: 17px 20px 20px;
}

.clinical-heading {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.clinical-heading > i {
    font-size: 28px;
    margin-top: 2px;
}

.clinical-heading h3 {
    color: #fff;
    font-size: 17px;
    margin: 0 0 4px;
}

.clinical-heading p {
    color: #fff;
    font-size: 11px;
    line-height: 1.45;
    margin: 0;
}

.clinical-training-content ul {
    padding: 0;
    margin: 12px 0 0;

    list-style: none;
}

.clinical-training-content li {
    display: flex;
    align-items: center;
    gap: 8px;

    color: #fff;
    font-size: 11px;

    margin-bottom: 7px;
}

.clinical-training-content li i {
    font-size: 11px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .semester-tabs {
        margin-bottom: 10px;
    }

    .clinical-training-card {
        margin-top: 10px;
    }

}

@media (max-width: 575px) {

    .stcn-section-heading h2 {
        font-size: 25px;
    }

    .semester-content {
        min-height: auto;
    }

}

/* =========================================
   LEARNING FACILITIES
========================================= */

.stcn-learning-facilities {
    padding: 25px 0 35px;
}


/* =========================================
   CENTERED HEADING
========================================= */

.stcn-centered-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-bottom: 20px;
}

.stcn-centered-heading h2 {
    color: #062b5c;
    font-size: 25px;
    font-weight: 700;

    margin: 0;
    white-space: nowrap;
}

.heading-line {
    display: block;

    height: 1px;
    flex: 1;

    background: #dfe4ea;
}

.stcn-centered-heading h2::after {
    content: "";

    display: block;

    width: 38px;
    height: 3px;

    background: #d8a900;

    margin: 6px auto 0;
}


/* =========================================
   FACILITY CARD
========================================= */

.facility-card {
    min-height: 100px;

    padding: 15px 8px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    background: #fff;

    border: 1px solid #e7ebf0;
    border-radius: 7px;

    transition: all .25s ease;
}

.facility-card i {
    color: #062b5c;

    font-size: 27px;

    margin-bottom: 8px;
}

.facility-card h3 {
    color: #062b5c;

    font-size: 12px;
    line-height: 1.35;

    font-weight: 600;

    margin: 0;
}

.facility-card:hover {
    transform: translateY(-4px);

    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);

    border-color: #c8d5e5;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .facility-card {
        min-height: 110px;
    }

}

@media (max-width: 575px) {

    .stcn-centered-heading h2 {
        font-size: 21px;
    }

    .heading-line {
        display: none;
    }

    .facility-card {
        min-height: 100px;
    }

}

/* =========================================
   DEVELOPMENT SECTION
========================================= */

.stcn-development-section {
    padding: 25px 0 40px;
}


/* =========================================
   COMMON CARD
========================================= */

.development-card {
    height: 100%;

    padding: 20px 18px;

    border-radius: 9px;

    border: 1px solid #e8e8e8;

    background: #fff;
}

.development-card h2 {

    font-size: 20px;

    font-weight: 700;

    margin: 0 0 18px;
}


/* =========================================
   SKILLS CARD
========================================= */

.skills-card {
    background: linear-gradient(
        135deg,
        #f2faf6,
        #f9fcfa
    );
}

.skills-card h2 {
    color: #145b43;
}

.skills-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 8px;
}

.skill-item {
    display: flex;

    align-items: center;

    gap: 8px;

    min-height: 36px;

    padding: 7px 9px;

    border-radius: 5px;

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

    color: #17352b;

    font-size: 11px;

    line-height: 1.3;
}

.skill-item i {
    color: #18794e;

    font-size: 11px;

    flex-shrink: 0;
}


/* =========================================
   CAREER OPPORTUNITIES
========================================= */

.career-card {
    background: linear-gradient(
        135deg,
        #fffaf0,
        #fffdf8
    );
}

.career-card h2 {
    color: #bd6c00;
}

.career-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    row-gap: 20px;
}

.career-item {
    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    min-height: 62px;

    padding: 4px 5px;

    border-right: 1px solid #e6dfd1;
}

.career-item:nth-child(3n) {
    border-right: 0;
}

.career-item i {
    color: #062b5c;

    font-size: 22px;

    margin-bottom: 7px;
}

.career-item span {
    color: #222;

    font-size: 10px;

    line-height: 1.3;
}


/* =========================================
   HIGHER EDUCATION
========================================= */

.higher-education-card {
    background: linear-gradient(
        135deg,
        #fbf6ff,
        #fdfaff
    );
}

.higher-education-card h2 {
    color: #67438d;
}

.education-pathway {
    display: flex;

    flex-direction: column;

    align-items: flex-start;
}

.education-item {
    display: flex;

    align-items: center;

    gap: 12px;

    color: #222;

    font-size: 12px;

    font-weight: 600;
}

.education-icon {
    width: 30px;
    height: 30px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #062b5c;

    font-size: 20px;
}

.pathway-arrow {
    color: #062b5c;

    font-size: 18px;

    line-height: 1;

    margin: 3px 0 3px 10px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .development-card {
        min-height: auto;
    }

}

@media (max-width: 575px) {

    .skills-grid {
        grid-template-columns: 1fr;
    }

    .career-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .career-item:nth-child(3n) {
        border-right: 1px solid #e6dfd1;
    }

    .career-item:nth-child(2n) {
        border-right: 0;
    }

}

/* =========================================
   WHY STUDY AT STCN
========================================= */

.stcn-why-study-section {
    padding: 25px 0 40px;
}


/* =========================================
   CARD
========================================= */

.why-study-card {
    height: 100%;
    min-height: 145px;

    padding: 16px 10px;

    text-align: center;

    border: 1px solid #e6eaf0;
    border-radius: 7px;

    background: #fff;

    transition: all .25s ease;
}

.why-study-card i {
    color: #062b5c;

    font-size: 27px;

    margin-bottom: 9px;
}

.why-study-card h3 {
    color: #062b5c;

    font-size: 12px;
    line-height: 1.35;

    font-weight: 700;

    margin: 0 0 8px;
}

.why-study-card p {
    color: #555;

    font-size: 10px;
    line-height: 1.45;

    margin: 0;
}

.why-study-card:hover {
    transform: translateY(-4px);

    border-color: #b9c8da;

    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 575px) {

    .why-study-card {
        min-height: 155px;
    }

    .why-study-card h3 {
        font-size: 11px;
    }

    .why-study-card p {
        font-size: 10px;
    }

}
.founder-message-head{
  margin-top: 90px;
}

/* =========================================
   MESSAGE FROM THE FOUNDER
========================================= */

.stcn-founder-message {

    padding: 28px 0 38px;

    background: #fff;

}


/* =========================================
   IMAGE
========================================= */

.founder-message-image {

    height: 450px;

    overflow: hidden;

    border-radius: 10px;

}

.founder-message-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

}


/* =========================================
   SECTION TITLE
========================================= */

.stcn-founder-section-title {

    margin-bottom: 17px;

}

.stcn-founder-section-title h2 {

    color: #062b5c;

    font-size: 28px;

    font-weight: 700;

    margin: 0;

}

.stcn-founder-section-title span {

    display: block;

    width: 38px;

    height: 3px;

    background: #d8a900;

    margin-top: 8px;

}


/* =========================================
   MESSAGE CONTENT
========================================= */

.founder-message-content p {

    color: #222;

    font-size: 15px;

    line-height: 1.65;

    margin-bottom: 12px;

}


/* =========================================
   SIGNATURE
========================================= */

.founder-signature {

    margin-top: 8px;

    padding-left: 20px;

}

.signature-text {

    color: #222;

    font-family: "Brush Script MT",
                 "Segoe Script",
                 cursive;

    font-size: 31px;

    line-height: 1.1;

    margin-bottom: 7px;

}

.founder-signature strong {

    display: block;

    color: #222;

    font-size: 14px;

    margin-bottom: 3px;

}

.founder-signature span {

    display: block;

    color: #222;

    font-size: 14px;

    line-height: 1.45;

}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .founder-message-image {

        height: 380px;

    }

}


@media (max-width: 575px) {

    .founder-message-image {

        height: 330px;

    }

    .stcn-founder-section-title h2 {

        font-size: 25px;

    }

    .founder-message-content p {

        font-size: 14px;

    }

    .signature-text {

        font-size: 28px;

    }

}

/* =========================================
   HIS VISION
========================================= */

.stcn-his-vision {

    padding: 20px 0 38px;

}


/* =========================================
   VISION CARD
========================================= */

.vision-card {

    height: 100%;

    min-height: 190px;

    padding: 0 20px 20px;

    text-align: center;

    border: 1px solid #e3e8ee;

    border-radius: 8px;

    background: #fff;

    transition: all .25s ease;

}


/* =========================================
   ICON
========================================= */

.vision-icon {

    width: 56px;

    height: 56px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 12px;

    border-radius: 50%;

    transform: translateY(-1px);

}

.vision-icon i {

    color: #fff;

    font-size: 25px;

}


/* =========================================
   CARD HEADING
========================================= */

.vision-card h3 {

    font-size: 16px;

    font-weight: 700;

    margin: 0 0 10px;

}


/* =========================================
   CARD TEXT
========================================= */

.vision-card p {

    color: #222;

    font-size: 12px;

    line-height: 1.55;

    margin: 0;

}


/* =========================================
   BLUE
========================================= */

.vision-blue {

    border-color: #dce5ef;

}

.vision-blue .vision-icon {

    background: #062b5c;

}

.vision-blue h3 {

    color: #062b5c;

}


/* =========================================
   RED
========================================= */

.vision-red {

    border-color: #f0dce1;

}

.vision-red .vision-icon {

    background: #b5123c;

}

.vision-red h3 {

    color: #b5123c;

}


/* =========================================
   GREEN
========================================= */

.vision-green {

    border-color: #d8e8e2;

}

.vision-green .vision-icon {

    background: #08715d;

}

.vision-green h3 {

    color: #08715d;

}


/* =========================================
   ORANGE
========================================= */

.vision-orange {

    border-color: #f0dfc2;

}

.vision-orange .vision-icon {

    background: #e29a00;

}

.vision-orange h3 {

    color: #d18a00;

}


/* =========================================
   HOVER
========================================= */

.vision-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 7px 18px rgba(0, 0, 0, .08);

}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 575px) {

    .vision-card {

        min-height: auto;

        padding-bottom: 22px;

    }

}

/* =========================================
   LEGACY SECTION
========================================= */

.stcn-legacy-section {

    padding: 20px 0 32px;

}


/* =========================================
   TIMELINE
========================================= */

.legacy-timeline {

    position: relative;

}


/* Horizontal dotted line */

.legacy-line {

    position: absolute;

    top: 29px;

    left: 16.5%;

    right: 16.5%;

    border-top: 2px dashed #d99a00;

    z-index: 0;

}


/* =========================================
   LEGACY ITEM
========================================= */

.legacy-item {

    position: relative;

    z-index: 1;

    text-align: center;

    padding: 0 25px;

}


/* =========================================
   ICON
========================================= */

.legacy-icon {

    width: 56px;

    height: 56px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 10px;

    border-radius: 50%;

    border: 5px solid #fff;

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

}

.legacy-icon i {

    color: #fff;

    font-size: 23px;

}


/* Icon Colors */

.legacy-blue {

    background: #062b5c;

}

.legacy-red {

    background: #b5123c;

}

.legacy-orange {

    background: #e29a00;

}


/* =========================================
   YEAR
========================================= */

.legacy-item h3 {

    color: #062b5c;

    font-size: 21px;

    font-weight: 700;

    margin: 0 0 6px;

}


/* =========================================
   TITLE
========================================= */

.legacy-item h4 {

    color: #062b5c;

    font-size: 14px;

    font-weight: 700;

    margin: 0 0 8px;

}


/* =========================================
   DESCRIPTION
========================================= */

.legacy-item p {

    max-width: 250px;

    margin: 0 auto;

    color: #222;

    font-size: 14px;

    line-height: 1.5;

}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 767px) {

    .legacy-line {

        display: none;

    }

    .legacy-item {

        padding: 0 15px;

    }

}
/* =========================================
   FOUNDER QUOTE SECTION
========================================= */

.stcn-founder-quote-section {

    padding: 0 0 16px;

}


/* =========================================
   QUOTE BANNER
========================================= */

.founder-quote-banner {

    position: relative;

    min-height: 125px;

    display: flex;

    align-items: stretch;

    overflow: hidden;

    border-radius: 10px;

    background: #062b5c;

}


/* =========================================
   LEFT CONTENT
========================================= */

.founder-quote-content {

    position: relative;

    z-index: 2;

    width: 58%;

    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding: 23px 25px 20px 32px;

}

.quote-mark {

    color: #e4a000;

    font-size: 60px;

    line-height: .7;

    flex-shrink: 0;

}

.founder-quote-content p {

    color: #fff;

    font-size: 17px;

    line-height: 1.45;

    margin: 0 0 6px;

}

.founder-quote-content span {

    color: #e4a000;

    font-size: 15px;

    font-weight: 600;

}


/* =========================================
   RIGHT IMAGE
========================================= */

.founder-quote-image {

    position: absolute;

    top: 0;

    right: 0;

    width: 45%;

    height: 100%;

    overflow: hidden;

}


/* Diagonal overlay */

.founder-quote-image::before {

    content: "";

    position: absolute;

    z-index: 2;

    left: -75px;

    top: -10px;

    width: 130px;

    height: 150%;

    background: #062b5c;

    transform: skewX(-17deg);

}


.founder-quote-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .founder-quote-content {

        width: 65%;

    }

    .founder-quote-content p {

        font-size: 15px;

    }

}


@media (max-width: 767px) {

    .founder-quote-banner {

        min-height: auto;

        display: block;

    }

    .founder-quote-content {

        width: 100%;

        padding: 25px 20px;

    }

    .founder-quote-image {

        position: relative;

        width: 100%;

        height: 180px;

    }

    .founder-quote-image::before {

        display: none;

    }

    .founder-quote-content p {

        font-size: 15px;

    }

}

/* =========================================
   OUR COMMITMENT
========================================= */

.stcn-commitment-section {

    padding: 30px 0 40px;

    background: #fffaf0;

}


/* =========================================
   LEFT VISUAL
========================================= */

.commitment-visual {

    min-height: 230px;

    display: flex;

    align-items: center;

    justify-content: center;

}


/* Logo circle */

.commitment-logo-circle {

    width: 190px;

    height: 190px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border: 2px solid #d6a200;

    background: #fff;

    box-shadow:
        0 0 0 8px #fffaf0,
        0 0 0 10px #d6a200;

}


/* Logo text */

.commitment-logo-main {

    color: #062b5c;

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 3px;

    line-height: 1;

}

.commitment-logo-sub {

    color: #d18a00;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 5px;

    margin-top: 8px;

}


/* =========================================
   CONTENT
========================================= */

.commitment-content {

    padding-left: 20px;

}

.commitment-content p {

    color: #222;

    font-size: 14px;

    line-height: 1.65;

    margin-bottom: 12px;

}


/* =========================================
   HIGHLIGHT
========================================= */

.commitment-highlight {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin-top: 18px;

    padding: 12px 15px;

    border-left: 3px solid #d8a900;

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

}

.commitment-highlight i {

    color: #d8a900;

    font-size: 18px;

    margin-top: 2px;

}

.commitment-highlight span {

    color: #062b5c;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.5;

}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .commitment-content {

        padding-left: 0;

    }

}


@media (max-width: 575px) {

    .commitment-logo-circle {

        width: 160px;

        height: 160px;

    }

    .commitment-logo-main {

        font-size: 34px;

    }

}

/*=================================
President Message
=================================*/

.president-message-section{

    background:#fff;

    position:relative;

}

.president-profile-card{

    border-radius:18px;

    overflow:hidden;

    background:#fff;

    box-shadow:0 8px 30px rgba(0,0,0,.08);

}

.profile-image{

    overflow:hidden;

    border-radius:18px;

}

.profile-image img{

    transition:.4s;

}

.profile-image:hover img{

    transform:scale(1.05);

}

.profile-content{

    padding-top:25px;

}

.profile-content h5{

    color:#092C67;

    font-size:28px;

    margin-bottom:20px;

}

.signature{

    max-width:170px;

    margin-bottom:25px;

}

.profile-content h4{

    font-size:34px;

    color:#092C67;

    margin-bottom:6px;

}

.profile-content p{

    color:#555;

    font-size:17px;

}

.president-message-content h2{

    font-size:48px;

    color:#092C67;

    margin-bottom:10px;

}

.title-line{

    display:block;

    width:70px;

    height:4px;

    background:#C58A10;

    margin-bottom:35px;

}

.president-message-content p{

    font-size:17px;

    color:#444;

    line-height:1.95;

    margin-bottom:20px;

}

/*======================================
Our Commitment
======================================*/

.commitment-section{

    background:#fff;

}


.commitment-card{

    background:#fff;

    border:1px solid #ececec;

    border-radius:18px;

    padding:35px 25px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.commitment-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.commitment-icon{

    width:82px;

    height:82px;

    border-radius:50%;

    margin:auto;

    margin-bottom:25px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.commitment-icon i{

    font-size:30px;

    color:#fff;

}

.blue{

    background:#082C67;

}

.red{

    background:#B11430;

}

.green{

    background:#177B52;

}

.gold{

    background:#D59B1A;

}

.commitment-card h4{
    color:#0B2D68;
    margin-bottom:15px;


}

.commitment-card p{
    line-height:1.8;
    color:#555;
    margin:0;

}

/*====================================
OUR PROMISE
====================================*/

.our-promise-section{

    padding:25px 0 70px;

}

.our-promise-box{

    position:relative;

    overflow:hidden;

    background:#082C67;

    border-radius:18px;

    padding:35px 45px;

    color:#fff;

}

.promise-left{

    display:flex;

    align-items:center;

}

.promise-icon{

    width:85px;

    height:85px;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.18);

    display:flex;

    justify-content:center;

    align-items:center;

    margin-right:25px;

    flex-shrink:0;

}

.promise-icon i{

    font-size:42px;

    color:#D79B1D;

}

.promise-left h2{

    color:#D79B1D;

    margin:0;

    position:relative;

}

.promise-left h2:before{

    content:"";

    position:absolute;

    right:-35px;

    top:50%;

    width:2px;

    height:70px;

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

    transform:translateY(-50%);

}

.promise-content{

    padding-left:35px;

}

.promise-content p{

    line-height:1.9;

    margin:0;

    color:#fff;

    font-weight:400;

}

.promise-dots{

    position:absolute;

    right:30px;

    top:50%;

    transform:translateY(-50%);

    width:70px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:8px;

}

.promise-dots span{

    width:5px;

    height:5px;

    background:#D79B1D;

    border-radius:50%;

}

/*=================================
LEADING PURPOSE
=================================*/

.leading-purpose-box{

    background:#FFF9F2;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #eee;

}

.purpose-item{

    display:flex;

    align-items:flex-start;

    gap:22px;

    padding:20px 30px;

    height:100%;

}

.purpose-icon{

    width:82px;

    min-width:82px;

    height:82px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

}

.purpose-icon i{

    color:#fff;

    font-size:34px;

}

.blue-bg{

    background:#082C67;

}

.red-bg{

    background:#B41232;

}

.green-bg{

    background:#177A55;

}

.purpose-content h4{

    color:#082C67;

    line-height:1.35;

    margin-bottom:15px;

}

.purpose-content p{

    color:#555;

    line-height:1.8;

    margin:0;

}

.leading-purpose-box .border-start{

    border-left:1px solid #edd9b7 !important;

}

.leading-purpose-box .border-end{

    border-right:1px solid #edd9b7 !important;

}

/*==========================================
President CTA
==========================================*/

.president-cta-section{

    padding:70px 0 70px;

    background:#ffffff;

}

.president-cta{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    background:linear-gradient(135deg,#082C67 0%,#0E448E 100%);

    box-shadow:0 18px 50px rgba(0,0,0,.15);

}

/* decorative circle */

.president-cta:before{

    content:"";

    position:absolute;

    width:340px;

    height:340px;

    right:-130px;

    top:-130px;

    border-radius:50%;

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

}

.president-cta:after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    left:-100px;

    bottom:-120px;

    border-radius:50%;

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

}

.cta-image{

    height:100%;

}

.cta-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    min-height:310px;

}

.cta-content{

    position:relative;

    z-index:2;

    padding:40px 35px;

}

.small-title{

    display:inline-block;

    color:#D8A323;

    letter-spacing:2px;

    font-weight:700;

    margin-bottom:18px;

}

.cta-content h2{
    color:#fff;
    line-height:1.2;
    margin-bottom:22px;

}

.cta-content h2 span{

    color:#D8A323;

}

.cta-content p{

    color:rgba(255,255,255,.85);

    line-height:1.9;

    max-width:720px;

    margin-bottom:35px;

}

.cta-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.btn-apply{

    background:#B41E2A;

    color:#fff;

    padding:14px 36px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.btn-apply:hover{

    background:#961722;

    color:#fff;

}

.btn-brochure{

    border:2px solid rgba(255,255,255,.4);

    color:#fff;

    padding:14px 34px;

    border-radius:50px;

    transition:.35s;

}

.btn-brochure:hover{

    background:#fff;

    color:#082C67;

}

.social-icons{
    list-style:none;
    gap:14px;
}

.social-icons li{
    list-style:none;
}

.social-icons li a{
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:18px;
    transition:.35s ease;
    box-shadow:0 5px 15px rgba(0,0,0,.18);
}

.social-icons li a:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(0,0,0,.25);
}

/* Facebook */
.social-icons .facebook a{
    background:linear-gradient(135deg,#4d5bd4,#2e3192);
}

/* Instagram */
.social-icons .instagram a{
    background:linear-gradient(135deg,
        #feda75 0%,
        #fa7e1e 25%,
        #d62976 55%,
        #962fbf 75%,
        #4f5bd5 100%);
}

/* YouTube */
.social-icons .youtube a{
    background:linear-gradient(135deg,#ff3030,#cc0000);
}

/* WhatsApp */
.social-icons .whatsapp a{
    background:linear-gradient(135deg,#25D366,#128C7E);
}

/* LinkedIn */
.social-icons .linkedin a{
    background:linear-gradient(135deg,#39a9ff,#0069c0);
}



.feature-strip-section{
    margin-top:-45px;
    margin-bottom:-45px;
    position:relative;
}

.feature-strip{
    background:#fff;
    border-radius:14px;
    box-shadow:0 8px 35px rgba(0,0,0,.10);
    overflow:hidden;
}

.feature-box{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:30px 24px;
    height:100%;
    position:relative;
}

.feature-box::after{
    content:"";
    position:absolute;
    right:0;
    top:28px;
    width:1px;
    height:85px;
    background:#efd39c;
}

.row>.col-lg-2:last-child .feature-box::after{
    display:none;
}

.feature-icon{
    width:76px;
    height:76px;
    min-width:76px;
    border-radius:50%;
    border:2px solid #ececec;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}

.feature-icon img{
    width:38px;
}

.feature-content h4{
    font-size:20px;
    line-height:1.28;
    font-weight:700;
    color:#0d2956;
    margin-bottom:12px;
}

.feature-content span{
    display:block;
    width:42px;
    height:2px;
    background:#d59a2d;
    margin-bottom:14px;
}

.feature-content p{
    font-size:14px;
    color:#222;
    line-height:1.6;
    margin:0;
    text-align:left;
}

/* Responsive */

@media(max-width:1199px){

.feature-content h4{
font-size:18px;
}

.feature-content p{
font-size:14px;
}

.feature-icon{
width:66px;
height:66px;
min-width:66px;
}

}

@media(max-width:991px){

.feature-box{
padding:22px;
}

.feature-box::after{
display:none;
}

}

@media(max-width:576px){

.feature-box{
flex-direction:column;
text-align:center;
align-items:center;
}

.feature-content span{
margin:12px auto;
}

.feature-content h4{
font-size:17px;
}

}

.feature-icon{
    width:76px;
    height:76px;
    min-width:76px;
    border:2px solid #ececec;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}

.feature-icon i{
    font-size:34px;
    color:#d89b2b;
    transition:.3s;
}

.feature-box:hover .feature-icon{
    border-color:#d89b2b;
}

.feature-box:hover .feature-icon i{
    transform:scale(1.1);
}


.section-title-two{

    margin-bottom:50px;

}

.section-title-two h2{

    font-size:42px;

    color:#0B2D68;

    font-weight:700;

    margin-bottom:15px;

}

.section-title-two span{

    width:70px;

    height:4px;

    display:inline-block;

    background:#D59B1A;

    border-radius:30px;

}

/*=====================================
 CEO MESSAGE
======================================*/

.ceo-message-section{
    background:#fff;
    position:relative;
}

.ceo-image-box{
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.ceo-image-box img{
    width:100%;
    display:block;
}

.ceo-content{
    padding-left:10px;
}

.ceo-content .section-title{

    font-size:46px;
    font-weight:700;
    color:#132b67;
    margin-bottom:12px;

}

.ceo-content .title-line{

    width:70px;
    height:3px;
    background:#d59a18;
    margin-bottom:22px;

}

.ceo-content p{

    font-size:16px;
    color:#333;
    line-height:1.85;
    margin-bottom:18px;

}

.signature-box{

    margin-top:25px;

}

.signature{

    width:180px;
    margin-bottom:12px;

}

.signature-box h5{

    color:#132b67;
    font-size:26px;
    margin-bottom:3px;
    font-weight:700;

}

.signature-box span{

    color:#555;
    line-height:28px;
    font-size:15px;

}


/* Responsive */

@media(max-width:991px){

.ceo-content{

padding-left:0;
margin-top:30px;

}

.ceo-content .section-title{

font-size:34px;

}

}


@media(max-width:576px){

.ceo-content .section-title{

font-size:28px;

}

.ceo-content p{

font-size:15px;
line-height:30px;

}

.signature{

width:150px;

}

.signature-box h5{

font-size:22px;

}

}

.legacy-line-two {
    position: absolute;
    top: 29px;
    left: 11%;
    right: 11%;
    border-top: 2px dashed #d99a00;
    z-index: 0;
}

/*=========================
Strategic Priorities
=========================*/

.priority-section{

    background:#fff;
    padding:30px 0 70px;

}

.priority-title{
    color:#132b67;
    font-weight:700;
    margin-bottom:8px;

}

.priority-divider{

    position:relative;
    width:220px;
    height:22px;
    margin:auto auto 40px;

}

.priority-divider:before{

    content:'';
    position:absolute;
    width:100%;
    height:1px;
    background:#d8d8d8;
    left:0;
    top:50%;

}

.priority-divider span{

    width:55px;
    height:5px;
    background:#d49d18;
    border-radius:30px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

}


/* Card */

.priority-card{

    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:14px;
    padding:28px 18px;
    text-align:center;
    transition:.35s;
    height:100%;
    box-shadow:0 5px 20px rgba(0,0,0,.05);

}

.priority-card:hover{

    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(0,0,0,.12);

}

.priority-icon{

    font-size:34px;
    margin-bottom:20px;

}

.priority-icon.navyico{

    color:#133a82;

}

.priority-icon.maroonico{

    color:#a11734;

}

.priority-icon.greenico{

    color:#0d7b4a;

}

.priority-icon.goldico{

    color:#d39b16;

}

.priority-card h5{

    color:#132b67;
    font-weight:700;
    margin-bottom:15px;

}

.priority-card p{

    font-size:14px;
    color:#555;
    line-height:26px;
    margin:0;
    text-align: center;

}


/* Responsive */

@media(max-width:991px){

.priority-title{

font-size:34px;

}

}

@media(max-width:576px){

.priority-title{

font-size:28px;

}

.priority-card{

padding:25px 18px;

}

.priority-card h5{

font-size:19px;

}

}
/*==============================
Admission Help Section
==============================*/

.stcn-help-section{

    padding:70px 0;
    background:#fff;

}

.stcn-help-wrapper{

    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    overflow:hidden;

}

.stcn-help-left{

    display:flex;
    align-items:center;
    padding:30px;

}

.stcn-help-icon{

    width:70px;
    height:70px;
    border:2px solid #183b8d;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#183b8d;
    font-size:30px;
    margin-right:18px;

}

.stcn-help-content h2{

    font-size:25px;
    color:#132b67;
    font-weight:700;
    margin-bottom:6px;

}

.stcn-help-content p{

    margin:0;
    color:#555;
    font-size:15px;
    text-align: left;

}

.stcn-menu-box{

    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:28px 12px;
    border-left:1px solid #ececec;
    text-decoration:none;
    transition:.3s;

}

.stcn-menu-box:hover{

    background:#f7f8fc;

}

.stcn-menu-box i{

    font-size:32px;
    color:#173d90;
    margin-bottom:12px;

}

.stcn-menu-box span{

    font-size:14px;
    line-height:22px;
    color:#222;
    font-weight:500;

}

.stcn-help-btns{

    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:10px;

}

.stcn-btn-apply{

    background:#981b32;
    color:#fff;
    text-decoration:none;
    padding:14px 20px;
    border-radius:8px;
    text-align:center;
    font-weight:600;
    margin-bottom:12px;
    transition:.3s;

}

.stcn-btn-apply:hover{

    background:#7f1328;
    color:#fff;

}

.stcn-btn-download{

    border:2px solid #183b8d;
    color:#183b8d;
    text-decoration:none;
    padding:13px 20px;
    border-radius:8px;
    text-align:center;
    font-weight:600;
    transition:.3s;

}

.stcn-btn-download:hover{

    background:#183b8d;
    color:#fff;

}

.stcn-btn-apply i,
.stcn-btn-download i{

    margin-left:10px;

}

.stcn-help-wrapper hr{

    margin:0;
    border-color:#ececec;

}

/* Social */

.stcn-social-title{

    margin-top:35px;
    color:#132b67;
    font-size:42px;
    font-weight:700;

}

.stcn-social-text{

    color:#555;
    margin:15px 0 30px;
    text-align: center;

}

.stcn-social-icons{

    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:30px;
    padding-bottom:35px;

}

.stcn-social-icons a{

    text-decoration:none;
    color:#222;
    display:flex;
    align-items:center;
    font-weight:500;

}

.stcn-social-icons i{

    width:46px;
    height:46px;
    border-radius:50%;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:10px;
    font-size:18px;

}

.stcn-social-icons a:nth-child(1) i{

    background:#1877f2;

}

.stcn-social-icons a:nth-child(2) i{

    background:#e1306c;

}

.stcn-social-icons a:nth-child(3) i{

    background:#ff0000;

}

.stcn-social-icons a:nth-child(4) i{

    background:#25d366;

}

.stcn-social-icons a:nth-child(5) i{

    background:#0a66c2;

}

/* Responsive */

@media(max-width:991px){

.stcn-help-left{

justify-content:center;
text-align:center;
flex-direction:column;

}

.stcn-help-icon{

margin-right:0;
margin-bottom:20px;

}

.stcn-menu-box{

border-top:1px solid #ececec;
border-left:0;

}

.stcn-help-btns{

padding:20px;

}

}

@media(max-width:576px){

.stcn-help-content h2{

font-size:28px;

}

.stcn-social-title{

font-size:30px;

}

.stcn-social-icons{

justify-content:flex-start;
gap:15px;

}

.stcn-social-icons a{

width:100%;

}

}

/*=============================
FAQ SECTION
==============================*/

.stcn-faq-section{

    padding:70px 0;
    background:#fff;

}

.stcn-faq-card{

    border:1px solid #e8e8e8;
    border-radius:16px;
    padding:28px;
    background:#fff;
    height:100%;
    box-shadow:0 5px 20px rgba(0,0,0,.04);

}

.stcn-faq-head{

    display:flex;
    align-items:center;
    margin-bottom:18px;

}

.stcn-faq-icon{

    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:28px;
    margin-right:18px;

}

.stcn-red{

    background:#941735;

}

.stcn-blue{

    background:#173d8d;

}

.stcn-gold{

    background:#d49815;

}

.stcn-green{

    background:#11794c;

}

.stcn-purple{

    background:#7d43b6;

}

.stcn-faq-head h3{

    margin:0;
    color:#941735;
    font-size:25px;
    font-weight:700;

}

.stcn-faq-head span{

    display:block;
    width:45px;
    height:3px;
    background:#941735;
    margin-top:12px;

}

.stcn-faq-desc{

    color:#444;
    line-height:28px;
    font-size:15px;
    min-height:75px;

}

/* Accordion */

.stcn-accordion .accordion-item{

    border:1px solid #ececec;
    margin-bottom:10px;
    border-radius:8px;
    overflow:hidden;

}

.stcn-accordion .accordion-button{

    background:#fff;
    box-shadow:none;
    font-size:15px;
    padding:16px 18px;
    font-weight:500;

}

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

    background:#fff;
    color:#941735;

}

.stcn-accordion .accordion-body{

    font-size:14px;
    line-height:26px;
    color:#555;

}

.stcn-view-all{

    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:18px;
    color:#941735;
    text-decoration:none;
    font-weight:600;
    font-size:18px;

}

.stcn-view-all:hover{

    color:#941735;

}

/* Responsive */

@media(max-width:991px){

.stcn-faq-card{

margin-bottom:15px;

}

}

@media(max-width:576px){

.stcn-faq-card{

padding:20px;

}

.stcn-faq-head h3{

font-size:26px;

}

.stcn-faq-icon{

width:60px;
height:60px;
font-size:22px;

}

}
/*=========================================
GRIEVANCE PROCESS
=========================================*/

.stcn-gr-process-section{

    background:#ffffff;
    padding:60px 0;

}

.stcn-gr-process-box{

    background:#fff;
    border:1px solid #ececec;
    border-radius:22px;
    padding:45px 40px;
    box-shadow:0 12px 30px rgba(0,0,0,.05);

}

.stcn-gr-title{
    color:#132b67;
    font-weight:700;
    margin-bottom:8px;

}

.stcn-gr-divider{

    position:relative;
    width:180px;
    height:22px;
    margin:auto;

}

.stcn-gr-divider:before{

    content:'';
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    height:1px;
    background:#d9d9d9;

}

.stcn-gr-divider span{

    width:55px;
    height:4px;
    background:#d79a18;
    border-radius:20px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

}

/* Timeline */

.stcn-process-line{

    position:absolute;
    left:12%;
    right:12%;
    top:45px;
    border-top:2px solid #d7d7d7;
    z-index:1;

}

.stcn-process-item{

    position:relative;
    text-align:center;
    z-index:2;
    padding:0 18px;

}

.stcn-process-item::after{

    content:"\f061";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;
    top:24px;
    right:-12px;
    color:#23325b;
    font-size:28px;

}

.col-lg-3:last-child .stcn-process-item::after{

    display:none;

}

/* Icon */

.stcn-process-icon {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
}

.stcn-blue{

    background:#163d8d;

}

.stcn-maroon{

    background:#981932;

}

.stcn-green{

    background:#0d7b4c;

}

.stcn-purple{

    background:#6d39a8;

}

/* Text */

.stcn-process-item h5{

    margin-top:25px;
    font-size:22px;
    font-weight:700;
    color:#981932;

}

.stcn-process-item h4{

    color:#222;
    margin:10px 0 15px;

}

.stcn-process-item p{

    font-size:14px;
    color:#555;
    line-height:30px;
    margin:0;

}

/* Responsive */

@media(max-width:991px){

.stcn-process-item::after{

display:none;

}

.stcn-gr-process-box{

padding:35px 25px;

}


}

@media(max-width:576px){


.stcn-process-item{

padding:0;

}


}

/*=========================================
GUIDING PRINCIPLES
=========================================*/

.stcn-principles-section{

    background:#fff;
    padding-bottom:60px;

}

.stcn-principles-wrapper{

    background:#fff;
    border:1px solid #ececec;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.stcn-principles-title{
    color:#132b67;
    font-weight:700;
    margin-top:35px;
    margin-bottom:10px;

}

.stcn-principles-divider{

    width:170px;
    height:22px;
    margin:auto;
    position:relative;

}

.stcn-principles-divider:before{

    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:1px;
    background:#ddd;

}

.stcn-principles-divider span{

    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:52px;
    height:4px;
    border-radius:20px;
    background:#d59d17;

}

.stcn-principle-item{

    padding:30px 20px;
    text-align:center;
    border-right:1px solid #ececec;
    height:100%;
    transition:.35s;
    font-size: 35px;

}

.stcn-last-item{

    border-right:none;

}

.stcn-principle-item:hover{

    background:#fafafa;

}

.stcn-principle-icon{
    margin-bottom:20px;

}

.stcn-blue-icon{

    color:#163d8d;

}

.stcn-red-icon{

    color:#9a1733;

}

.stcn-green-icon{

    color:#0d7b4c;

}

.stcn-purple-icon{

    color:#6b3fa8;

}

.stcn-principle-item h4{
    color:#132b67;
    font-weight:700;
    margin-bottom:15px;

}

.stcn-principle-item p{

    color:#444;
    line-height:30px;
    margin:0;

}

/* Responsive */

@media(max-width:991px){

.stcn-principle-item{

border-right:none;
border-bottom:1px solid #ececec;

}

.stcn-last-item{

border-bottom:none;

}


}

@media(max-width:576px){


.stcn-principle-item{

padding:30px 20px;

}

}

/*===============================
GRIEVANCE FORM
===============================*/

.stcn-gr-form-card{

    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:18px;
    padding:35px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.stcn-form-title{

    font-size:42px;
    color:#132b67;
    font-weight:700;
    margin-bottom:10px;

}

.stcn-form-line{

    width:60px;
    height:3px;
    background:#d69d18;
    display:block;
    margin-bottom:18px;

}

.stcn-form-text{

    color:#555;
    line-height:30px;
    margin-bottom:30px;

}

.stcn-input-group{

    position:relative;

}

.stcn-input-group i{

    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    color:#143d8d;
    font-size:16px;
    z-index:2;

}

.stcn-input-group input,
.stcn-input-group select{

    height:52px;
    padding-left:48px;
    border-radius:8px;
    border:1px solid #ddd;

}

.stcn-textarea i{

    top:20px;
    transform:none;

}

.stcn-textarea textarea{

    padding-left:48px;
    border-radius:8px;
    border:1px solid #ddd;
    resize:none;

}

.stcn-upload{

    display:flex;
    align-items:center;
    gap:10px;
    font-weight:500;
    cursor:pointer;

}

.stcn-upload input{

    display:none;

}

.stcn-upload i{

    color:#143d8d;

}

.stcn-submit-btn{

    width:100%;
    border:none;
    background:#971730;
    color:#fff;
    padding:16px;
    border-radius:8px;
    font-size:18px;
    font-weight:600;
    transition:.3s;

}

.stcn-submit-btn:hover{

    background:#7d1227;

}

.stcn-submit-btn i{

    margin-right:10px;

}

@media(max-width:576px){

.stcn-gr-form-card{

padding:22px;

}

.stcn-form-title{

font-size:30px;

}

}
/*=============================
RIGHT PANEL
=============================*/

.stcn-info-card{

    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:18px;
    padding:35px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    margin-bottom:30px;

}

.stcn-info-title{

    font-size:40px;
    color:#132b67;
    font-weight:700;
    margin-bottom:10px;

}

.stcn-info-line{

    display:block;
    width:60px;
    height:3px;
    background:#d79a18;
    margin-bottom:20px;

}

.stcn-info-desc{

    color:#555;
    line-height:30px;
    margin-bottom:25px;

}

.stcn-info-list{

    margin:0;
    padding:0;
    list-style:none;

}

.stcn-info-list li{

    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:18px;
    line-height:28px;
    color:#444;

}

.stcn-info-list i{

    color:#11814d;
    margin-top:5px;
    font-size:18px;

}

/* Help Card */

.stcn-help-card{

    background:#971730;
    color:#fff;
    border-radius:18px;
    padding:35px;

}

.stcn-help-icon-box{

    width:75px;
    height:75px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;

}

.stcn-help-card h3{

    font-size:34px;
    margin-bottom:15px;

}

.stcn-help-card p{

    line-height:30px;
    opacity:.95;
    margin-bottom:30px;
    color: #ffffff;

}

.stcn-contact-item{

    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:22px;

}

.stcn-contact-item i{

    width:45px;
    height:45px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;

}

.stcn-contact-item strong{

    display:block;
    margin-bottom:3px;
    font-size:16px;

}

.stcn-contact-item span{

    font-size:15px;
    opacity:.9;

}

/* Responsive */

@media(max-width:991px){

.stcn-info-card,
.stcn-help-card{

margin-top:30px;

}

}

@media(max-width:576px){

.stcn-info-card,
.stcn-help-card{

padding:22px;

}

.stcn-info-title{

font-size:30px;

}

.stcn-help-card h3{

font-size:28px;

}

}

/*==========================
ANTI RAGGING TOP
===========================*/

.stcn-ragging-info{

    background:#fff;
    padding:60px 0;

}

.stcn-rag-card{

    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:35px;
    height:100%;
    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.stcn-rag-icon{

    width:90px;
    height:90px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    color:#fff;

}

.stcn-rag-icon.red{

    background:#991830;

}

.stcn-rag-icon.blue{

    background:#153d8d;

}

.stcn-rag-heading{
    color:#153d8d;
    font-size:30px;
    font-weight:700;
    margin-bottom:8px;

}

.red-text{

    color:#991830;

}

.stcn-rag-card h5{

    color:#153d8d;
    font-size:22px;
    margin-bottom:15px;
    font-weight:600;

}

.stcn-rag-card p{

    color:#444;
    line-height:30px;
    margin-bottom:16px;

}

.stcn-rag-list{

    list-style:none;
    padding:0;
    margin:0;

}

.stcn-rag-list li{
    margin-bottom:14px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    font-size: 14px;
}

.stcn-rag-list .fa-circle-check{

    color:#991830;

}

.stcn-rag-list .fa-circle-xmark{

    color:#c81b2b;

}

@media(max-width:991px){

.stcn-rag-card{

margin-bottom:20px;

}

.stcn-rag-heading{

font-size:30px;

}

}

@media(max-width:576px){

.stcn-rag-card{

padding:22px;

}

.stcn-rag-heading{

font-size:26px;

}

.stcn-rag-icon{

width:70px;
height:70px;
font-size:30px;

}

}

/*=====================================
ANTI RAGGING INITIATIVES
======================================*/

.stcn-ar-initiative-section{

    background:#fff;
    padding:60px 0;

}

.stcn-ar-title{

    font-size:46px;
    color:#132b67;
    font-weight:700;
    margin-bottom:10px;

}

.stcn-ar-divider{

    width:180px;
    height:22px;
    position:relative;
    margin:auto;

}

.stcn-ar-divider:before{

    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:1px;
    background:#ddd;

}

.stcn-ar-divider span{

    width:55px;
    height:4px;
    background:#d59a18;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:20px;

}

/* Card */

.stcn-ar-card{

    background:#fff;
    border:1px solid #ececec;
    border-radius:16px;
    padding:30px 20px;
    text-align:center;
    height:100%;
    transition:.35s;
    box-shadow:0 5px 18px rgba(0,0,0,.05);

}

.stcn-ar-card:hover{

    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(0,0,0,.10);

}

.stcn-ar-icon{

    width:72px;
    height:72px;
    margin:auto;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    margin-bottom:20px;

}

.stcn-ar-icon.blue{

    background:#143d8d;

}

.stcn-ar-icon.red{

    background:#991830;

}

.stcn-ar-icon.green{

    background:#11784c;

}

.stcn-ar-icon.orange{

    background:#dc9114;

}

.stcn-ar-icon.purple{

    background:#7441b0;

}

.stcn-ar-icon.cyan{

    background:#177ea4;

}

.stcn-ar-card h4{

    font-size:17px;
    color:#132b67;
    font-weight:700;
    margin-bottom:15px;
    line-height:32px;

}

.stcn-ar-card p{

    font-size:14px;
    line-height:28px;
    color:#555;
    margin:0;
    text-align: center;

}

/* Responsive */

@media(max-width:991px){

.stcn-ar-title{

font-size:36px;

}

}

@media(max-width:576px){

.stcn-ar-title{

font-size:30px;

}

.stcn-ar-card{

padding:25px 18px;

}

.stcn-ar-card h4{

font-size:20px;

}

.stcn-ar-icon{

width:65px;
height:65px;
font-size:24px;

}

}

/*==========================
REPORT FORM
===========================*/

.stcn-rag-report-card{

background:#fff;
border:1px solid #ececec;
border-radius:18px;
padding:35px;
box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.stcn-report-icon{

width:80px;
height:80px;
border-radius:50%;
background:#fff2f2;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
color:#a2172f;
flex-shrink:0;

}

.stcn-report-title{
font-size:36px;
font-weight:700;
color:#a2172f;
margin-bottom:5px;

}

.stcn-rag-report-card h6{

color:#143d8d;
font-size:18px;
margin-bottom:12px;

}

.stcn-rag-report-card p{

color:#555;
line-height:28px;

}

.stcn-input{

height:50px;
border-radius:8px;
border:1px solid #ddd;

}

textarea.stcn-input{

height:auto;
resize:none;

}

.stcn-upload-btn{

display:flex;
align-items:center;
gap:10px;
font-weight:600;
cursor:pointer;

}

.stcn-upload-btn input{

display:none;

}

.stcn-upload-btn i{

color:#143d8d;

}

.stcn-rag-submit{

width:100%;
padding:15px;
border:none;
border-radius:8px;
background:#9a1832;
color:#fff;
font-size:18px;
font-weight:600;
transition:.3s;

}

.stcn-rag-submit:hover{

background:#7f1228;

}

.stcn-rag-submit i{

margin-right:8px;

}

@media(max-width:767px){

.stcn-rag-report-card{

padding:25px;

}

.stcn-report-title{

font-size:28px;

}

}
/*=====================================
RIGHT PANEL
======================================*/

.stcn-disciplinary-card,
.stcn-important-card{

    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:35px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    margin-bottom:30px;

}

.stcn-right-heading{

    display:flex;
    align-items:center;
    margin-bottom:25px;

}

.stcn-right-icon{

    width:70px;
    height:70px;
    border-radius:50%;
    background:#9b1732;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    margin-right:18px;

}

.blue-bg{

    background:#153d8d;

}

.stcn-right-heading h2{

    margin:0;
    color:#132b67;
    font-size:34px;
    font-weight:700;

}

.stcn-right-heading span{

    display:block;
    width:55px;
    height:3px;
    background:#d79c17;
    margin-top:10px;

}

.stcn-right-text{

    color:#555;
    line-height:30px;
    margin-bottom:25px;

}

/* Action List */

.stcn-action-item{

    display:flex;
    margin-bottom:22px;

}

.stcn-action-item i{

    color:#0e7b4d;
    font-size:20px;
    margin-right:15px;
    margin-top:6px;

}

.stcn-action-item h5{

    margin-bottom:5px;
    font-size:22px;
    color:#132b67;

}

.stcn-action-item p{

    margin:0;
    color:#555;
    line-height:28px;

}

/* Important */

.stcn-important-list{

    list-style:none;
    padding:0;
    margin:0;

}

.stcn-important-list li{

    display:flex;
    align-items:flex-start;
    margin-bottom:18px;
    color:#444;
    line-height:28px;

}

.stcn-important-list i{

    color:#153d8d;
    margin-right:12px;
    margin-top:5px;

}

/* Responsive */

@media(max-width:991px){

.stcn-disciplinary-card,
.stcn-important-card{

margin-top:20px;

}

}

@media(max-width:576px){

.stcn-disciplinary-card,
.stcn-important-card{

padding:22px;

}

.stcn-right-heading h2{

font-size:28px;

}

.stcn-right-icon{

width:60px;
height:60px;
font-size:24px;

}

.stcn-action-item h5{

font-size:20px;

}

}

/*==================================
DOWNLOAD LINKS
===================================*/

.stcn-links-section{

background:#fff;
padding:70px 0;

}

.stcn-links-title{

font-size:40px;
font-weight:700;
color:#132b67;
margin-bottom:10px;

}

.stcn-links-divider{

width:180px;
height:22px;
margin:auto;
position:relative;

}

.stcn-links-divider:before{

content:"";
position:absolute;
left:0;
top:50%;
width:100%;
height:1px;
background:#ddd;

}

.stcn-links-divider span{

position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:55px;
height:4px;
background:#d69c18;
border-radius:20px;

}

.stcn-links-desc{

max-width:720px;
margin:20px auto 0;
color:#666;
line-height:30px;

}

/* Card */

.stcn-download-card{

display:flex;
align-items:center;
padding:22px;
border:1px solid #ececec;
border-radius:16px;
background:#fff;
height:100%;
transition:.3s;
box-shadow:0 6px 18px rgba(0,0,0,.04);

}

.stcn-download-card:hover{

transform:translateY(-6px);
box-shadow:0 15px 30px rgba(0,0,0,.08);

}

.stcn-file-icon{

width:65px;
height:65px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:28px;
flex-shrink:0;

}

.pdf{background:#d62828;}
.blue{background:#143d8d;}
.green{background:#0f7c4d;}
.orange{background:#d89416;}
.purple{background:#7b43b7;}

.stcn-download-content{

padding:0 18px;
flex:1;

}

.stcn-download-content h4{

font-size:22px;
color:#132b67;
margin-bottom:8px;

}

.stcn-download-content p{

margin:0;
font-size:15px;
line-height:26px;
color:#555;

}

.stcn-download-btn{

width:46px;
height:46px;
border-radius:50%;
background:#991830;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
transition:.3s;

}

.stcn-download-btn:hover{

background:#143d8d;
color:#fff;

}

@media(max-width:576px){

.stcn-links-title{

font-size:30px;

}

.stcn-download-card{

padding:18px;

}

.stcn-download-content h4{

font-size:19px;

}

}

/*==================================================
Campus Highlights
==================================================*/

.stcn-campus-highlights{

    position:relative;
    margin-top:-40px;
    z-index:20;

}

.stcn-highlight-wrapper{

    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.12);

}

.stcn-highlight-card{

    text-align:center;
    padding:20px 20px;
    border-right:1px solid #ececec;
    transition:.35s;
    height:100%;
    background:#fff;

}

.stcn-highlight-card:last-child{

    border-right:none;

}

.stcn-highlight-card:hover{

    background:#fbfbfb;
    transform:translateY(-8px);

}

.stcn-highlight-icon{

    width:75px;
    height:75px;
    margin:auto;
    margin-bottom:10px;
    border-radius:50%;
    background:#eef3ff;
    display:flex;
    justify-content:center;
    align-items:center;

}

.stcn-highlight-icon i{

    font-size:32px;
    color:#132b67;

}

.stcn-highlight-card h2{
    font-weight:700;
    color:#111;
    margin-bottom:0;

}

.stcn-highlight-card h4 {
    line-height: 30px;
    color: #132b67;
    margin: 10px 0;
    font-size: large;
}

.stcn-highlight-card p{
    text-align: center;
    color:#666;
    line-height:25px;
    margin:0;

}

/* Tablet */

@media(max-width:991px){

.stcn-campus-highlights{

margin-top:40px;

}

.stcn-highlight-card{

border-right:none;
border-bottom:1px solid #eee;

}

}

/* Mobile */

@media(max-width:576px){

.stcn-highlight-card{

padding:28px 15px;

}

.stcn-highlight-card h4{

font-size:22px;
line-height:30px;

}

.stcn-highlight-card p{

font-size:14px;

}

.stcn-highlight-icon{

width:60px;
height:60px;

}

.stcn-highlight-icon i{

font-size:24px;

}

}

/*=========================================
Campus About
==========================================*/

.stcn-campus-about{

    background:#fff;
    padding:70px 0;

}

.stcn-campus-content{

    padding-right:35px;

}

.stcn-small-title{

    display:inline-block;
    font-size:13px;
    font-weight:700;
    color:#d79a18;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:12px;

}

.stcn-campus-content h2{
    line-height:40px;
    color:#132b67;
    font-weight:700;
    margin-bottom:25px;

}

.stcn-campus-content p{

    color:#555;
    line-height:31px;
    margin-bottom:20px;

}

.stcn-campus-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 34px;
    background:#132b67;
    color:#fff;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;

}

.stcn-campus-btn:hover{

    background:#9b1832;
    color:#fff;

}

/* Image */

.stcn-campus-image{

    position:relative;
    overflow:visible;
    border-radius:16px;

}

.stcn-campus-image img{

    width:100%;
    display:block;
    border-radius:16px;

}

/* Left White Gradient */

.stcn-campus-image::before{

    content:"";
    position:absolute;
    left:0;
    top:0;
    width:75px;
    height:100%;
    background:linear-gradient(to right,
        rgba(255,255,255,1),
        rgba(255,255,255,.75),
        rgba(255,255,255,0));
}

/* Responsive */

@media(max-width:991px){

.stcn-campus-content{

padding-right:0;
margin-bottom:40px;

}

.stcn-campus-content h2{
line-height:52px;

}

}

@media(max-width:576px){

.stcn-campus-content h2{
line-height:42px;

}

.stcn-campus-btn{

width:100%;

}

.stcn-campus-image::before{

display:none;

}

}

/*=========================================
Academic Infrastructure
==========================================*/

.stcn-academic-infra{

    padding:80px 0;
    background:#fff;

}

/* Heading */

.stcn-section-title{
    font-weight:700;
    color:#132b67;
    margin-bottom:10px;

}

.stcn-title-divider{

    width:170px;
    height:20px;
    margin:auto;
    position:relative;

}

.stcn-title-divider:before{

    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:1px;
    background:#ddd;

}

.stcn-title-divider span{

    width:55px;
    height:4px;
    background:#d79b18;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:20px;

}

/* Card */

.stcn-infra-card{

    background:#fff;
    border-radius:14px;
    overflow:hidden;
    border:1px solid #ececec;
    transition:.35s;
    height:100%;
    box-shadow:0 5px 18px rgba(0,0,0,.04);

}

.stcn-infra-card:hover{

    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.stcn-infra-img{

    overflow:hidden;

}

.stcn-infra-img img{

    width:100%;
    height:170px;
    object-fit:cover;
    transition:.5s;

}

.stcn-infra-card:hover img{

    transform:scale(1.08);

}

.stcn-infra-body{

    padding:20px;

}

.stcn-infra-body h4{

    color:#132b67;
    font-weight:700;
    margin-bottom:10px;
    line-height:30px;

}

.stcn-infra-body p{

    color:#666;
    line-height:26px;
    margin:0;

}

/* Responsive */

@media(max-width:576px){

.stcn-infra-img img{

height:140px;

}

.stcn-infra-body{

padding:15px;

}

.stcn-infra-body h4{

line-height:24px;

}

.stcn-infra-body p{

font-size:12px;

}

}

/*=========================================
Hands-On Patient Care
==========================================*/

.stcn-patient-care{

    background:#fff;
    padding:80px 0;

}

/* Left */

.stcn-care-content{

    padding-right:30px;

}

.stcn-care-subtitle{

    display:inline-block;
    font-size:13px;
    color:#d69b18;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:15px;
    text-transform:uppercase;

}

.stcn-care-content h2{
    line-height:40px;
    color:#132b67;
    font-weight:700;
    margin-bottom:20px;

}

.stcn-care-content p{

    color:#666;
    line-height:31px;
    margin-bottom:30px;

}

/* List */

.stcn-care-list{

    margin:0;
    padding:0;
    list-style:none;

}

.stcn-care-list li{

    display:flex;
    align-items:center;
    margin-bottom:18px;
    color:#222;

}

.stcn-care-list li i{

    color:#132b67;
    margin-right:12px;
    font-size:18px;

}

/* Image */

.stcn-care-image{

    position:relative;
    border-radius:18px;
    overflow:hidden;

}

.stcn-care-image img{

    width:100%;
    border-radius:18px;
    display:block;

}

/* White Gradient */

.stcn-care-image:before{

    content:'';
    position:absolute;
    left:0;
    top:0;
    width:180px;
    height:100%;
    background:linear-gradient(to right,
        rgba(255,255,255,1),
        rgba(255,255,255,.75),
        rgba(255,255,255,0));

    z-index:2;

}

/* Hover */

.stcn-care-image img{

    transition:.5s;

}

.stcn-care-image:hover img{

    transform:scale(1.05);

}

/* Responsive */

@media(max-width:991px){

.stcn-care-content{

padding-right:0;
margin-bottom:40px;

}

.stcn-care-content h2{
line-height:48px;

}

}

@media(max-width:576px){

.stcn-care-content h2{
line-height:40px;

}

.stcn-care-content p,
.stcn-care-list li{

font-size:15px;

}

.stcn-care-image:before{

display:none;

}

}

/*==================================
HOSTEL & SPORTS
===================================*/

.stcn-campus-life{

padding:80px 0;
background:#fff;

}

.stcn-life-card{

background:#fff;
border:1px solid #ececec;
border-radius:18px;
overflow:hidden;
height:100%;
box-shadow:0 8px 25px rgba(0,0,0,.05);
transition:.3s;

}

.stcn-life-card:hover{

transform:translateY(-8px);

}

.stcn-life-image{

overflow:hidden;

}

.stcn-life-image img{

width:100%;
height:280px;
object-fit:cover;
transition:.5s;

}

.stcn-life-card:hover img{

transform:scale(1.06);

}

.stcn-life-content{

padding:35px;

}

.stcn-life-content span{

font-size:13px;
letter-spacing:1px;
font-weight:700;
color:#d69c18;
display:block;
margin-bottom:12px;

}

.stcn-life-content h2{
color:#132b67;
margin-bottom:18px;

}

.stcn-life-content p{

color:#666;
line-height:30px;
margin-bottom:25px;

}

/* List */

.stcn-life-list{

list-style:none;
padding:0;
margin:0;

}

.stcn-life-list li{

margin-bottom:16px;
display:flex;
align-items:center;

}

.stcn-life-list i{

width:28px;
height:28px;
background:#132b67;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:12px;
margin-right:12px;

}

/* Sports */

.stcn-sport-box{

border:1px solid #ececec;
border-radius:12px;
padding:20px;
text-align:center;
transition:.3s;
height:100%;

}

.stcn-sport-box:hover{

background:#132b67;
color:#fff;

}

.stcn-sport-box i{

font-size:34px;
margin-bottom:12px;
color:#132b67;

}

.stcn-sport-box:hover i{

color:#fff;

}

.stcn-sport-box h6{

margin:0;
font-size:16px;
font-weight:600;

}

/* Responsive */

@media(max-width:991px){

.stcn-life-content h2{
line-height:42px;

}

}

@media(max-width:576px){

.stcn-life-image img{

height:220px;

}

.stcn-life-content{

padding:22px;

}

.stcn-life-content h2{
line-height:36px;

}

}

/*==================================
GREEN CAMPUS
==================================*/

.stcn-green-campus{

padding:70px 0;
background:#fff;

}

/* Left */

.stcn-green-card{

background:#fff;
border:1px solid #ececec;
border-radius:18px;
overflow:hidden;
height:100%;
box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.stcn-green-img img{

width:100%;
height:260px;
object-fit:cover;

}

.stcn-green-content{

padding:35px;

}

.stcn-green-content span{

font-size:13px;
font-weight:700;
color:#d79b18;
letter-spacing:1px;

}

.stcn-green-content h2{
color:#132b67;
margin:15px 0;

}

.stcn-green-content p{

line-height:30px;
color:#666;

}

.stcn-green-content ul{

padding:0;
margin:25px 0 0;
list-style:none;

}

.stcn-green-content li{

margin-bottom:15px;

}

.stcn-green-content i{

color:#0b8b4a;
margin-right:10px;

}

/* Right */

.stcn-amenity-card{

background:#fff;
border:1px solid #ececec;
border-radius:18px;
padding:35px;
height:100%;
box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.stcn-amenity-head span{

font-size:13px;
font-weight:700;
color:#d79b18;

}

.stcn-amenity-head h2{
color:#132b67;
margin:12px 0 35px;

}

.stcn-amenity-box{

border:1px solid #ececec;
border-radius:12px;
padding:25px 15px;
text-align:center;
transition:.3s;
height:100%;

}

.stcn-amenity-box:hover{

background:#132b67;
color:#fff;

}

.stcn-amenity-box i{

font-size:34px;
color:#132b67;
margin-bottom:15px;
transition:.3s;

}

.stcn-amenity-box:hover i{

color:#fff;

}

.stcn-amenity-box h6{
font-weight:600;
margin:0;

}

/* Responsive */

@media(max-width:991px){

.stcn-green-content,
.stcn-amenity-card{

padding:25px;

}

.stcn-amenity-head h2{

font-size:34px;

}

}

@media(max-width:576px){

.stcn-green-content h2{

font-size:28px;

}

.stcn-amenity-head h2{

font-size:28px;

}

.stcn-green-img img{

height:220px;

}

}

/*=========================================
CAREER PATHWAYS
==========================================*/

.stcn-career-pathways{

padding:80px 0;
background:#fff;

}

/* Heading */

.stcn-title-area{

margin-bottom:45px;

}

.stcn-title-area h2{

font-weight:700;
color:#132b67;
margin-bottom:18px;

}

.stcn-title-divider{

width:120px;
height:2px;
background:#e8c36d;
margin:auto;
position:relative;

}

.stcn-title-divider span{

width:10px;
height:10px;
background:#d8a322;
border:2px solid #fff;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%) rotate(45deg);

}

/* Card */

.stcn-career-card{

background:#fff;
border:1px solid #e9e9e9;
border-radius:16px;
padding:30px 20px;
height:100%;
text-align:center;
transition:.35s;
box-shadow:0 5px 18px rgba(0,0,0,.05);

}

.stcn-career-card:hover{

transform:translateY(-8px);
box-shadow:0 15px 35px rgba(0,0,0,.08);

}

/* Icon */

.stcn-career-icon{

width:90px;
height:90px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:38px;
margin:0 auto 25px;

}

.stcn-red .stcn-career-icon{

background:#fdeced;
color:#a01525;

}

.stcn-blue .stcn-career-icon{

background:#edf3ff;
color:#173c8c;

}

.stcn-green .stcn-career-icon{

background:#ebf8ef;
color:#16854c;

}

.stcn-purple .stcn-career-icon{

background:#f5eefc;
color:#6f36bd;

}

.stcn-orange .stcn-career-icon{

background:#fff3e6;
color:#de8b07;

}

.stcn-teal .stcn-career-icon{

background:#eaf8f6;
color:#178b79;

}

/* Title */

.stcn-career-card h4{
color:#132b67;
margin-bottom:15px;
font-weight: 500;

}

.stcn-career-card p{
line-height:25px;
color:#666;
margin:0;
text-align: center;

}

/* Responsive */

@media(max-width:576px){

.stcn-career-card{

padding:22px 15px;

}

.stcn-career-icon{

width:70px;
height:70px;
font-size:28px;

}

.stcn-career-card h4{

font-size:18px;

}

.stcn-career-card p{

font-size:14px;
line-height:24px;

}

}
/*=========================================
ALUMNI SUCCESS
==========================================*/

.stcn-alumni-section{

padding:70px 0;
background:#fff;

}

/* Heading */

.stcn-section-title h2{
font-size:46px;
font-weight:700;
color:#132b67;
margin-bottom:15px;

}

.stcn-title-line{

width:120px;
height:2px;
background:#e6c166;
margin:auto;
position:relative;

}

.stcn-title-line span{

position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%) rotate(45deg);
width:10px;
height:10px;
background:#d9a31d;
border:2px solid #fff;

}

/* Card */

.stcn-alumni-card{

background:#fff;
border:1px solid #ececec;
border-radius:14px;
padding:18px;
text-align:center;
height:100%;
transition:.35s;
box-shadow:0 4px 18px rgba(0,0,0,.05);

}

.stcn-alumni-card:hover{

transform:translateY(-8px);

}

/* Image */

.stcn-alumni-card img{

width:82px;
height:82px;
border-radius:50%;
object-fit:cover;
margin-bottom:15px;
border:4px solid #f3f3f3;

}

/* Text */

.stcn-alumni-info small{

display:block;
font-size:12px;
color:#888;
margin-bottom:8px;

}

.stcn-alumni-info h5{

font-size:18px;
color:#132b67;
margin-bottom:6px;

}

.stcn-alumni-info span{

display:block;
font-size:14px;
color:#a01626;
font-weight:600;

}

/* Hover */

.stcn-alumni-card:hover{

border-color:#d9a11d;

}

/* Responsive */

@media(max-width:991px){

.stcn-section-title h2{

font-size:36px;

}

}

@media(max-width:576px){

.stcn-section-title h2{

font-size:28px;

}

.stcn-alumni-card{

padding:15px;

}

.stcn-alumni-card img{

width:70px;
height:70px;

}

.stcn-alumni-info h5{

font-size:16px;

}

}
.stcn-alumni-slider .item{

    padding:8px;

}

.stcn-alumni-card{

    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:14px;
    padding:18px 15px;
    text-align:center;
    transition:.35s;
    height:100%;
    box-shadow:0 4px 15px rgba(0,0,0,.05);

}

.stcn-alumni-card:hover{

    border-color:#d7a11d;
    transform:translateY(-5px);

}

.stcn-alumni-card img{

    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    margin:0 auto 12px;
    border:3px solid #f2f2f2;

}

.stcn-alumni-card small{

    display:block;
    font-size:12px;
    color:#666;
    margin-bottom:6px;

}

.stcn-alumni-card h5{

    font-size:17px;
    color:#132b67;
    font-weight:700;
    margin-bottom:5px;

}

.stcn-alumni-card span{

    display:block;
    color:#8d0d23;
    font-size:14px;
    font-weight:600;

}

/*=========================================
PLACEMENT NETWORK
=========================================*/

.stcn-placement-network{
    padding:80px 0;
    background:#fff;
    overflow:hidden;
}

/* Left Layout */

.stcn-network-wrap{
    display:flex;
    align-items:center;
    position:relative;
    min-height:430px;
}

.stcn-network-content{
    width:42%;
    z-index:5;
}

.stcn-network-content h2{
    line-height:40px;
    color:#132b67;
    font-weight:700;
    margin-bottom:15px;
}

.stcn-small-line{
    display:block;
    width:55px;
    height:3px;
    background:#d39b18;
    margin-bottom:25px;
}

.stcn-network-content p{
    line-height:31px;
    color:#555;
    margin-bottom:20px;
}

.stcn-network-content ul{
    list-style:none;
    padding:0;
    margin:0;
}

.stcn-network-content ul li{
    margin-bottom:15px;
    color:#222;
}

.stcn-network-content ul li i{
    color:#9d1730;
    margin-right:8px;
}

/*====================
India Map
====================*/

.stcn-india-map{
    width:58%;
    position:relative;
    text-align:center;
}

.stcn-india-map img{
    width:92%;
    opacity:.16;
}

/* Location Pins */

.stcn-pin{
    width:18px;
    height:18px;
    background:#98182c;
    border-radius:50%;
    position:absolute;
    box-shadow:0 0 0 5px rgba(152,24,44,.15);
}

.stcn-pin:after{
    content:'';
    position:absolute;
    left:50%;
    bottom:-8px;
    width:2px;
    height:10px;
    background:#98182c;
    transform:translateX(-50%);
}

/* Pin Positions */

.pin1{top:15%;left:33%;}
.pin2{top:23%;left:48%;}
.pin3{top:41%;left:28%;}
.pin4{top:48%;left:55%;}
.pin5{top:63%;left:39%;}
.pin6{top:32%;left:66%;}

/*====================
Dotted Curves
====================*/

.stcn-curve{
    position:absolute;
    border:2px dashed rgba(164,31,48,.28);
    border-color:rgba(164,31,48,.28) transparent transparent transparent;
    border-radius:50%;
}

.curve1{
    width:230px;
    height:120px;
    left:22%;
    top:7%;
    transform:rotate(8deg);
}

.curve2{
    width:180px;
    height:90px;
    left:26%;
    top:34%;
    transform:rotate(-10deg);
}

.curve3{
    width:200px;
    height:100px;
    left:37%;
    top:18%;
}

/*====================
Placement Card
====================*/

.stcn-placement-card{
    background:#071b46;
    border-radius:18px;
    padding:45px;
    color:#fff;
    height:100%;
    min-height:430px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.stcn-placement-card h3{
    margin-bottom:18px;
}

.stcn-placement-card p{
    line-height:31px;
    color:#d8dcea;
    margin-bottom:35px;
}

.stcn-place-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.stcn-place-item i{
    font-size:28px;
    color:#d6a126;
    min-width:30px;
    margin-top:4px;
}

.stcn-place-item span{
    color:#fff;
    font-size:16px;
    font-weight:600;
    line-height:25px;
}

/*====================
Responsive
====================*/

@media(max-width:991px){

.stcn-network-wrap{
    display:block;
}

.stcn-network-content{
    width:100%;
}

.stcn-india-map{
    width:100%;
    margin-top:35px;
}

.stcn-placement-card{
    margin-top:35px;
}

}

@media(max-width:576px){

.stcn-placement-network{
    padding:55px 0;
}

.stcn-placement-card{
    padding:30px;
}

.stcn-placement-card h3{
    font-size:30px;
}

.stcn-place-item{
    gap:10px;
}

.stcn-place-item i{
    font-size:22px;
}

.stcn-place-item span{
    font-size:14px;
    line-height:20px;
}

.stcn-network-content ul li{
    font-size:15px;
}

}

/*==============================
CAREER INFO
==============================*/

.stcn-career-info{

padding:80px 0;
background:#fff;

}

.stcn-career-card{

background:#fff;
border:1px solid #ececec;
border-radius:18px;
padding:40px;
height:100%;
box-shadow:0 8px 25px rgba(0,0,0,.05);

}

/* Skill */

.stcn-skill-box{

text-align:center;

}

.stcn-skill-icon{

width:82px;
height:82px;
margin:auto;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
color:#fff;
margin-bottom:18px;

}

.red{

background:#9c1229;

}

.pink{

background:#db4d78;

}

.blue{

background:#132b67;

}

.gold{

background:#d59b19;

}

.stcn-career-card h2 {
    line-height: 40px;
    color: #132b67;
    font-weight: 700;
    margin-bottom: 15px;
}


.stcn-skill-box h5{
color:#132b67;
margin-bottom:12px;

}

.stcn-skill-box p{

color:#666;
line-height:28px;
font-size:15px;

}

/* Right */

.stcn-work-item{

display:flex;
justify-content:space-between;
align-items:center;
padding:18px 22px;
border:1px solid #ececec;
border-radius:10px;
text-decoration:none;
color:#132b67;
font-weight:600;
transition:.3s;
background:#fff;

}

.stcn-work-item i{

color:#9c1229;

}

.stcn-work-item:hover{

background:#132b67;
color:#fff;

}

.stcn-work-item:hover i{

color:#fff;

}

@media(max-width:991px){

.stcn-career-card{

padding:30px;

}

}

@media(max-width:576px){

.stcn-career-card{

padding:22px;

}

.stcn-skill-icon{

width:65px;
height:65px;
font-size:26px;

}


}