@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp');

@font-face {font-family: 'segoe_ui'; src: url('segoeui.woff2') format('woff2'), url('segoeui.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'segoe_ui'; src: url('segoeuib.woff2') format('woff2'), url('segoeuib.woff') format('woff'); font-weight: 700; font-style: normal;}
@font-face {font-family: 'segoe_ui'; src: url('segoeuil.woff2') format('woff2'), url('segoeuil.woff') format('woff'); font-weight: 300; font-style: normal;}
@font-face {font-family: 'segoe_ui'; src: url('seguibl.woff2') format('woff2'), url('seguibl.woff') format('woff'); font-weight: 800; font-style: normal;}
@font-face {font-family: 'segoe_ui'; src: url('seguisb.woff2') format('woff2'), url('seguisb.woff') format('woff'); font-weight: 600; font-style: normal;}

* {margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none;}
body {font-size: 15px; line-height: normal; color: #101011; font-family: 'segoe_ui'; background: #fff;}
a {outline: none; text-decoration: none; color: #0071BD; -webkit-transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; -ms-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s;}
a:hover {text-decoration: none;}
input, textarea, select {font-size: 14px; color: #101011; vertical-align: middle;  font-family: 'segoe_ui'; outline: none; resize: none;}
input[type="button"], input[type="submit"], button {-webkit-transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; -ms-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; cursor: pointer;  font-family: 'segoe_ui';}
select {appearance: none; -ms-appearance: none; -webkit-appearance: none;}
select::-ms-expand {display: none;}
.transition {-webkit-transition: ease-in-out .5s; -moz-transition: ease-in-out .5s; -ms-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; transition: ease-in-out .5s;}
img {border: none; vertical-align: top; max-width: 100%;}

.flexBox {display: flex; flex-wrap: wrap;}
.flexBox.nowrap {flex-wrap: nowrap;}
.itemCenter {align-items: center;}
.itemBottom {align-items: flex-end;}
.justifyContentBetween {justify-content: space-between;}
.justifyContentCenter {justify-content: center;}
.justifyContentEnd {justify-content: flex-end;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.container {width: 100%; margin: auto; max-width: 1600px; padding: 0 15px;}
.pr {position: relative;}

.topBar {background: #f9f9f9; height: 44px;}
.topMenu li {font-size: 13px; font-weight: 600; color: #1E1E1E;}
.topMenu li a {display: flex; height: 44px; align-items: center; padding: 0 20px;}
.topMenu li a:hover {color: #0072BB;}
.topMenu li a.active {background: #efefef; color: #0072BB;}
.language {font-size: 14px; font-weight: 600; background: #EBEBEB url(../images/select-arrow.png) no-repeat right 10px center; height: 30px; border: none; width: 130px; padding: 0 25px 0 10px;}

.header {background: #0071BD; width: 100%; position: relative;}
.header > .container {height: 110px; transition: ease-in-out .3s;}
.header.active {position: fixed; left: 0; top: 0; z-index: 10001;}
.header.active > .container {height: 90px;}
a.showMobMenu {display: none;}
.menu > li {font-size: 15px; font-weight: 600; padding: 10px 1px;}
.menu > li > a {color: #fff; position: relative; padding:34px 10px;}
.menu > li.small {position: relative;}
.menu > li > a:hover:before {content: ''; width: calc(100% - 16px); height: 2px; background: #fff; position: absolute; left: 8px; bottom: 12px;}
.menu > li > a.show {background: #fff; color: #0071BD !important;}
.menu > li.ddMenu > a {padding-right: 30px;}
.menu > li.ddMenu > a:after {content: 'expand_more'; font-family: 'Material Icons'; font-size: 18px; position: absolute; right: 10px; top: 22px; color: #fff;}
.menu > li.ddMenu > a.show:after {color: #0071BD !important;}

.dropdown-menu.show {top:calc(100% - 10px);}

.menu > li.small .submenuBox {background: #fff; width: 340px; top: 48px; left: 1px;}
.submenuBox {background: #fff url(../images/menu-bg.png) no-repeat right top; background-size: auto 100%; position: absolute; left: 0; top: 84px; width: 100%; z-index: 1001; display: none; padding: 40px 0; box-shadow: 10px 15px 15px rgba(0,0,0,.4);}
.header.active .submenuBox {top: 74px;}
.submenuLink li {padding: 8px 0 8px 20px; font-weight: 600; font-size: 16px; position: relative;}
.submenuLink li:before {content: 'play_arrow'; font-family: 'Material Icons'; font-size: 16px; position: absolute; left: 0; top: 11px; color: #0071BD;}
.submenuLink li a {color: #000;}
.submenuLink li a:hover {color: #0071BD;}

/*.dropdown-menu  {background: #fff url(../images/menu-bg.png) no-repeat right top; background-size: auto 100%;}*/

.submenuInner {margin: -15px;}
.submenuInner .column {width: 33.33%; padding: 15px;}
.submenuHd {font-size: 21px; color: #0071BD; text-decoration: underline; font-weight: 600; margin-bottom: 15px;}

.searchInner {width: 310px; height: 42px; border: 1px solid #fff; position: relative; padding-right: 40px;}
a.showSearch {display: none;}
.searchInner .input {width: 100%; height: 42px; border: none; background: none; padding: 0 12px; color: #fff;}
.searchInner .input::placeholder {color: #fff; opacity: 1;}  
.searchInner .input::-ms-input-placeholder { color: #fff;}
.searchInner .btn {position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: none; color: #fff;}

.bannerSlider .item {background-size: cover !important;}
.bannerSlider .item .container {height: 740px; display: flex; align-items: center;}
.bannerInfo {color: #fff; max-width: 630px;}
.bannerHd {font-size: 60px; font-weight: 800; line-height: 75px; padding-bottom: 20px;}
.bannerText {font-size: 28px; font-weight: 600; line-height: 36px; padding-bottom: 30px;}

.bannerSlider .slick-dots {position: absolute; left: 0; bottom: 20px; display: flex; justify-content: center; width: 100%;}
.bannerSlider .slick-dots li {padding: 5px;}
.bannerSlider .slick-dots li button {width: 30px; height: 4px; background: #fff; overflow: hidden;}
.bannerSlider .slick-dots li button:hover, .bannerSlider .slick-dots li.slick-active button {background: #0071BD;}
a.applyNow {min-height: 40px; background: #0071BD; border: 1px solid #fff; display: inline-flex; align-items: center; padding: 2px 20px 4px 20px; font-weight: 700; color: #fff; font-size: 17px;}
a.applyNow span {font-size: 28px; margin-top: 4px; text-transform: none;}
a.applyNow:hover {background: #259548;}

.pt60 {padding-top: 60px;}
.pb60 {padding-bottom: 60px;}
.mb-20 {margin-bottom: 20px !important;}
.mb-10 {margin-bottom: 10px !important;}
.grayBg {background: #f7f7f7;}

a.videoTour {border: 1px solid #B6B6B6; background: #fff; display: flex; height: 62px; border-radius: 30px; box-shadow: 0 0 10px rgba(0,0,0,.1); position: absolute; right: 15px; top: -90px; font-size: 17px; font-weight: 700; align-items: center; padding-right: 20px;}
a.videoTour .icon {width: 50px; height: 50px; background: #D9D9D9; min-width: 50px; margin: 6px 15px 6px 6px; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
a.videoTour .icon span {font-size: 32px;}
a.videoTour:hover {background: #f4f4f4;}

.UniversityInfo .img {width: 432px; position: relative;}
.UniversityInfo .img .icon {position: absolute; width: 90px; height: 90px; background: #fff; border-radius: 100%; position: absolute; top: 30px; left: 50%; margin-left: -45px; display: flex; align-items: center; justify-content: center;}
.UniversityInfo .hd {width: 28%; padding: 0 0 0 30px; font-size: 16px; font-weight: 600;}
.UniversityInfo .hd span {display: flex; font-size: 46px; line-height: 56px; font-weight: 800; padding-top: 15px;}
.UniversityInfo .detail {width: calc(72% - 432px); padding: 0 0 0 30px; font-size: 16px; line-height: 28px; font-weight: 600;}
a.readMore {min-height: 40px; background: #fff; border: 1px solid #0071BD; display: inline-flex; align-items: center; padding: 2px 20px 4px 20px; font-weight: 700; color: #0071BD; font-size: 16px; line-height: normal;}
a.readMore span {font-size: 28px; margin-top: 4px;}
a.readMore:hover {background: #259548; color: #fff; border: 1px solid #259548;}

.mainHd {font-size: 35px; font-weight: 800; padding-bottom: 10px; text-transform: capitalize;}
.hdText {font-size: 20px; line-height: 30px; margin-left: auto; margin-right: auto; max-width: 850px;}
.sliderArrow {padding: 0 60px;}
.sliderArrow .slick-list {display:flex; margin:0 -10px;}
.sliderArrow .slick-track {display:flex;}
.sliderArrow .slick-arrow {width:48px; height:48px; background:#E7E7E7; border-radius:100%; position:absolute; top:50%; margin-top:-24px; overflow:hidden; z-index:100; border:none; cursor:pointer; font-size: 1px; color: #E7E7E7;}
.sliderArrow .slick-arrow:hover {background: #0071BD; color: #0071BD;}
.sliderArrow .slick-arrow:before {font-family: 'Material Icons'; font-size: 26px; position: absolute; left: 0; top: 0; color: #333; z-index: 10; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding-left: 4px;}
.sliderArrow .slick-arrow:hover:before {color: #fff;}
.sliderArrow .slick-arrow.slick-prev {left:0px;}
.sliderArrow .slick-arrow.slick-prev:before {content: 'arrow_back_ios'; }
.sliderArrow .slick-arrow.slick-next {right:0px;}
.sliderArrow .slick-arrow.slick-next:before {content: 'arrow_forward_ios';}
.facultiesSlider .item {padding: 10px; height: 100%;}
.facultiesSlider .item .img img {width: 100%;}
.facultiesSlider .item .det {border: 1px solid #dbdbdb; border-top: none; padding: 15px; box-shadow:0 0 10px rgba(0,0,0,.1); background: #fff;}
.facultiesSlider .item .det .hd {font-size: 20px; line-height: 26px; text-transform: capitalize; font-weight: 700;}
.facultiesSlider .item .det .text {font-size: 16px; line-height: 24px; text-transform: capitalize;}

.statsList li {width: 20%; border-right: 1px dashed #000; text-align: center; padding: 5px 10px; font-size: 18px; font-weight: 600;}
.statsList li:last-child {border: none;}
.statsList li span {display: block; font-size: 55px; font-weight: 700; padding-top: 20px;}
.boxInfo {width: 45%;}
.textBox {font-size: 16px; line-height: 28px; font-weight: 600;}
.checkList li {font-size: 16px; font-weight: 700; line-height: normal; padding: 7px 0 7px 30px; background: url(../images/check.png) no-repeat 0 8px;}

.campusBox {width: calc(50% - 3px);}
.campusBox .inner {position: relative; z-index: 10; color: #fff; max-width: 750px;}
.campusBox.large {height: 790px; background-size: cover !important; position: relative; padding: 50px;}
.campusBox.large:before {content: ''; background: linear-gradient(to bottom,  rgba(255,255,255,0.07) 0%,rgba(0,0,0,0.71) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.campusHd {font-size: 40px; font-weight: 800; text-transform: capitalize;}
.campusText {font-size: 21px; font-weight: 600; line-height: 28px; margin-bottom: 30px;}
.campusBox .inner a.readMore {background: none; border: 1px solid #fff; color: #fff;}
.campusBox .inner a.readMore:hover {background: #fff; color: #000;}

.smallBox {height: 392px;}
.smallBox .det {width: 50%; height: 100%; padding: 50px;}
.smallBox .img {width: 50%; height: 100%; background-size: cover !important;}
.mt-6 {margin-top: 6px;}
.smallBox.full {background-size: cover !important; position: relative; padding: 50px;}
.smallBox.full:before {content: ''; background: linear-gradient(to bottom,  rgba(255,255,255,0.07) 0%,rgba(0,0,0,0.71) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.serviceSlider {padding-top: 20px;}
.serviceSlider .item {padding: 10px; text-align: center;}
.serviceSlider .item .icon img {margin: auto;}
.serviceSlider .item .name {padding: 15px 0 0 0; font-size: 18px;}

.imgBox {position: relative; width: calc(50% - 3px); color: #fff;}
.imgBox .img img {width: 100%;}
.imgBox .over {position: absolute; left: 0; top:0; width: 100%; height: 100%; padding: 20px 50px;}
.imgBox .over a.readMore {background: none; border: 1px solid #fff; color: #fff;}
.imgBox .over a.readMore:hover {background: #fff; color: #000;}
.imgBox.apply .over {background: linear-gradient(to right,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.79) 1%,rgba(229,229,229,0.06) 100%);}
.imgBox.enroll .over {background: linear-gradient(to right,  rgba(229,229,229,0.06) 0%,rgba(0,0,0,0.79) 99%,rgba(0,0,0,0.8) 100%);}

.newsBoxLeft {width: 44%;}
.newsBoxLeft .img img {width: 100%;}
.newsBoxLeft .det {border: 1px solid #CFCFCF; background: #fff; box-shadow: 1px 5px 10px rgba(0,0,0,.1); width: 90%; margin: -200px auto 0 auto; position: relative; padding: 50px;}
.newsBoxLeft .det .name {font-size: 25px; font-weight: 700;}
.newsBoxLeft .det .by {color: #616161; font-size: 16px; display: flex; align-items: center;}
.newsBoxLeft .det .by .date {margin-left: 10px; display: inline-flex; align-items: center;}
.newsBoxLeft .det .by .date span {font-size: 16px; color: #0072BB; margin-right: 5px;}
.newsBoxLeft .det .text {font-size: 16px; line-height: 25px; font-weight: 600; padding-bottom: 50px;}
a.readMoreLink {display: inline-flex; align-items: center; font-weight: 700; color: #0071BD; font-size: 16px; line-height: normal;}
a.readMoreLink span {font-size: 28px; margin-top: 4px; margin: 4px 0 0 2px; transition: ease-in-out .4s;}
a.readMoreLink:hover {color: #259548;}
a.readMoreLink:hover span {margin-left: 10px;}

.newsBoxRight {width: 56%; padding: 0 0 0 40px;}
.newsList {margin: -15px;}
.newsList li {padding: 15px; width: 50%;}
.newsList li .inner {border: 1px solid #CFCFCF; background: #fff; box-shadow: 1px 5px 10px rgba(0,0,0,.1); height: 100%;}
.newsList li .inner .img img {width: 100%;}
.newsList li .inner .det {padding: 15px;}
.newsList li .inner .det .name {font-size: 16px; font-weight: 700;}

.strategicPlan .img {width: 605px;}
.strategicPlan .det {width: calc(100% - 405px); border: 1px solid #CFCFCF; background: #fff; box-shadow: 1px 5px 10px rgba(0,0,0,.1); padding: 50px; margin-left: -200px;}
.blogList li {padding: 10px;}
.blogList li .inner {border: 1px solid #CFCFCF; background: #fff; box-shadow: 1px 5px 10px rgba(0,0,0,.1); height: 100%;}
.blogList li .inner .img {position: relative;}
.blogList li .inner .img img {width: 100%;}
.blogList li .inner .img .tag {background: #FB7902; border-radius: 4px; font-size: 12px; font-weight: 700; color: #fff; padding: 5px 12px 9px 12px; position: absolute; right: 10px; bottom: 10px;}
.blogList li .inner .det {padding: 15px;}
.blogList li .inner .det .name {font-size: 20px; font-weight: 700;}
.blogList li .inner .det .date {display: inline-flex; align-items: center; font-size: 14px; font-weight: 700;}
.blogList li .inner .det .date span {font-size: 16px; color: #0072BB; margin-right: 5px;}
.blogList li .inner .det .date.user {margin-right: 15px;}
.sliderArrow.p-0 {padding: 0;}

.whtClr {color: #fff;}
.alumniBox .left {width: 340px;}
.alumniLinks {margin: -5px;}
.alumniLinks li {padding: 5px;}
.alumniLinks li a {display: flex; align-items: center; border: 1px solid #fff; height: 40px; padding: 0 25px; color: #fff; font-size: 15px; font-weight: 700;}
.alumniLinks li a:hover {background: #0071BD;}
.alumniBox .right {width: calc(100% - 340px); padding-left: 30px;}
.alumniSlider .item {padding: 10px;}
.alumniSlider .item .img {width: 140px; height: 140px; padding: 8px; border: 1px dashed #ccc; border-radius: 100%;}
.alumniSlider .item .img img {border-radius: 100%; border: 1px solid #fff;}
.alumniSlider .item .det {width: calc(100% - 140px); padding-left: 25px; color: #fff;}
.alumniSlider .item .det .name {font-size: 22px; font-weight: 700; line-height: 28px; padding-bottom: 10px;}
.alumniSlider .item .det .info {font-size: 14px; line-height: 20px; font-weight: 600;}

.partnerSlider li {padding: 10px;}
.partnerSlider li .partnerLogo {border: 1px solid #ddd; height: 100px; display: flex; align-items: center; justify-content: center; padding: 10px; background: #fff;}

.footer {background: linear-gradient(to bottom,  rgba(52,58,113,1) 1%,rgba(0,113,189,1) 100%);}
.footerInner {margin: 0 -15px;}
.footerLogo {padding: 35px 15px; width: 30%;}
.footerContact {width: 40%; padding: 35px 15px;}
.footerLinks {width: 30%; padding: 35px 15px;}
.footerHd {font-size: 22px; font-weight: 700; color: #fff; position: relative; padding-bottom: 5px; margin-bottom: 20px;}
.footerHd:after {content: ''; width: 60px; height: 3px; background: #fff; position: absolute; left: 0; bottom: 0;}
.contactInfo {margin: -10px;}
.contactInfo li {width: 33.33%; max-width: 450px; padding: 10px; font-size: 16px; line-height: 25px; font-weight: 600; color: #fff; display: flex; align-items: center;}
.contactInfo li img {min-width: 27px; margin-right: 5px;}
.contactInfo li a {color: #fff;}
.contactInfo li.full {width: 100%; font-weight: 700;}
.footerLink {margin: -10px;}
.footerLink li {font-size: 16px; text-transform: uppercase; font-weight: 600; padding: 10px;}
.footerLink li a {color: #fff; display: inline-block; padding-left: 14px; position: relative;}
.footerLink li a:before {content: ''; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 0; top: 10px; background: #fff;}
.socialLink {margin: -5px; padding: 20px 0 0 0;}
.socialLink li {padding: 5px;}
.socialLink li a {display: flex; width: 48px; height: 48px; border: 3px solid #59A5D9; border-radius: 100%; align-items: center; justify-content: center;}
.socialLink li a:hover {background: #59A5D9;}
.copyright {font-size: 15px; color: #fff; padding: 0 0 25px 0; text-align: center; width: 100%;}
.overlay {background: rgba(0,0,0,.8); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 12000;}
.popupInner {display: flex; align-items: center; justify-content: center; padding: 15px; height: 100vh; overflow: auto;}
.videoPopup {background: #F7F7F7; max-width: 1000px; width: 100%; padding: 20px; margin: auto;}
.popupHd {font-size: 21px; font-weight: 600;}
.close {font-size: 19px; font-weight: 600; cursor: pointer;}
.videoBox {margin-top: 20px; width: 100%;}
.videoInner {position: relative; padding-bottom: 67.25%;}
.videoInner .video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.innerHeader.header {background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.innerHeader.header .menu > li > a {color: #000 !important;}
.innerHeader.header .menu > li > a:hover:before { background: #000;}
.innerHeader.header .menu > li > a.active {background: #fff; color: #0071BD;}
.innerHeader.header .menu > li.ddMenu > a:after {color: #000;}
.innerHeader.header .searchInner {border: 1px solid #999;}
.innerHeader.header .searchInner .input {color: #000;}
.innerHeader.header .searchInner .input::placeholder {color: #000;}  
.innerHeader.header .searchInner .input::-ms-input-placeholder { color: #000;}
.innerHeader.header .searchInner .btn {color: #000;}

.bgCover {background-size: cover !important; position: relative;}
.bgCover .container {position: relative; z-index: 2;}
.innerBanner:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.64) 36%,rgba(255,255,255,0) 100%);}
.innerBanner .container {min-height: 520px;}
.innerBannerText {color: #fff; font-size: 22px; font-weight: 600; line-height: 34px; max-width: 680px; padding: 20px 0;}
.innerBannerText span {display: block; font-size: 60px;  line-height: 75px; font-weight: 900; padding-bottom: 10px; text-transform: capitalize;}
#aboutTabCon {position: sticky; top: 90px; z-index: 10; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.aboutTab li {font-size: 16px; font-weight: 600; width: 16.66%;}
.aboutTab li a {display: flex; align-items: center; justify-content: center; padding: 5px; height: 65px;}
.aboutTab li a:hover, .aboutTab li a.active {background: #F3F2F2;}

.objectivesCon:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(52,58,113,.9);}
.textBox.hd {max-width: 1160px; margin: auto;}
.objectivesList {margin: -15px; padding-top: 30px;}
.objectivesList li {width: 33.33%; padding: 15px;}
.objectivesList li .inner {border: 1px solid rgba(255,255,255,.8); padding:30px; height: 100%;}
.objectivesList li .inner .icon {width: 92px; height: 92px; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px;}
.objectivesList li .inner .det {width: calc(100% - 92px); padding-left: 20px; font-size: 16px; line-height: 24px;}

.programList {margin: -15px;}
.programList li {width: 50%; padding: 15px;}
.programList li .inner {background: #f7f7f7; height: 100%;}
.programList li .inner .img img {width: 100%;}
.programList li .inner .det {padding: 30px;}

.objectivesCon:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.7);}
.ourValuesList {margin: -15px; padding-top: 30px;}
.ourValuesList li {width: 25%; padding: 15px;}
.ourValuesList li .inner {background: #fff; padding:30px; height: 100%;}
.ourValuesList li .inner .icon {margin-bottom: 15px; height: 54px; display: flex; align-items: flex-end; justify-content: center;}
.ourValuesList li .inner .hd {display: block; font-size: 20px; font-weight: 600;}

.OurStrategy {min-height: 580px; display: flex; align-items: center;}
.OurStrategy:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(30,30,30,.65);}
.OurStrategy .textBox {max-width: 1000px; margin: auto;}
.qualityImg {padding-right: 40px;}
.qualityImg img {border-radius: 400px 400px 0 0; box-shadow: 0 0 5px rgba(0,0,0,.2); padding: 5px;}

.innerBanner.contact:before {background: rgba(70,70,70,.4);}
.contactDet {width: 50%; padding: 40px 60px 40px 0;}
.contactDet .innerBannerText {max-width: 100%;}
.contactDet .info {margin: -10px; padding: 20px 0 0 0;}
.contactDet .info li {width: 33.33%; padding: 10px;}
.contactDet .info li .inner {background: #fff; padding: 20px; height: 100%; font-size: 16px; color: #3D3D3D;}
.contactDet .info li .inner .hd {display: flex; align-items: center; font-weight: 700; text-transform: uppercase; padding: 5px 0; min-height: 60px;}

.contactForm {background: #3A4476; width: 50%; margin: 40px 0 -120px 0; padding: 40px;}
.form {margin: -10px; padding-top: 15px;}
.form li {width: 50%; padding: 10px;}
.form li.full {width: 100%;}
.form li .textBox {display: block; padding-bottom: 5px;}
.contactInput {width: 100%; height: 50px; border: none; padding: 0 15px; font-size: 16px; background: #fff;}
.contactSelect {width: 100%; height: 50px; border: none; padding: 0 35px 0 15px; font-size: 16px; background: #fff url(../images/select.png) no-repeat right 10px center;}
textarea.contactInput {height: 140px; padding: 15px;}
.contactBtn {background: #0071BD; color: #fff; font-size: 16px; font-weight: 600; border-radius: 30px; height: 44px; min-width: 180px; padding: 0 20px; text-align: center;}
.contactBtn:hover {background: #000;}
.programCenterCon {padding-top: 120px;}
.programCenter .leftBox {width: 32%; background: #0071BD; padding: 40px;}
.programCenter .leftBox span {font-size: 29px; font-weight: 700; display: block; padding-bottom: 10px;}
.programCenter .leftBox p {font-size: 18px; padding-bottom: 25px;}
.programCenter .leftBox ul li {font-size: 20px; font-weight: 600; padding: 7px 0;}
.programCenter .leftBox ul li a {color: #fff; display: flex; align-items: center;}
.programCenter .leftBox ul li a img {margin-right: 10px; width: 20px;}
.programCenter .rightBox {width: 68%; padding-left: 30px;}
.programCenter .rightBox ul {margin: -10px;}
.programCenter .rightBox ul li {padding: 10px; width: 33.33%;}
.programCenter .rightBox ul li .inner {border: 1px solid #CFCFCF; height: 100%; padding: 20px; box-shadow: 1px 4px 5px rgba(0,0,0,.1);}
.programCenter .rightBox ul li .inner span {font-size: 20px; line-height: 25px; font-weight: 700; display: block; padding-bottom: 10px; text-transform: capitalize;}
.programCenter .rightBox ul li .inner p {font-size: 15px; padding-bottom: 20px;}
.programCenter .rightBox ul li .inner a {color: #0071BD; font-size: 17px; font-weight: 700;}
.programCenter .rightBox ul li .inner a:hover {color: #000;}

.branchBox {padding: 40px; background: #F7F7F7;}
.branchList {margin: -15px; padding-top: 25px;}
.branchList li {width: 50%; padding: 15px;}
.branchList li .inner {border: 1px solid #CFCFCF; background: #fff; height: 100%; padding: 30px; box-shadow: 1px 4px 5px rgba(0,0,0,.1);}
.branchList li .hdText {padding-bottom: 15px;}
.branchList li p {padding-top: 10px; font-size: 17px; font-weight: 600;}
.branchList li p a {color: #0071BD;}
.branchList li p a:hover {color: #000;}

.examCenter {margin: -15px; padding-top: 10px;}
.examCenter li {width:25%; padding: 15px;}
.examCenter li .inner { height: 100%;}
.examCenter li .inner .img img {width: 100%;}
.examCenter li .inner .det {padding: 20px; border: 1px solid #CFCFCF; border-top: none; background: #fff; box-shadow: 1px 4px 5px rgba(0,0,0,.1); font-weight: 700;}
.examCenter li .inner .det span {display: block; font-size: 20px; padding-bottom: 10px;}
.examCenter li .inner .det p {font-size: 17px; padding-top: 5px;}

.academiicProgramms {margin: -15px; padding-top: 10px;}
.academiicProgramms li {width:25%; padding: 15px;}
.academiicProgramms li:first-child {width: 50%;}
.academiicProgramms li .img {background-size: cover !important; border-radius: 40px; height: 100%; position: relative; display: block; max-height: 340px; overflow: hidden; transition: ease-in-out .4s;}
.academiicProgramms li .img img {width: 100%; border-radius: 40px; opacity: 0;}
.academiicProgramms li .img:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0) 56%,rgba(255,255,255,0.02) 57%,rgba(0,0,0,1) 100%); }
.academiicProgramms li span {position: absolute; left: 35px; bottom: 35px; color: #fff; font-size: 28px; font-weight: 700;}
.academiicProgramms li .img:hover {opacity: .9;}

.uposBox {background: #0071BD; font-size: 47px; font-weight: 700; padding: 20px 40px; color: #fff; position: relative; margin: -60px 0 40px 0;}
.openingStatement .img {width: 465px;}
.openingStatement .det {width: calc(100% - 465px); border: 1px solid #CFCFCF; background: #fff; box-shadow: 1px 5px 10px rgba(0,0,0,.1); padding: 50px;}
.presidentName {padding-top: 30px; font-size: 28px;}
.presidentName span {display: block; font-weight: 700; padding-bottom: 10px;}

.ffList {margin: -15px; justify-content: center; padding-top: 15px;}
.ffList li {padding: 15px; width: 25%;}
.ffList li .inner {background: linear-gradient(to right,  rgba(0,113,189,1) 0%,rgba(58,68,118,1) 100%); border-radius: 20px; padding: 30px; height: 100%; font-size: 20px; line-height: 30px; font-weight: 600; text-transform: capitalize; display: block;}
.ffList li .inner .icon {height: 100px; display: flex; align-items: center; margin-bottom: 10px;}

.partnerInfo .text {width: 60%; font-size: 27px; line-height: 45px; font-weight: 700; padding-right: 50px;}
.partnerInfo .list {width: 40%;}
.partnerInfo .list li {font-size: 16px; padding: 5px 0 5px 20px; position: relative;}
.partnerInfo .list li:before {content:''; position: absolute; left: 0; top: 13px; width: 6px; height: 6px; background: #0071BD;}
.partners {margin: -15px; padding-top: 30px;}
.partners li {width: 20%; padding: 15px;}
.partners li .icon {height: 100%; border: 1px solid #CFCFCF; background: #fff; padding: 20px; box-shadow: 1px 4px 5px rgba(0,0,0,.1); display: flex; align-items: center; justify-content: center;}
.mainHd.normal {font-weight: normal; max-width: 820px; margin: auto;}

.ffStatsList {justify-content: space-between; padding: 20px 0 0 0; max-width: 1200px; margin: auto; text-align: center;}
.ffStatsList li {padding: 15px; font-size: 24px;}
.ffStatsList li span {display: block; font-size: 75px; color: #343A71;}

.admission .innerBannerText {max-width: 1000px;}
.admission .applyNow span {line-height: normal; padding: 0;}
.introductionBox .info {width: 56%; padding-right: 40px;}
.introductionBox .img {width: 44%;}
.admissionReq:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.55);}
.reqBox {margin: -15px; padding-top: 10px;}
.reqBox > li {width: 33.33%; padding: 15px;}
.transparentBox {border-width: 1px; border-style: solid; border-image: linear-gradient(to bottom, rgba(255,255,255,.5), rgba(255,255,255,0)) 1; height: 100%; padding: 30px; background: linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(41,77,101,0.23) 50%,rgba(255,255,255,0.34) 100%); backdrop-filter: blur(10px);}
.smallHd {font-size: 25px; font-weight: 700; padding-bottom: 10px; text-transform: capitalize;}
.countList {padding: 5px 0 0 15px;}
.countList > li {font-size: 16px; padding: 10px 0; list-style:decimal;}
.enrollBanner {display: flex; align-items: center; height: 240px; padding: 20px 80px; justify-content: space-between; background-size: cover !important;}
.enrollBanner .applyNow {min-width: 180px; justify-content: center;}
.enrollBanner .mainHd {padding: 0 100px 0 0;}
.browseList {padding-top: 10px;}
.browseList li {border-bottom: 1px solid #AAAAAA; font-size: 28px; font-weight: 600; text-transform: uppercase; position: relative;}
.browseList li a {display: block; color: #000; padding: 35px 80px 35px 30px; position: relative;}
.browseList li a:before {content:'east'; text-transform: none; font-family: 'Material Icons'; font-size: 24px; position: absolute; right: 20px; top: 50%; margin-top: -12px; font-weight: 400;}
.browseList li a:hover {background: #0071BD; color: #fff;}
.caHd {font-size: 20px; line-height: 35px; font-weight: 700; font-style: italic;}

.listCon {margin: -15px; padding-top: 25px;}
.listCon .bulletList {padding: 15px; width: 33.33%;}
.bulletList li {font-size: 16px; padding: 5px 0 5px 20px; position: relative;}
.bulletList li:before {content:''; position: absolute; left: 0; top: 13px; width: 6px; height: 6px; background: #0071BD;}
.bulletList.whtDot li:before {background: #fff;}

.membershipSlider .item {padding: 10px; height: 100%;}
.membershipSlider .item .inner {box-shadow: 1px 4px 5px rgba(0,0,0,.1); border: 1px solid #CFCFCF; height: 100%; background: #fff; padding: 20px; display: block;}
.membershipSlider .item .img {height: 110px; display: flex; align-items: center; margin-bottom: 20px;}
.membershipSlider .item .img img {width: auto;}
.membershipSlider .item .det {font-size: 22px; font-weight: 700;}
.rewardsTab {justify-content: center; margin: -10px; padding-top: 10px;}
.rewardsTab li {padding: 10px;}
.rewardsTab li a {box-shadow: 1px 4px 5px rgba(0,0,0,.1); border: 1px solid #CFCFCF; border-radius: 4px; font-size: 18px; font-weight: 700; height: 50px; padding: 0 30px; color: #000; display: flex; align-items: center;}
.rewardsTab li a:hover, .rewardsTab li.active a {background: #0071BD; border-color: #0071BD; color: #fff;}

.rewardsList {margin: -15px; padding: 25px 0 0 0;}
.rewardsList li {width: 25%; padding: 15px;}
.rewardsList li .inner {height: 100%; box-shadow: 1px 4px 5px rgba(0,0,0,.1); background: #fff; border: 1px solid #CFCFCF; padding: 20px;}
.rewardsList li .inner .img {width: 110px;}
.rewardsList li .inner .img img {border-radius: 6px;}
.rewardsList li .inner .name {width: calc(100% - 110px); padding-left: 20px; font-size: 18px; font-weight: 600;}

.ipSlider .item {padding: 10px; height: 100%; margin-top: 10px;}
.ipSlider .item .inner {box-shadow: 1px 4px 5px rgba(0,0,0,.1); border: 1px solid #CFCFCF; height: 100%; background: #fff; padding: 10px;}
.ipSlider .item .img {height: 140px; display: flex; align-items: center;}
.ipSlider .item .img img {width: auto; margin: auto;}
.middleLeft {width: 400px;}
.leftTab {position: sticky; top: 100px; z-index: 10;}
.leftTab li {font-size: 24px; font-weight: 600; margin: 25px 0;}
.leftTab li a {display: block; color: #000; padding: 0 0 0 20px; border-left: 4px solid transparent;}
.leftTab li a:hover, .leftTab li a.active {color: #0071BD; border-left: 4px solid #0071BD;}
.middleRight {width: calc(100% - 400px); padding-left: 30px;}
.faqList {margin: -10px; padding-top: 10px;}
.faqList li {padding:10px; width: 50%;}
.faqList li .faqBox {background: #F7F7F7;}
.faqList li .q {position: relative; display: flex; align-items: center; min-height: 60px; cursor: pointer; padding: 5px 40px 5px 20px; font-weight: 700; font-size: 18px; text-transform: uppercase;}
.faqList li .q:before {content: ''; width: 16px; height: 2px; background: #333; position: absolute; right: 15px; top: 26px;}
.faqList li .q:after {content: ''; width: 2px; height: 16px; background: #333; position: absolute; right: 22px; top: 19px;}
.faqList li.active .q:after {display: none;}
.faqList li .ans {display: none; position: relative; cursor: pointer; padding: 0 20px 20px 20px; font-size: 16px; line-height: 26px;}
.communicationsList {margin: -15px; padding-top: 10px;}
.communicationsList li {padding: 15px; width: 33.33%;}
.communicationsList li .inner  {box-shadow: 1px 4px 5px rgba(0,0,0,.1); border: 1px solid #CFCFCF; height: 100%; background: #fff; padding: 25px; display: block; font-size: 24px; line-height: 36px; font-weight: 700;}
.communicationsList li .inner .icon {height:70px; display: block;}
.communicationsList li .inner .hd {display: block; text-transform: uppercase; padding-top: 10px;}

.laboratoriesList {margin: -15px; padding-top: 10px;}
.laboratoriesList li {width: 33.33%; padding: 15px;}
.laboratoriesList li .inner  {box-shadow: 1px 4px 5px rgba(0,0,0,.1); border: 1px solid #CFCFCF; height: 100%; background: #fff; padding: 10px; display: block;}
.laboratoriesList li .inner .img {overflow: hidden;}
.laboratoriesList li .inner .img img {width: 100%; transition: ease-in-out .4s;}
.laboratoriesList li .inner:hover .img img {transform: scale(1.1);}
.laboratoriesList li .inner .name {font-size: 16px; font-weight: 700; padding: 15px 10px; color: #000;}
.impectFactor {padding: 40px 0 0 0; font-size: 16px;}
.impectFactor .hd {font-size: 18px; font-weight: 700; line-height: normal; display: block; padding-bottom:20px;}
.impectFactor .list {padding-top: 10px;}
.impectFactor .list li {font-size: 16px; padding: 5px 0 5px 15px; position: relative;}
.impectFactor .list li:before {content:''; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; background: #333; border-radius: 100%;}

.peerReviewedList {margin: -15px; padding-top: 10px;}
.peerReviewedList li {width: 33.33%; padding: 15px;}
.peerReviewedList li .inner  {box-shadow: 1px 4px 5px rgba(0,0,0,.1); border: 1px solid #CFCFCF; height: 100%; background: #fff; display: block;}
.peerReviewedList li .inner .img img {width: 100%;}
.peerReviewedList li .inner .det {padding: 20px;}
.researchBot {margin: -5px;}
.researchBot li {width: 50%; padding: 5px;}
.researchBot li .inner {position: relative; background-size: cover !important; height: 100%; padding: 40px;}
.researchBot li .inner::before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.7);}
.researchBot li .inner > div {position: relative; z-index: 10;}
.listText {padding-top: 10px;}
.listText li {padding: 8px 0 8px 15px; position: relative; line-height: 26px;}
.listText li:before {content:''; position: absolute; left: 0; top: 20px; width: 4px; height: 4px; background: #333; border-radius: 100%;}

.innerBanner.examSchedule:before {background: linear-gradient(to left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.64) 36%,rgba(0,0,0,0.6) 100%);}
.innerBanner.examSchedule .container {min-height: 340px;}
.innerBanner.examSchedule .innerBannerText {max-width: 100%;}
.innerBanner.examSchedule .innerBannerText span {font-size: 45px; line-height: 60px;}

.collageList {margin: -15px; padding-top: 10px;}
.collageList li {width: 25%; padding: 15px;}
.collageList li .inner  {box-shadow: 1px 4px 5px rgba(0,0,0,.1); border: 1px solid #CFCFCF; height: 100%; background: #fff; display: block;}
.collageList li .inner .img img {width: 100%;}
.collageList li .inner .det {padding: 20px;}
.collageList li .inner .det .name {font-size: 22px; font-weight: 700; min-height:55px; margin-bottom: 10px;}
a.download {font-size: 16px; font-weight: 700; color: #0071BD; display: flex; align-items: center; justify-content: space-between;}
a.download:hover {color: #000;}

.enrollBanner.small .mainHd {font-size: 32px;}
.mb-30 {margin-bottom: 30px; }
.introBox .left {width: 48%;}
.introBox .right {width:52%; padding-left: 30px;}
.introBox .right .faqList {padding-top: 0;}
.introBox .right .faqList li {width: 100%;}
.alumniLink {padding: 20px; font-size: 16px; font-weight: 500;}
.alumniLink span {display: block; font-size: 18px; font-weight: 700; text-transform: uppercase; padding-bottom: 10px;}
.alumniLink a {color: #000; text-decoration: underline;}
.alumniLink a:hover {color: #0071BD; text-decoration: none;}

.innerBanner.campus:before {background: linear-gradient(to right,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.21) 100%);}
.innerBanner.campus .innerBannerText {max-width:1200px;}
.campusSlider .slick-dots {display: flex; justify-content: center; padding-top: 20px;}
.campusSlider .slick-dots li {width: 36px; height: 36px; margin: 0 5px; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.campusSlider .slick-dots li button {width: 8px; height: 8px; overflow: hidden; background: #0071BD; border-radius: 100%; font-size: 0px; color: #0071BD;}
.campusSlider .slick-dots li.slick-active {border: 1px solid #0071BD;}
.hdText.full {max-width: 100%;}

.mt-10 {margin-top: 10px;}
.campusServices {margin: -15px; padding-top: 10px;}
.campusServices > li {width: 50%; padding: 15px;}
.campusServices li .inner  {box-shadow: 1px 4px 5px rgba(0,0,0,.1); border: 1px solid #CFCFCF; height: 100%; background: #fff;}
.campusServices li .inner .img {width: 50%;}
.campusServices li .inner .det {width: 50%; display: flex; flex-direction: column; justify-content: space-between; padding: 25px;}
.campusServices li .inner .det .name {font-size: 22px; font-weight: 700;}
.campusServices li .inner .det a.link {font-size: 16px; font-weight: 700; display: flex; align-items: center;}
.campusServices li .inner .det a.link span {margin: 4px 0 0 5px; transition: ease-in-out .4s;}
.campusServices li .inner .det a.link:hover {color: #000;}
.campusServices li .inner .det a.link:hover span {margin-left: 15px;}
.saCov .box {width: calc(50% - 3px);}
.saCov .box .det {padding: 30px;}
.actvitySlider {padding: 0;}
.actvitySlider .item {padding: 15px; height: 100%;}
.actvitySlider .slick-arrow {top: -50px; margin: 0;}
.actvitySlider .slick-arrow {top: -50px; margin: 0;}
.actvitySlider .slick-arrow.slick-prev {left: inherit; right: 60px;}
.videoBox {position: relative;}
.videoBox .play {position: absolute; left: 50%; top: 50%; margin: -60px 0 0 -60px;}

.ourAlumini {padding: 0;}
.ourAlumini .item {padding: 10px; height: 100%;}
.ourAlumini .slick-arrow {top: -50px; margin: 0;}
.ourAlumini .slick-arrow {top: -50px; margin: 0;}
.ourAlumini .slick-arrow.slick-prev {left: inherit; right: 60px;}
.ourAlumini .inner {border: 1px solid #AAAAAA; border-radius: 16px; height: 100%; padding: 25px; text-align: center;}
.ourAlumini .inner .img img {border-radius: 100%; border: 1px dashed #000; padding: 10px; margin: 0 auto 15px auto;}
.ourAlumini .inner .name {font-size: 22px; font-weight: 700; padding-bottom: 10px;}
.ourAlumini .inner .textBox {font-size: 14px; line-height: 20px;}

.aboutHadramout .img {width: 44%; position: relative;}
.aboutHadramout .img img {width: 100%;}
.aboutHadramout .img .play {background: #0071BD; width: 80px; height: 80px; border-radius: 100%; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; display: flex; align-items: center; justify-content: center;}
.aboutHadramout .img .play span {color: #fff; font-size: 42px;}
.aboutHadramout .det {width: 56%; padding-left: 40px;}
.aboutHadramout .det a {display: inline-block; text-decoration: underline;}
.aboutHadramout .det a:hover {text-decoration: none; color: #000;}

.faqList.column3 li {width: 33.33%;}
.speeachBox .det {width: 60%; padding-right: 40px;}
.speeachBox .img {width: 40%;}
.speeachBox .img img {width: 100%;}
.enrollBanner.smallBox {max-width: 1200px; margin: auto;}
.enrollBanner.smallBox .mainHd {font-size: 32px;}
.listText.small li {padding: 3px 0 3px 12px; font-size: 14px; font-weight: 500; line-height: 20px;}
.listText.small li:before {top:11px;}
.studentAffairs .det {width: 44%; padding-right: 40px;}
.studentAffairs .img {width: 56%;}
.studentAffairs .img ul {margin: -5px;}
.studentAffairs .img ul li {padding: 5px; width: 58%;}
.studentAffairs .img ul li.last {width: 42%; display: flex; flex-direction: column; justify-content: space-between;}

.libraryBox {width: 47%;}
.taskBox {width: 47%;}
.faqList.full li {width: 100%;}
.contactInfoList {margin: -15px; padding-top: 10px;}
.contactInfoList li {padding: 15px; width: 33.33%;}
.contactInfoList li .inner  {box-shadow: 1px 4px 5px rgba(0,0,0,.1); border: 1px solid #CFCFCF; height: 100%; background: #fff; padding: 25px; }
.contactInfoList li .inner .icon {width: 50px; display: block;}
.contactInfoList li .inner .icon img {width: 36px;}
.contactInfoList li .inner .det {width: calc(100% - 50px); padding-left: 20px; font-size: 24px; line-height: 36px; font-weight: 700;}
.contactInfoList li .inner .det a {color: #000;}
.contactInfoList li .inner .hd {display: block; text-transform: uppercase;}
.noramlWeight {font-weight: normal !important;}

.branchOffice {margin: -15px; padding-top: 10px;}
.branchOffice > li {padding: 15px; width: 33.33%;}
.branchOffice li .inner  {box-shadow: 1px 4px 5px rgba(0,0,0,.1); border: 1px solid #CFCFCF; height: 100%; background: #fff; padding: 25px; }
.branchOffice li .inner .hd {display: block; text-transform: uppercase; font-size: 24px; font-weight: 700; padding-bottom: 10px;}
.branchOffice li .inner .info li {padding: 0 0 0 35px; margin-top: 15px; font-size: 19px; text-transform: uppercase; font-weight: 600; position: relative;}
.branchOffice li .inner .info li img {width: 18px; ;position: absolute; left: 0; top: 7px;}

.leftTab li a.applyNow {display: inline-flex; padding: 0 20px; border: none; color: #fff; margin: 10px 0 0 24px;}
.leftTab li a.applyNow:hover {color: #fff; border: none;}
.pt-0 {padding-top: 0 !important;}
.deansWord .left {width: 40%;}
.deansWord .right {width: 60%; padding-left: 30px;}
.deansWord .right a {display: inline-block; text-decoration: underline;}
.deansWord .right a:hover {text-decoration: none; color: #000;}

.collageList.column3 li {width: 33.33%;}
.featureList li {border-bottom: 1px solid #aaaaaa; padding: 30px 0;}
.featureList li:first-child {padding-top: 0;}
.featuresHd {font-size: 28px; text-transform: uppercase; padding-bottom: 10px;}
.sliderArrow.gallerySlider {padding:  0;}
.sliderArrow.gallerySlider .slick-arrow.slick-prev {left:-20px;}
.sliderArrow.gallerySlider .slick-arrow.slick-next {right:-20px;}
.gallerySlider .item {padding: 10px;}

.innerBanner.detail .container {min-height: 340px;}

.detailTabsCon {border-bottom: 2px solid #D9D9D9;}
.detailTabsCon ul {justify-content: space-between; display: flex;}
.detailTabsCon ul li a {display: flex; align-items: center; justify-content: center; height: 66px; font-size: 20px; font-weight: 700; color: #000; position: relative; padding: 5px 15px; text-align: center; text-transform: capitalize;}
.detailTabsCon ul li a:hover {color: #0071BD;}
.detailTabsCon ul li.active a:after {content: ''; position: absolute; left: 0; bottom: -2px; height: 6px; width: 100%; background: #0071BD;}

.detailSubTab {border-top: 1px solid #aaa; padding: 30px 0 0 0; margin-top: 30px;}
.detailSubTab ul {margin: -10px;}
.detailSubTab ul li {padding: 10px;}
.detailSubTab ul li a {display: block; background: #E9E9E9; color: #0071BD; text-transform: capitalize; font-size: 18px; font-weight: 700; padding: 12px 50px; border-radius: 40px;}
.detailSubTab ul li a:hover, .detailSubTab ul li.active a {background: #0071BD; color: #fff;}

.smallTextBox {font-size: 14px; line-height: 24px; font-weight: 600;}

.departmentMessage .img {width: 40%; padding-top: 5px;}
.departmentMessage .det {width: 60%; padding: 0 0 0 40px;}
.largeFont {font-size: 18px; line-height: 28px;}
.largeFont span {display: block; font-weight: 700;}
.boxContent {padding: 20px;}
.boxContent .hd {display: block; font-size: 16px; text-transform: uppercase; font-weight: 700; padding-bottom: 5px;}
.programObjectives .det {width: 60%; padding: 0 40px 0 0;}
.programObjectives .img {width: 40%; padding-top: 5px;}

.conditionBox {background: #fff; border: 1px solid #CFCFCF; box-shadow: 0 0 2px rgba(0,0,0,.2); padding: 30px; margin-top: 40px;}
.conditionBox .mainHd {font-size: 28px;}
.conditionList {margin: -10px;}
.conditionList li {padding: 10px; width: 20%; margin-top: 20px;}
.conditionList li .inner {height: 100%; border-radius: 30px; padding: 45px 20px 20px 20px; position: relative; background: linear-gradient(234.6deg, #3A4476 12.94%, #0071BD 88.55%); font-size: 16px; color: #fff; line-height: 24px;}
.conditionList li .inner .count {width: 56px; height: 56px; border-radius: 100%; background: #fff; border: 5px solid #3A4476; position: absolute; left: 20px; top: -20px; font-size: 26px; color: #3A4476; font-weight: 800; display: flex; align-items: center; justify-content: center;}
.countList.small > li {font-size: 14px; padding: 4px 0; list-style:decimal;}

.navbar-brand .whtLogo {
 display: none;
}
.innerHeader .navbar-brand .whtLogo {
 display: inline-block;
}
.innerHeader .navbar-brand .blLogo {
 display: none;
}
li.nav-item.dropdown.small .o_mega_menu.dropdown-menu {
   width:340px;
}


.innerHeader .navbar-nav .nav-link {
    color: #000000 !important; /* Black color */
}

.innerHeader .navbar-nav .nav-link:hover {
    color: #333333 !important; /* Darker black color for hover */
}

.custom-navbar.header {
    color: white !important;
}

.custom-navbar.innerHeader {
    color: black !important;
}








    .card img {
        object-fit: contain;
    }