.navbar-toggler-icon::after,
.navbar-toggler-icon::before {
    background: #fff;
    width: 100%;
    position: absolute;
    height: 1px;
    content: '';
    left: 0
}

.campusDd,
.dd--title,
.dd--title span,
.footer-fixed-bar,
.redbox-applynow h3,
.whatsNew-slider__item.tns-item {
    text-align: center
}

.header .nav-item>a,
.xs-btn {
    text-transform: uppercase;
    letter-spacing: .5px
}

:root {
    --primary-font: Afacad;
    --pale-yellow: #fbb03b;
    --bs-off-white: #f3f3f3;
    --bs-light-gray: #c0c0c0;
    --bs-mid-dark: #333333;
    --navy-color: #0d254d;
    --bg-skyblue: #3092dd;
    --bg-navyblue: linear-gradient(-41deg, #087e8b 30%, #0a65a4 100%);
    --bg-darkyellow: #f7a600;
    --bg-lightgray: #ececec;
    --bg-white: #ffffff;
    --bg-dark: #111111;
    --text-skyblue: #35e7f9;
    --text-navyblue: #023e93;
    --text-darkyellow: #f7a600;
    --text-white: #ffffff;
    --text-dark: #111111;
    --bg-white-faded: rgba(255, 255, 255, 0.2);
    --bg-navyblue-faded: rgba(2, 62, 147, 0.9);
    --bg-lightnavyblue-faded: rgba(15, 67, 141, 0.7);
    --seagreen-gradient: linear-gradient(41deg, #087e8b 30%, #0a65a4 100%);
    --seagreen-gradient-faded: linear-gradient(41deg, rgba(8, 126, 139, .9) 30%, rgba(10, 101, 164, .9) 100%)
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-bold.woff2') format('woff2'), url('../fonts/proximanova-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-semibold.woff2') format('woff2'), url('../fonts/proximanova-semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-regular.woff2') format('woff2'), url('../fonts/proximanova-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-light.woff2') format('woff2'), url('../fonts/proximanova-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-thin.woff2') format('woff2'), url('../fonts/proximanova-thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

/* ============================
   AFACAD
============================ */
@font-face {
  font-family: "Afacad";
  src: url("../fontawesome/Afacad/static/Afacad-Bold.ttf") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Afacad";
  src: url("../fontawesome/Afacad/static/Afacad-SemiBold.ttf") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Afacad";
  src: url("../fontawesome/Afacad/static/Afacad-Regular.ttf") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Afacad";
  src: url("../fontawesome/Afacad/static/Afacad-Medium.ttf") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* ============================
   AFACAD
============================ */

body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
    font-family: var(--primary-font) !important
}

.header__top-right li,
.tns-item a {
    color: var(--text-white);
    font-size: 12px
}

.header .nav-item>a,
.tns-item a {
    font-weight: 500;
    text-decoration: none
}

.navbar-toggler-icon {
    position: relative;
    background: #fff;
    height: 1px
}

.navbar-toggler-icon::after {
    top: -9px
}

.navbar-toggler-icon::before {
    bottom: -9px
}

.headerTopSlider .carousel-control-next,
.headerTopSlider .carousel-control-prev,
.navbar-toggler.clicked .navbar-toggler-icon::before {
    width: 20px
}

.footer a,
.header .nav-item>a,
.menu-options li a,
.step-second-menu li a,
.tns-item a {
    text-decoration: none
}

.header {
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.header.sticky {
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    background: #0b578a
}

.header__top {
    padding: 0 12px 9px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    position: relative;
    z-index: 1
}

.header.sticky .tns-item a {
    display: block;
    font-size: 14px;
    display: inherit !important
}

.header.sticky .top-notification-slider {
    background: #303339
}

.header__top-right {
    width: 610px
}

.header__top-right li a {
    color: var(--text-white);
    text-decoration: none;
    font-size: 14px
}

.navbar-nav {
    visibility: hidden
}

.navbar-nav>* {
    visibility: visible
}

.campusDd,
.gotoTop__icon,
.step-second-menu {
    opacity: 0;
    visibility: hidden
}

.navbar-nav:hover>* {
    opacity: .4
}

.navbar-nav>:hover {
    opacity: 1
}

.step-second-menu {
    position: absolute;
    z-index: 2;
    background: var(--bg-white);
    padding: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -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
}

.dd-menu-lg,
.f-twitter-icon,
.footer a,
.gotoTop button,
.h-twitter-icon,
.header .nav-item>a {
    position: relative
}

.campusDdLink:hover .campusDd,
.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 h4 {
    font-size: 15px;
    padding-bottom: 5px;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase
}

.footer h5,
.step-second-menu li {
    margin-bottom: 10px
}

.step-second-menu li a {
    color: var(--text-dark);
    font-size: 14px;
    line-height: 15px;
    display: block;
    font-weight: 300
}

.st-about {
    width: 860px;
    height: 370px
}

.st-programs {
    width: 1310px;
    height: 560px;
    left: -139px
}

.st-academics {
    width: 612px;
    height: 295px
}

.st-admissions {
    width: 745px;
    height: 456px
}

.st-campus {
    width: 500px;
    height: 460px
}

.st-placements {
    width: 607px;
    height: 400px;
    right: -190px
}

.st-research {
    width: 700px;
    height: 446px;
    right: 0
}

.header_btn img {
    width: 40px;
    height: 40px
}

.header_btn span {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px
}

.menuTabs li a small,
.progNos p {
    line-height: 12px;
    font-size: 12px
}

.header_btn span small {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400
}

.st-admissions h3,
.st-campus h3,
.st-research h3 {
    font-size: 20px;
    margin: 0 !important
}

.dd-graphic-cont {
    background: rgba(11, 87, 138, .8)
}

.dd--title span {
    display: block;
    margin-bottom: 10px
}

.dd--title img {
    display: inline-block
}

.dd-graphic-cont .col-6 {
    border: 1px solid rgba(255, 255, 255, .3);
    height: 120px
}

.dd-graphic-cont .col-6:first-child {
    border-top: 0;
    border-left: 0
}

.dd-graphic-cont .col-6:nth-child(2) {
    border-top: 0;
    border-right: 0;
    border-left: 0
}

.dd-graphic-cont .col-6:nth-child(3) {
    border-top: 0;
    border-left: 0;
    border-bottom: 0
}

.dd-graphic-cont .col-6:nth-child(4) {
    border: 0
}

.program-drop-down-graphic {
    padding: 20px
}

.program-drop-down-graphic h3 span {
    color: var(--text-color-red);
    font-family: var(--primary-font)
}

.placement--ddNumbers .card {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    background: #c40c12
}

.placement--ddNumbers span h4 {
    margin: 0;
    color: var(--text-white);
    font-weight: 700;
    font-size: 30px;
    line-height: 24px;
    font-family: var(--primary-font)
}

.placement--ddNumbers span small {
    color: var(--text-white);
    font-size: 11px;
    line-height: 10px;
    display: block;
    margin-top: 5px
}

.progNos {
    width: 135px
}

.progNos p {
    color: var(--text-white);
    margin: 0
}

.drop-down-graphic h3 {
    text-align: center;
    color: var(--text-white);
    font-size: 18px;
    padding: 30px 30px 0
}

.progNos sub {
    bottom: 0;
    font-size: 13px
}

.drop-down-graphic h3 span {
    display: block;
    color: var(--text-skyblue);
    font-size: 26px;
    font-weight: 700
}

.program-drop-down-graphic h3 {
    color: var(--text-white);
    font-size: 22px
}

.program-drop-down-graphic h3 span {
    color: var(--text-skyblue);
    font-size: 32px;
    display: block;
    font-weight: 700
}

.dd--title,
.footer a,
.footer p,
.header .nav-item>a,
.menu-options li a,
.redbox-applynow h3 {
    color: var(--text-white)
}

.redbox-applynow {
    background-blend-mode: darken;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 15px
}

.redbox-applynow h3 {
    margin-bottom: 0
}

.st-campus .dd--title {
    color: var(-text-white)
}

.placement--ddNumbers li span h4 div {
    font-size: 18px;
    display: inline
}

.dd--title span i {
    font-size: 44px
}

.program-drop-down-graphic.text-center h3 {
    text-align: left;
    margin-left: 8px
}

.placement--ddNumbers.ri-ul li {
    float: left;
    width: 50%;
    margin-bottom: 18px
}

.placement--ddNumbers.ri-ul li span {
    width: 88%;
    text-align: left
}

.placement--ddNumbers.ri-ul li span small {
    line-height: 15px;
    display: block
}

.header .nav-item>a {
    padding: 10px 0;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1.5px
}

.menu-options li a:hover,
.step-second-menu ul li a:hover {
    text-decoration: underline
}

.header .nav-item.dd-menu-lg>a::after {
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    color: var(--text-white);
    font-size: 12px;
    margin-left: 10px;
    position: relative;
    top: -1px
}

.header .nav-item.dd-menu-lg:hover>a::before {
    content: "";
    position: absolute;
    top: 0;
    background: var(--bs-white);
    height: 1px;
    left: 50%;
    width: 140%;
    transform: translateX(-50%)
}

.menu-options {
    position: absolute;
    top: 106px;
    right: 510px
}

.menu-options li {
    margin-left: 48px
}

.menu-options li a {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300
}

.header.sticky .menu-options {
    top: 0
}

.dd--title {
    font-size: 11px;
    line-height: 15px
}

.menuTabs {
    margin: -15px -15px 20px
}

.menuTabs li {
    margin: 0 !important
}

.menuTabs li a {
    color: var(--text-dark) !important;
    padding: 15px 40px !important;
    height: 55px
}




.footer h5,
.footer ul li {
    color: var(--text-darkyellow)
}

.menuTabs li a small {
    display: block !important
}

.footer h5,
.social-media-icons ul li a {
    font-size: 16px
}

.footer p,
.footer ul li {
    font-size: 16px
}

.footer {
    background: var(--bg-dark)
}

.footer-bg{
    background: url(../images/bg-world-map.jpg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.footer-links,.copyrights{
   position: relative;
}

.footer-bg::before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000000e0;
    position: absolute;
    top: 0px
}

.footer p {
    line-height: 20px;
    margin: 0;
    align-items: center;
}

.footer-links ul li {
    margin-bottom: 5px
}

.copyrights {
    padding: 15px 0;
    border: 1px solid #222;
    border-right: 0;
    border-left: 0;
    margin: 30px 0
}

.unai-logo {
    position: absolute;
    top: -48px;
    left: 15px
}

.unai-logo p {
    font-size: 10px;
    line-height: 12px
}

.ft-about .bdr-1 {
    border-color: #2c2c2c !important
}

.searchModal {
    backdrop-filter: blur(5px) brightness(.7)
}

.searchModal .modal-dialog {
    margin-top: 300px;
}

.searchModal .btn-close {
    filter: invert(1);
    opacity: 1;
    right: 9px;
    position: relative
}

.searchModal h5 {
    font-weight: 700;
    font-size: 2.25rem
}

.searchbar-input {
    height: 60px;
    background: transparent;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    border-top: 1px solid #ffffff21;
    border-bottom: 1px solid;
    color: var(--bs-white)
}

.searchbar-input::placeholder {
    color: var(--bs-white);
}

.searchbar-input:focus {
    color: var(--bs-white);
    background-color: transparent;
    border-color: inherit;
    outline: 0;
    box-shadow: none;
}

.z-index-9 {
    z-index: 99999999;
    position: relative
}

#sb_container {
    z-index: 9999 !important
}

.justify-content-evenly {
    justify-content: space-evenly
}

.h-thread-icon {
    position: relative;
    top: -1px
}

.lazybg,
.slArrow {
    background-size: cover !important
}

.header_btn {
    padding: 14px 16px;
    position: relative;
    padding-right: 18px !important;
    border-radius: 4px;
    background: var(--bg-darkyellow);
}

.header_btn .navbar-toggler {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    height: 100%;
    width: 91px;
    align-items: center;
    justify-content: center;
    border: 0
}

.header_btn .navbar-toggler:hover {
    opacity: .7
}

.header_btn .navbar-toggler:focus {
    box-shadow: none
}

#navbarToggleExternalContent .mega-menu {
    height: 600px;
    padding-top: 50px;
    overflow: hidden;
    position: relative;
    background: #0b578a;
    border-radius: 10px
}

.institute-list {
    height: 400px;
    margin-top: 50px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #52b9dc #0d5a75
}

.mega-menu h3 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 100;
    color: var(--bs-mid-dark);
    margin-bottom: 0
}

.institute-list ul li {
    margin-bottom: 30px
}

.institute-list ul li>a {
    font-size: 24px;
    line-height: 24px;
    font-weight: 100;
    color: var(--bs-white);
    padding: 5px 0;
    position: relative;
    transition: .3s ease-in-out
}

.institute-list ul li>a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #52b9dc;
    height: 1px
}

.institute-list ul li>a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--pale-yellow);
    height: 1px;
    width: 0;
    transition: .3s ease-in-out
}

.institute-list ul li.active a::after,
.institute-list ul li:hover a::after {
    width: 0
}

.institute-list ul li.active a::before,
.institute-list ul li:hover a::before {
    background: var(--pale-yellow);
    width: 100%
}

.institute-info-sec {
    height: 100%;
    top: 0 !important;
    right: 0;
    border-radius: 0;
    width: calc(100vw - 60vw);
    transform: rotateY(90deg);
    transform-origin: left;
    z-index: 0
}

.step-first-menu>li.active .step-second-menu.institute-info-sec,
.step-first-menu>li:hover .step-second-menu.institute-info-sec {
    transform: rotateY(0)
}

.step-first-menu>li.active .step-second-menu {
    opacity: 1;
    visibility: visible
}

.header__main {
    z-index: 2;
    position: relative;
    max-width: 1920px;
    margin: auto
}

.institute-content h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 100;
    margin-bottom: 0
}

#navbarToggleExternalContent {
    max-width: 1920px;
    margin: 10px auto auto;
    padding: 0 13px
}

.h-55 {
    height: 55% !important
}

.h-45 {
    height: 45% !important
}

.seagreen-overlay-faded::before {
    background: rgba(11, 87, 138, .8);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

#search-page-mob {
    margin-top: 5px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 18px
}

#search-page-mob span {
    font-size: 10px;
    display: block;
    color: var(--white-opacity-bg)
}

#search-page-mob i {
    font-size: 18px
}

#sb_chat_btn {
    background: var(--pale-yellow) !important
}

.dark-grey-bg {
    background: #0b578a !important
}

.navbar {
    padding-bottom: 0
}

.container-fluid.align-items-start {
    align-items: start
}

.upper-header {
    display: flex;
    justify-content: space-around;
    width: 100%;
    align-items: center;
    margin-top: 5px;
    transition: .2s ease-in-out
}

.menu-options.position-relative {
    top: unset;
    right: unset
}

.navbar-expand-xl .navbar-collapse {
    flex-direction: column;
    gap: 15px
}

.navbar-nav.me-auto {
    margin-right: auto
}

.header.sticky .header__top-left,
.header__top-left,
.header__top-right.w-auto {
    width: auto
}

.header__top-right.w-auto li a:hover {
    opacity: .5
}

.header .nav-item {
    margin: 0 38px
}

.lower-header {
    width: 100%;
    padding: 10px 15px;
    background: rgba(255, 255, 255, .1);
    border-radius: 10px;
    backdrop-filter: blur(5px) contrast(80%)
}

.step-second-menu {
    top: 36px
}

.ph-missed a i {
    transform: unset;
    top: unset
}

.no-pagi .tns-controls,
.ph-missed a::after,
.tns-liveregion,
.tns-nav,
.tns-outer button[data-action=start],
.tns-outer button[data-action=stop] {
    display: none
}

.footer-fixed-bar button:hover {
    animation-play-state: paused
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }

    100% {
        transform: translate(-100%)
    }
}

.fixed-social li a {
    line-height: 1
}

.fixed-social li span {
    display: block;
    font-size: 9px
}

.header__top-right.social-sub {
    border-left: 1px solid rgba(255, 255, 255, .3);
    margin-left: 15px !important
}

#sb_container.sb-container-align-right {
    bottom: 60px !important
}

.moveUp {
    bottom: 170px !important
}

.footer-fixed-bar,
.preloader {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0
}

.gotoTop.moveUp {
    bottom: 125px !important
}

.footer-fixed-bar {
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #fbb03b;
    z-index: 10;
    padding: 10px 0;
    border-radius: 20px 20px 0 0
}

.footer-fixed-bar button {
    white-space: nowrap;
    padding-left: 100%;
    animation: 10s linear infinite marquee;
    font-size: 18px;
    text-decoration: none;
    font-weight: 700;
    line-height: 20px;
    color: var(--text-dark);
    display: inline-block;
    vertical-align: middle;
    background: 0 0;
    border: 0
}

.campusDd a,
.campusDdLink:hover a,
.campusDdLink>a:hover {
    text-decoration: none !important
}

.preloader {
    top: 0;
    height: 100vh;
    z-index: 99999999;
    background-image: url('../../loader.png');
    background-repeat: no-repeat;
    background-color: var(--bs-white);
    background-position: center;
    background-size: 50px
}

.campusDd,
.navbar-brand {
    position: absolute;
    z-index: 1
}

.header__top,
.menu-options {
    display: flex
}

.campusDdLink a {
    padding: 13px 15px;
    border-radius: 0
}

.campusDd {
    top: 40px;
    background: #fff;
    width: 340px;
    border-radius: 8px;
    padding: 0;
    left: -120px;
    -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;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3)
}

.campusDd a {
    display: block;
    padding: 5px 15px 15px;
    border-radius: 6px !important
}

.campusDd a img {
    width: 70px !important;
    display: block;
    margin: auto
}

.campusDd a span {
    color: #111 !important;
    line-height: 12px;
    display: block;
    letter-spacing: 1px
}

.campusDd a:hover {
    background: #f1f1f1 !important
}

.campusDd a:hover span {
    color: #087b8e !important
}

.whatsNew-slider__item {
    color: var(--bs-white);
    font-size: 14px;
    font-weight: 100;
    cursor: grab
}

.upper-header {
    padding-left: 200px
}

.navbar-brand {
    left: 15px;
    top: 43px;
    margin: 0
}

.header__top-right li a {
    display: flex;
    gap: 6px;
    align-items: center
}

.header__top-right li a span {
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 1px
}

.header__top-right li a i {
    font-size: 14px !important
}

.headerTopSocial {
    width: 490px
}

.headerTopBar {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 5px 15px
}

.header__top-right li {
    margin-left: 25px
}

.headerTopSlider {
    width: 65%
}

.gotoTop button,
.se-btn {
    width: 40px;
    text-align: center
}

.xs-btn {
    font-size: 11px !important;
    background: var(--bgcolor-red);
    border-radius: 4px;
    padding: 2px 10px;
    margin-left: 15px
}

.customControl .tns-controls {
    width: 100%
}

.customControl .tns-controls button {
    position: absolute;
    z-index: 1;
    font-size: 0;
    background: 0 0;
    border: 0
}

.slArrow-md .tns-controls button,
.slArrow-sm .tns-controls button {
    background-size: cover !important;
    transform: translateY(-50%);
    position: absolute;
    top: 50%
}

.customControl .tns-controls button[data-controls=prev] {
    left: 0
}

.customControl .tns-controls button[data-controls=next] {
    right: 0
}

.slArrow .tns-controls button[data-controls=prev] {
    background: url("../../latest-assets/images/leftArrow-white.png")
}

.slArrow .tns-controls button[data-controls=next] {
    background: url("../../latest-assets/images/rightArrow-white.png")
}

.slArrow-dark .tns-controls button[data-controls=prev] {
    background: url("../../latest-assets/images/leftArrow-black.png")
}

.slArrow-dark .tns-controls button[data-controls=next] {
    background: url("../../latest-assets/images/rightArrow-black.png")
}

.slArrow-sm .tns-controls button {
    height: 15px;
    width: 15px
}

.slArrow-md .tns-controls button {
    height: 30px;
    width: 30px
}

.fixArrow-black .tns-controls button,
.fixArrow-white .tns-controls button {
    height: 60px !important;
    width: 40px !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.fixArrow-black .tns-controls button {
    background-color: rgba(0, 0, 0, .5) !important;
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0 !important;
    -moz-border-radius: 0 6px 6px 0 !important;
    -ms-border-radius: 0 6px 6px 0 !important;
    -o-border-radius: 0 6px 6px 0 !important
}

.fixArrow-black .tns-controls button[data-controls=next],
.fixArrow-white .tns-controls button[data-controls=next] {
    border-radius: 6px 0 0 6px !important
}

.fixArrow-white .tns-controls button {
    background-color: rgba(255, 255, 255, .8) !important;
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0 !important;
    -moz-border-radius: 0 6px 6px 0 !important;
    -ms-border-radius: 0 6px 6px 0 !important;
    -o-border-radius: 0 6px 6px 0 !important
}

.tns-outer,
.tns-outer * {
    user-select: none
}

.header {
    background: #fff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 14%, rgba(0, 0, 0, .6523986303505778) 100%)
}

.gotoTop {
    position: fixed;
    right: 30px;
    bottom: 150px;
    z-index: 1;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.gotoTop button {
    height: 40px;
    line-height: 30px;
    background: var(--pale-yellow);
    border: 0;
    border-radius: 50%
}

.gotoTop__icon i {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.se-btn {
    position: absolute;
    right: 0;
    top: 10px;
    height: 39px;
    border: 0;
    outline: 0;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    background-color: var(--bs-white);
    border-radius: 50%;
    transition: all .3s ease-in-out
}

.se-btn:hover {
    background-color: var(--pale-yellow)
}

#sb_container a.sb-chat-btn .sb-chat-icon {
    filter: invert(1)
}

.showOnMobile {
    display: none !important
}

.gotoTop__icon {
    transition: .2s
}

.gotoTop__icon.scrolled {
    opacity: 1;
    visibility: visible
}

.image__section.cyan-bg {
    background: #11649c
}

.headerTopSlider .carousel-control-next-icon,
.headerTopSlider .carousel-control-prev-icon {
    width: 20px;
    height: 20px
}

.headerTopSlider .carousel-item {
    font-size: 13px;
    color: #fff;
    font-weight: 100;
    letter-spacing: .3px
}

.headerTopSlider .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important
}

.headerTopSlider .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important
}

@media only screen and (max-width:1699px) {
    .header .nav-item {
        margin: 0 20px
    }

    .header .nav-item>a {
        font-size: 16px
    }

    .headerTopSocial {
        width: 500px
    }

    .menu-options li {
        margin-left: 25px
    }

    .header .nav-item.dd-menu-lg:hover>a::before {
        width: 110%
    }

    .menu-options li a {
        font-size: 12px
    }
}

@media only screen and (max-width:1399px) {
    .headerTopSocial {
        width: 440px
    }

    .whatsNew-slider__item {
        font-size: 12px !important
    }

    .header__top-right li {
        margin-left: 18px
    }

    .header_btn {
        padding-right: 69px !important
    }

    .header_btn .navbar-toggler {
        width: 60px
    }

    .header .nav-item>a {
        font-size: 13px;
        font-weight: 500;
        padding: 13px 0
    }

    .header .nav-item.dd-menu-lg>a::after {
        font-weight: 700
    }

    .header_btn span {
        font-size: 17px;
        font-weight: 500
    }

    .header_btn span small {
        font-size: 10px;
        font-weight: 100;
        letter-spacing: 1px
    }

    .st-programs {
        width: 1134px
    }

    .menuTabs .nav-item>a {
        letter-spacing: 0
    }

    .menu-options li {
        margin-left: 15px
    }

    .menu-options li a {
        font-size: 11px
    }

    .headerTopSlider .carousel-item {
        font-size: 12px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .menuTabs li a {
        padding: 11px 40px !important;
        height: 47px
    }

    .step-second-menu li a {
        font-size: 12px;
        line-height: 14px
    }
}

@media only screen and (max-width:1199px) {
    .searchModal .modal-dialog {
        margin-top: 200px;
    }

    .campusDd,
    .step-second-menu {
        position: static;
        transform: none;
        box-shadow: none
    }

    .header .nav-item.dd-menu-lg>a::after {
        font-weight: 700;
        position: absolute;
        right: 0;
        top: 12px;
        content: '+';
        color: #000;
        font-size: 14px
    }

    .header .nav-item.active>a::after {
        content: '-';
        color: #000;
        font-size: 30px;
        top: -5px
    }

    .headerTopSlider {
        display: none
    }

    #main-toggler {
        position: absolute;
        right: 0;
        border: 0;
        top: -74px;
        padding: 15px
    }

    #main-toggler:focus {
        border: 0;
        box-shadow: none
    }

    .campusDdLink a,
    .lower-header,
    .step-second-menu {
        border-radius: 0;
        padding: 0
    }

    .navbar-brand>a img {
        width: 180px
    }

    .navbar-expand-xl .navbar-collapse {
        flex-direction: column-reverse;
        display: flex;
        justify-content: start
    }

    .upper-header {
        padding-left: 0;
        margin: 0
    }

    .navbar-brand {
        position: static;
        padding: 15px !important;
        display: flex;
        justify-content: space-between
    }

    .header .nav-item.active .step-second-menu,
    .menu-options {
        display: block
    }

    .headerTopSocial {
        width: 100%;
        justify-content: space-between
    }

    .header__top-right li {
        margin-left: 0;
        margin-right: 20px
    }

    .header__top-right li:last-child {
        margin-right: 0
    }

    .header__top-right.social-sub {
        border-left: 0
    }

    .navbar {
        padding: 0
    }

    .header .nav-item>a,
    .menu-options li a {
        display: block;
        color: #000
    }

    .menu-options {
        margin: 0 !important;
        width: 100%
    }

    .header .nav-item,
    .menu-options li {
        border-bottom: 1px solid #ddd;
        margin: 0
    }

    .navbar.navbar-expand-xl {
        position: fixed;
        background: #fff;
        left: 0;
        right: 0;
        top: -120%;
        overflow: auto;
        padding: 20px;
        opacity: 0;
        visibility: hidden;
        transition: .2s;
        z-index: -1
    }

    .navbar.navbar-expand-xl.mobileMenuShow {
        opacity: 1;
        visibility: visible;
        top: 0;
        z-index: 1;
        bottom: 0
    }

    .lower-header {
        width: 100%;
        background: 0 0;
        backdrop-filter: none
    }

    .step-second-menu {
        opacity: 1 !important;
        visibility: visible !important;
        display: none;
        width: 100% !important;
        height: auto !important
    }

    .campusDd,
    .navbar-nav:hover>* {
        opacity: 1
    }

    #navbarToggleExternalContent,
    .about-graphic,
    .hideOnMobile,
    .program-graphic {
        display: none !important
    }

    .campusDdLink a {
        text-align: center
    }

    .menu-options li a {
        font-size: 14px;
        font-weight: 500;
        padding: 13px 0;
        letter-spacing: 1px
    }

    .showOnMobile {
        display: flex !important
    }

    .mobileNavHeader {
        padding: 10px;
        display: block !important
    }

    .mobileNavHeader .btn-close {
        position: fixed;
        right: 30px;
        top: 30px;
        z-index: 1;
        background-color: #ddd;
        padding: 12px
    }

    .header__top-right li a span {
        font-size: 13px
    }

    .campusDd {
        visibility: visible;
        margin: auto auto 20px
    }
}

@media only screen and (max-width:991px) {
    .searchModal h5 {
        font-size: 1.25rem
    }

    .unai-logo {
        position: static;
        text-align: center
    }

    .nirf-links {
        margin-bottom: 16px
    }

    .menuTabs {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .header_btn {
        padding: 10px 16px
    }

    .cu-logo {
        width: 190px
    }

    .nirf-links ul {
        flex-wrap: wrap;
        justify-content: center !important;
        column-gap: 15px;
        row-gap: 6px
    }
}

@media only screen and (max-width:575px) {
    .header_btn {
        background: 0 0;
        padding: 0 10px !important;
        margin: 0 !important
    }

    .cu-logo {
        width: 157px
    }

    .header__top-right li a span {
        display: none
    }

    .head-search span,
    .header_btn a>span {
        display: none !important
    }

    .header_btn img {
        width: 32px;
        height: 32px
    }

    .header_btn .navbar-toggler {
        width: 30px;
        position: static;
        margin-left: 20px
    }

    #search-page-mob {
        padding-left: 15px
    }

    .headerTopBar {
        padding: 8px 15px
    }

    .campusDd {
        width: 230px
    }

    .campusDd a span {
        font-size: 10px;
        color: #0b578a !important
    }
}