:root {
--primary: #0D3453;
--secondary: #5CAE48;
--browncolor: #F05A28
}


.mobileonly,
.tabonly {
display: none !important
}

.cursorpointer {
cursor: pointer
}


.btn.manualbtnl {
width: auto;
padding: 0 20px;
height: 40px;
line-height: 40px;
border: 1px solid #c1c1c1;
border-radius: 4px;
color: #000;
font-size: 16px;
font-weight: 500;
background: linear-gradient(to right, #0d3453 50%, #fff 50%);
background-size: 200% 100%;
transition: all .5s;
background-position: right bottom
}

.btn.manualbtnxl {
width: auto;
padding: 0 45px;
height: 50px;
line-height: 50px;
border: 1px solid #c1c1c1;
border-radius: 4px;
color: #000;
font-size: 18px;
font-weight: 500;
background: linear-gradient(to right, #000 50%, #fff 50%);
background-size: 201% 100%;
transition: all .5s;
background-position: right bottom
}

.btn.manualbtnl.grn,
.btn.manualbtnxl.grn {
border: 1px solid var(--secondary);
color: #fff;
background: linear-gradient(to right, #3f8d2c 50%, var(--secondary) 50%);
background-size: 201% 100%;
transition: all .5s;
background-position: right bottom
}

.btn-close:focus,
.btn:focus {
box-shadow: none
}

.btn.manualbtnl:hover,
.btn.manualbtnxl:hover {
background-position: left bottom;
color: #fff;
background-size: 201% 100%
}

a:hover {
color: inherit
}

:focus {
outline: 0 !important
}

.btn.manualbtnl.grn.ctabtn,
.mobileonly .nav_btn_links .btn.manualbtnl.grn.ctabtn {
width: auto;
padding: 4px 10px;
word-wrap: break-word;
line-height: 40px;
height: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 5px 0 0
}

.btn.manualbtnl.loginbtn,
header .btn.manualbtnl.loginbtn,
.mobileonly .nav_btn_links .btn.manualbtnl.loginbtn {
height: 40px;
line-height: 40px;
padding: 0 10px;
width: auto;
margin-left: 4px
}

header_inst {
padding: 20px 0;
background: var(--primary);
transition: all 1s
}

header_inst .container .btn-close {
filter: invert(100%);
opacity: 1;
height: 13px;
width: 13px;
padding: 0;
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto
}

#headerTopSlide .carousel-inner {
padding: 0 30px;
width: calc(100% - 50px);
margin: 0 0 0 20px
}

#headerTopSlide .carousel-inner a {
color: #fff;
text-decoration: none;
background: linear-gradient(to right, #3f8d2c 50%, var(--secondary) 50%);
background-size: 201% 100%;
transition: all .5s;
background-position: right bottom;
height: 40px;
line-height: 40px;
display: inline-block;
padding: 0 20px;
border-radius: 4px;
margin: 0 0 0 15px;
font-size: 16px;
font-weight: 500
}

#headerTopSlide .carousel-inner a:hover {
background-position: left bottom;
color: #fff;
background-size: 201% 100%;
text-decoration: none
}

.mobile_call {
position: fixed;
right: 0;
top: 70px;
background: #0d3453;
text-align: center;
border-radius: 25px 0 0 25px;
display: none;
z-index: 9
}

.mobile_call a {
filter: invert(100%);
height: 40px;
line-height: 38px;
padding: 0 6px 0 14px;
display: inline-block
}

.mobile_call a img,
.mobilenavcall img {
width: 18px;
height: auto
}

.mobilenavcall {
display: none;
background: #0d3453;
border-radius: 50%;
margin: 0
}

.mobilenavcall a {
filter: invert(100%);
height: 40px;
line-height: 38px;
width: 40px;
display: inline-block;
text-align: center
}

header {
padding: 0;
width: 100%;
border-bottom: 1px solid #ececec;
min-height: 90px;
z-index: 998;overflow: hidden;
}

header:hover {
z-index: 999;overflow:visible
}

header>div {
width: 100%;
padding: 0 20px;
max-width: 100%;
margin: 0 auto
}

header .btn {
margin: 0 0 0 10px
}

nav #navbarSupportedContent>ul>li a span {
font-size: 16px;
color: #000;
font-weight: 500
}

{
padding: 0 25px
}

header .mblnav {
display: none;
margin: 0 0 0 15px
}

.header {
width: 100%
}



nav #Counsellors-collapse .events_webinars .event h3,
nav .events_webinars .event h3 {
min-height: 65px
}

nav #Counsellors-collapse .events_webinars .event p,
nav .events_webinars .event p {
min-height: 80px
}

nav #Counsellors-collapse .events_webinars.blog .event h3,
nav .events_webinars.blog .event h3 {
min-height: 88px
}

nav #resource-collapse .navleft .navcol>a:first-child {
margin-bottom: 15px
}

nav #navbarSupportedContent>ul>li .nav_btn_links .btn.manualbtnl {
height: 40px;
line-height: 38px;
width: 100%;
max-width: 220px;
margin-bottom: 15px;
border: 2px solid #707070;
font-size: 16px;
font-weight: 600;
display: block
}

nav #navbarSupportedContent>ul>li .nav_btn_links .btn.manualbtnl.grn {
border: 2px solid var(--secondary);
color: #fff
}

nav #navbarSupportedContent>ul>li .nav_btn_links .btn.manualbtnl.grn span,
nav #navbarSupportedContent>ul>li .nav_btn_links .btn.manualbtnl:hover span {
color: #fff
}

nav #navbarSupportedContent>ul>li>div#counsellors-collapse .container.counsellornav_container,
nav #navbarSupportedContent>ul>li>div#resource-collapse .container.resnav_container,
nav #navbarSupportedContent>ul>li>div#schools-collapse .container.schoolnav_container,
nav #navbarSupportedContent>ul>li>div#studentsParents-collapse .container.studentsParents_container,
nav #navbarSupportedContent>ul>li>div#university-collapse .container.universitynav_container {
position: relative
}

nav #navbarSupportedContent>ul>li>div#studentsParents-collapse .container.studentsParents_container .studentsParents_limg {
position: absolute;
left: -270px;
bottom: 40px
}

nav #navbarSupportedContent>ul>li>div#studentsParents-collapse .container.studentsParents_container .studentsParents_rimg {
position: absolute;
right: -200px;
bottom: 40px
}

nav #navbarSupportedContent>ul>li>div#schools-collapse .container.schoolnav_container .schoolnav_rimg {
position: absolute;
right: -200px;
bottom: 0
}

nav #navbarSupportedContent>ul>li>div#university-collapse .container.universitynav_container .universitynav_limg {
position: absolute;
left: -320px;
bottom: 0
}

nav #navbarSupportedContent>ul>li>div#counsellors-collapse .container.counsellornav_container .counsellornav_limg {
position: absolute;
left: -270px;
bottom: 0
}

nav #navbarSupportedContent>ul>li>div#counsellors-collapse .container.counsellornav_container .counsellornav_rimg {
position: absolute;
right: -200px;
bottom: 10px
}

nav #navbarSupportedContent>ul>li>div#resource-collapse .container.resnav_container .resnav_limg {
position: absolute;
left: -270px;
bottom: 0
}

nav #navbarSupportedContent>ul>li>div#resource-collapse .container.resnav_container .resnav_rimg {
position: absolute;
right: -270px;
bottom: 0
}

nav #navbarSupportedContent>ul>li>div#resource-collapse .nav-item button.nav-link {
color: #0d3453;
font-size: 18px;
font-weight: 600;
line-height: 26px;
padding: 0 0 5px;
border: 0 solid #fff;
border-bottom: 5px solid transparent
}

nav #navbarSupportedContent>ul>li>div#resource-collapse .nav-item button.nav-link.active {
background: 0 0;
border: 0 solid #fff;
border-bottom: 5px solid #5cae48
}

nav #navbarSupportedContent>ul>li>div#resource-collapse #BlogEventTab li.nav-item {
margin: 0
}

nav #navbarSupportedContent>ul>li>div#resource-collapse #BlogEventTab li.nav-item:first-child {
margin-right: 60px
}

nav #navbarSupportedContent>ul>li>div#resource-collapse #BlogEventTab {
border-bottom: 0 solid #fff;
margin-bottom: 20px
}

nav #navbarSupportedContent>ul>li>div#schools-collapse>.container>div.navleft>a>span {
font-size: 18px
}

header #navbarSupportedContent div#counsellors-collapse .counsellornav_container .navleft #students-collapse ul.nosub>li>a span {
font-size: 18px;
font-weight: 600;
color: #f05a28
}

.counsellornav_container .navleft #students-collapse ul.nosub>li>a::after {
border-top: 1.5px solid #f05a28;
border-right: 1.5px solid #f05a28
}

nav #navbarSupportedContent>ul>li>div#resource-collapse #BlogEventTabContent #navblog>p>a {
color: #0d3453;
text-decoration: none
}

nav #navbarSupportedContent>ul>li>div#resource-collapse #BlogEventTabContent #navblog>p {
position: relative
}

nav #navbarSupportedContent>ul>li>div#resource-collapse #BlogEventTabContent #navblog>p::after {
content: '';
width: 8px;
height: 8px;
border-top: 1.5px solid #0d3453;
border-right: 1.5px solid #0d3453;
transform: rotate(45deg);
margin: 0 0 0 5px;
transition: all .3s ease-in-out;
display: inline-block;
opacity: 1
}

nav #navbarSupportedContent>ul>li>div#resource-collapse #BlogEventTabContent #navblog>p:hover::after {
margin-left: 10px
}

.subNav .navcol>ul>li.stplilinks>a {
display: inline-block;
width: auto;
margin-right: 5px
}

.subNav .navcol>ul>li.stplilinks:hover>a {
margin-left: 0
}

.subNav .navcol>ul>li.stplilinks:hover {
padding-left: 25px
}

.subNav .navcol>ul>li.stplilinks {
flex-wrap: wrap;
transition: all .3s ease-in-out
}



.navbar #BlogEventTabContent #navblog .events_webinars .event h3 {
min-height: 66px
}

.navbar #BlogEventTabContent #navblog .events_webinars .event a {
text-decoration: none;
color: #000
}

.navbar #BlogEventTabContent #navblog .events_webinars .event div>a>img {
margin: -1px 0 20px 0;
border-radius: 4px 4px 0 0
}

.navbar #BlogEventTabContent #navblog .events_webinars .event {
padding: 0 0 20px 0
}

.navbar #BlogEventTabContent #navblog .events_webinars .event div>.flex-1 {
padding: 0 25px
}





@media (min-width:991.98px) {


nav #navbarSupportedContent>ul>li {
position: static;
min-height: 90px;
display: flex
}

.nav-shadow .navbar {
position: static;
padding: 0
}

nav #navbarSupportedContent>ul>li>div.container-fluid {
position: absolute;
left: 0;
background: #fff;
right: 0;
margin: auto;
top: 80px;
display: block !important;
opacity: 0;
transition: all .3s ease-in-out;
z-index: -1;
height: 0;
overflow: hidden
}
.header_top > div > div.flex-1 nav #navbarSupportedContent > ul > li:hover > div.container-fluid {
opacity: 1 !important;
top: 91px;
transition: all 0.3s ease-in-out;
z-index: 999;
height: auto !important;
}
.header_top > div > div.flex-1 nav #navbarSupportedContent > ul > li > div.container-fluid > .container.resnav_container > div.navright {
width: 34%;
padding: 20px 20px 20px 25px;
}

nav #navbarSupportedContent > ul > li:hover > div.container-fluid {
opacity: 1 !important;
top: 95px;
transition: all .3s ease-in-out;
z-index: 999;
height: auto !important;
border-top: 1px solid #f1f1f1;
}

nav #navbarSupportedContent>ul>li>div.container-fluid:hover {
z-index: 999;
opacity: 1 !important;
height: auto !important
}

nav #navbarSupportedContent>ul>li:hover>div.container-fluid.unhover {
height: 0
}

nav #navbarSupportedContent>ul>li>div.container-fluid::after {
background: #f2f2f2;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 34%;
content: '';
z-index: -1
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 465px
}
nav #navbarSupportedContent > ul > li > div.container-fluid > .container.resnav_container {height: auto;}
nav #navbarSupportedContent > ul > li > div.container-fluid > .container.resnav_container > div.navright {flex: 1;}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div {
padding: 20px 25px 20px 0
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div>a {
margin-bottom: 5px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div>a>span {
font-size: 20px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.navleft {
width: 60%;
position: relative;
margin-left: 6%
}
#navbarSupportedContent > ul > li > div.container-fluid > .container.resnav_container > div.navleft {width: 53%;}
nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.navright {width: 34%;padding: 20px 0 20px 25px	}
nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div>.nav-link {font-size: 20px;border-bottom: 1px solid #dedede;padding-bottom: 15px;margin-bottom: 20px}

nav #navbarSupportedContent>ul>li>div#counsellors-collapse>.container>div.navright>.nav-link,
nav #navbarSupportedContent>ul>li>div#university-collapse>.container>div.navright>.nav-link {
font-size: 20px;
border-bottom: 0 solid #dedede;
padding-bottom: 0;
margin-bottom: 5px
}
nav #navbarSupportedContent ul li .view-btn {
background: #5CAE48 0% 0% no-repeat padding-box;
border-radius: 4px;
margin: 10px 0 0;
color: #fff !important;
padding: 0 20px;
height: 32px;
text-decoration: none;
display: inline-flex;
align-items: center;
transition: all 0.3s ease-in-out;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
nav #navbarSupportedContent ul li .view-btn span{color: #fff;}
nav #navbarSupportedContent ul li .view-btn:hover {
background: #438633;
}
nav #navbarSupportedContent>ul>li>div#counsellors-collapse>.container>div.navright>.nav-link span,
nav #navbarSupportedContent>ul>li>div#university-collapse>.container>div.navright>.nav-link span {
font-size: 18px
}

nav #navbarSupportedContent>ul>li>div#schools-collapse>.container>div>.nav-link {
font-size: 20px;
border-bottom: 0 solid #dedede;
padding-bottom: 0;
margin-bottom: 5px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container::before {
position: absolute;
width: 66%;
left: 0;
top: 0;
content: '';
background: #fff;
bottom: 0;
margin: auto;
z-index: -1
}

.mouseHover::before {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
content: '';
background: rgba(0, 0, 0, .8);
width: 100%;
height: 100%;
z-index: 1
}

ul.nosub {
padding: 0;
list-style: none
}

ul.subnav {
padding-left: 0;
margin-top: 5px
}

nav #navbarSupportedContent>ul {
justify-content: center !important;
height: 100px;
align-items: center
}

.nav-shadow .dropdown-toggle::after {
vertical-align: top;
margin-top: -3px;
margin-left: 10px;
margin-right: 0;
border-top: 2px solid #000;
border-right: 2px solid #000;
border-bottom: unset;
border-left: unset;
width: 8px;
height: 8px;
transform: rotate(135deg);
transition: all .3s ease-in-out
}

.nav-shadow ul>li:hover>.dropdown-toggle::after {
margin-top: 6px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(-45deg);
transition: all .3s ease-in-out
}

nav #navbarSupportedContent>ul>li>.nav-link {
position: relative
}

nav #navbarSupportedContent>ul>li>.nav-link::before {
width: 100%;
height: 3px;
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
transform: rotate(0);
border: 0
}

nav #navbarSupportedContent>ul>li.active>.nav-link[data-bs-target="#studentsParents-collapse"]::before,
nav #navbarSupportedContent>ul>li:hover>.nav-link[data-bs-target="#studentsParents-collapse"]::before {
background: #fbb217;
border: 0
}

nav #navbarSupportedContent>ul>li.active>.nav-link[data-bs-target="#schools-collapse"]::before,
nav #navbarSupportedContent>ul>li:hover>.nav-link[data-bs-target="#schools-collapse"]::before {
background: #26a9e1;
border: 0
}

nav #navbarSupportedContent>ul>li.active>.nav-link[data-bs-target="#university-collapse"]::before,
nav #navbarSupportedContent>ul>li:hover>.nav-link[data-bs-target="#university-collapse"]::before {
background: #52499c;
border: 0
}

nav #navbarSupportedContent>ul>li.active>.nav-link[data-bs-target="#resource-collapse"]::before,
nav #navbarSupportedContent>ul>li:hover>.nav-link[data-bs-target="#resource-collapse"]::before {
background: #5cae48;
border: 0
}

nav #navbarSupportedContent>ul>li.active>.nav-link[data-bs-target="#counsellors-collapse"]::before,
nav #navbarSupportedContent>ul>li:hover>.nav-link[data-bs-target="#counsellors-collapse"]::before {
background: #f05a28;
border: 0
}

#navbarSupportedContent #studentsParents-collapse .container-fluid .container {
padding-bottom: 20px
}

#navbarSupportedContent #studentsParents-collapse .container>.navleft {
padding-bottom: 30px !important
}

nav #navbarSupportedContent>ul>li>div#studentsParents-collapse .navleft .navcol {
padding: 0 20px 0 0
}
.nav_success {display: flex;flex-wrap: wrap;}
.nav_success .nav_success_list {width: 48%;border-radius: 6px;overflow: hidden;position: relative;}
.nav_success .nav_success_list img {width: 100%;}
.nav_success .nav_success_list:first-child {margin-right: 4%;}
.nav_success .nav_success_list .nav_success_list_name {position: absolute;left: 0;right: 0;bottom: 0;margin: auto;color: #ffff;padding: 25px;font-size: 20px;font-weight: 600;}

.nav_success .nav_success_list a::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; height: 50%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.nav_success .nav_success_list a:hover::before{height: 80%;}
.nav_success .nav_success_list a {display: inline-block;color: #fff;height: 450px;}
.nav_success .nav_success_list a .nav_success_list_name {color: #fff !important;font-size: 24px !important;text-align: center;line-height: 28px;}

}

.subNav .navcol>ul.arrow>li:not(:last-child),
ul.nosub>li:not(:last-child) {
margin-bottom: 15px
}

.nav-shadow nav #navbarSupportedContent .navcol>ul>li>a.nav-link span {
color: #fbb217
}

nav #navbarSupportedContent a.subnav_title.purple span {
color: #52499c;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px
}

nav #navbarSupportedContent a.subnav_title.orange span {
color: #f05a28;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px
}

nav #navbarSupportedContent a.subnav_title.yellow span {
color: #fbb217;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px
}

nav #navbarSupportedContent .resnav_container a.subnav_title.yellow span {
color: #5cae48;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px
}

nav #navbarSupportedContent a.subnav_title.green span {
color: #5cae48
}

nav #navbarSupportedContent a.subnav_title span {
font-size: 16px
}

nav #navbarSupportedContent a.subnav_title.green span:hover {
color: #000
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div>a>span {
position: relative;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
color: #111
}

nav #navbarSupportedContent>ul>li>div#studentsParents-collapse>.container>div>a>span {
position: relative;
display: flex;
align-items: center;
font-size: 24px;
font-weight: 700;
color: #0d3453
}

nav #navbarSupportedContent>ul>li>div#schools-collapse>.container>div>a>span {
color: #26a9e1
}

nav #navbarSupportedContent>ul>li>div#schools-collapse>.container>div>a>span::after {
border-top: 1.5px solid #26a9e1;
border-right: 1.5px solid #26a9e1
}

nav #navbarSupportedContent>ul>li>div#counsellors-collapse>.container>div>a>span {
position: relative;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
color: #111
}

header #navbarSupportedContent div#counsellors-collapse #students-collapse ul.nosub li a span {
font-size: 24px;
font-weight: 700;
color: #0d3453
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div>a>span::after {
content: '';
width: 8px;
height: 8px;
border-top: 1.5px solid #000;
border-right: 1.5px solid #000;
transform: rotate(45deg);
margin: 6px 0 0 5px;
transition: all .3s ease-in-out;
display: inline-block;
opacity: 1
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div>a:hover>span::after {
margin-left: 10px;
transition: all .3s ease-in-out;
opacity: 1
}

nav #navbarSupportedContent a.subnav_title span::after {
content: '';
width: 8px;
height: 8px;
border-top: 1.5px solid #fbb217;
border-right: 1.5px solid #fbb217;
transform: rotate(45deg);
margin: 3px 0 0 5px;
transition: all .3s ease-in-out;
display: inline-block;
opacity: 1
}

nav #navbarSupportedContent .resnav_container a.subnav_title span::after {
content: '';
width: 8px;
height: 8px;
border-top: 1.5px solid #5cae48;
border-right: 1.5px solid #5cae48;
transform: rotate(45deg);
margin: 3px 0 0 5px;
transition: all .3s ease-in-out;
display: inline-block;
opacity: 1
}

nav #navbarSupportedContent a.subnav_title.purple span::after {
border-top: 1.5px solid #52499c;
border-right: 1.5px solid #52499c
}

nav #navbarSupportedContent a.subnav_title.orange span::after {
border-top: 1.5px solid #f05a28;
border-right: 1.5px solid #f05a28
}

nav #navbarSupportedContent a.subnav_title:hover span::after {
margin-left: 10px;
transition: all .3s ease-in-out;
opacity: 1
}

.subNav .navcol ul ul li a,
ul.subNav-inner li a,
ul.subnav li a {
color: #111;
text-decoration: none;
transition: all .3s ease-in-out
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.navright {
background: #f2f2f2
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.navright::after .subNav {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-box-wrap: wrap;
-moz-box-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between
}

.subNav .navcol {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}

.subNav .navcol>ul>li>a,
ul.subnav>li>a {
padding: 0;
font-size: 15px;
color: #0d3453;
font-weight: 500
}

.subNav .navcol>ul {
width: 100%;
margin-bottom: 16px;
margin-top: 5px
}

.subNav .navcol ul ul {
padding: 0;
margin: 5px 0 0
}

.subnav li:hover>a {
margin-left: 10px;
transition: all .3s ease-in-out
}

.subNav-inner li,
.subnav li {
display: flex;
align-items: start;
position: relative;
padding-left: 15px
}

.subNav-inner li::before,
.subnav li::before {
content: '';
width: 8px;
height: 8px;
background: 0 0;
display: inline-block;
margin-right: 7px;
margin-top: 7px;
position: absolute;
left: 0;
top: 0;
border-top: 1.5px solid #0d3453;
border-right: 1.5px solid #0d3453;
transform: rotate(45deg)
}

.subNav .navcol ul {
padding: 0;
list-style: none
}

ul.subNav-inner li:not(:last-child),
ul.subnav li:not(:last-child) {
margin-bottom: 6px
}

.subNav .navcol ul ul li {
display: flex;
align-items: start
}

.nav-shadow .nav-item .nav-link.dropdown-toggle.btn-back {
display: none
}

.navleft .nav-link::after,
.navright .nav-link::after {
display: none
}

.subNav .last {
border-top: 1px solid #f2f2f2
}

.navright .subNav .last {
border-color: #fff
}

.btn-case {
font-size: 16px;
text-decoration: none;
font-weight: 500;
color: #111;
display: flex;
align-items: center
}

.btn-case::after {
content: '';
width: 8px;
height: 8px;
border-top: 1.5px solid #000;
border-right: 1.5px solid #000;
transform: rotate(45deg);
margin: 3px 0 0 5px
}

.btn-explore-menu {
font-size: 12px;
font-weight: 500;
color: #2a6ea4
}

.subNav .navcol>ul.arrow>li>a,
ul.nosub>li>a {
display: flex;
align-items: center;
text-decoration: none
}

.subNav .navcol>ul.arrow>li>a::after,
ul.nosub>li>a::after {
content: '';
width: 8px;
height: 8px;
border-top: 1.5px solid #000;
border-right: 1.5px solid #000;
transform: rotate(45deg);
margin: 3px 0 0 5px;
transition: all .3s ease-in-out
}

.counsellornav_container .navleft #students-collapse ul.nosub>li>a::after {
border-top: 1.5px solid #f05a28;
border-right: 1.5px solid #f05a28
}

ul.nosub>li>a:hover::after {
margin-left: 10px;
transition: all .3s ease-in-out
}

.nav-shadow .nav-item .nav-link {
display: flex;
align-items: center;
padding: 0
}

.nav-shadow nav #navbarSupportedContent .green .navcol>ul>li>a.nav-link span {
color: #5cae48
}

nav #navbarSupportedContent>ul>li a.title span {
font-size: 18px;
font-weight: 600
}

nav #navbarSupportedContent>ul>li a.guidancetitle span {
color: #26a9e1
}


.nav-item .events_webinars .event {
width: 48%;
min-width: 260px;
max-width: 260px
}

.nav-item .events_webinars.blog .event {
width: 31%
}

.nav-item .btn.manualbtnxl {
height: 40px;
white-space: nowrap;
line-height: 40px
}

.nav-item .btn-play {
width: 40px;
height: 40px;
top: -20px
}

.nav-item .btn-play::before {
width: 32px;
height: 32px
}

.nav-item .events_webinars .event .event-img img {
border-radius: 50%
}

.nav-item .events_webinars .event:not(:last-child) {
margin-right: 15px
}

.nav-item .scroll .events_webinars {
display: flex;
justify-content: flex-start;
width: max-content;
z-index: 99;
position: relative
}

.nav-item .scroll {
overflow-x: scroll;
width: 100%;
scrollbar-width: thin
}


@media (min-width:1366px) {
nav #navbarSupportedContent>ul {
justify-content: center !important
}

}


@media (min-width:1600px) {
nav #navbarSupportedContent>ul>li {
margin-right: 0;
padding-right: 25px;
padding-left: 25px
}
}

@media (max-width:1600px) {
nav #navbarSupportedContent>ul>li>div#studentsParents-collapse .container.studentsParents_container .studentsParents_rimg {
position: absolute;
right: -100px;
bottom: 40px
}

nav #navbarSupportedContent>ul>li>div#schools-collapse .container.schoolnav_container .schoolnav_rimg {
position: absolute;
right: -100px;
bottom: 0
}

nav #navbarSupportedContent>ul>li>div#counsellors-collapse .container.counsellornav_container .counsellornav_rimg {
position: absolute;
right: -100px;
bottom: 10px
}
}

@media (max-width:1599px) {
nav #navbarSupportedContent>ul>li>div#university-collapse .container.universitynav_container .universitynav_limg {
position: absolute;
left: -200px;
bottom: 0
}

nav #navbarSupportedContent>ul>li {
margin: 0;
padding-right: 15px;
padding-left: 15px
}
}

@media (max-width:1400px) {



nav #navbarSupportedContent>ul>li>div#studentsParents-collapse .container.studentsParents_container .studentsParents_rimg {
position: absolute;
right: 0;
bottom: 40px
}

nav #navbarSupportedContent>ul>li>div#schools-collapse .container.schoolnav_container .schoolnav_rimg {
position: absolute;
right: 0;
bottom: 0
}
}



@media (max-width:1280px) {


nav #navbarSupportedContent>ul>li {
padding-right: 10px;
padding-left: 10px
}
}



@media (max-width:1180px) {

nav #navbarSupportedContent>ul>li>div#resource-collapse #BlogEventTabContent #navblog .scroll .events_webinars {
width: 545px
}

nav #navbarSupportedContent>ul>li>div#resource-collapse #BlogEventTabContent #navblog .scroll {
width: 100%;
overflow-x: scroll;
scrollbar-width: 2px
}

nav #navbarSupportedContent>ul>li>div#resource-collapse #BlogEventTabContent #navblog .event h3 {
min-height: 58px
}

nav #navbarSupportedContent>ul>li>div#studentsParents-collapse .container.studentsParents_container .studentsParents_limg {
position: absolute;
left: -240px;
bottom: 40px
}

nav #navbarSupportedContent>ul>li>div#schools-collapse .container.schoolnav_container .schoolnav_rimg {
position: absolute;
right: -80px;
bottom: 0
}

nav #navbarSupportedContent>ul>li>div#counsellors-collapse .container.counsellornav_container .counsellornav_rimg {
position: absolute;
right: -150px;
bottom: 10px
}

}


@media screen and (min-width:992px) and (max-width:1199px) {
.nav-shadow .dropdown-toggle::after {
margin-left: 4px
}

nav #navbarSupportedContent>ul>li:not(:last-child) {
margin: 0
}

header .btn.manualbtnl {
padding: 0 10px;
height: 36px;
line-height: 36px;
font-size: 14px;
background-size: 201% 100%
}

header .btn.manualbtnl.grn {
margin-right: 5px
}

header .btn.manualbtnl:hover {
background-size: 200% 100%
}
}



@media (max-width:1024px) {
nav #navbarSupportedContent .resnav_container a.subnav_title.yellow span {
color: #5cae48;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px
}

nav #navbarSupportedContent>ul>li {
padding-right: 8px;
padding-left: 8px
}



nav #navbarSupportedContent a.subnav_title.purple span {
color: #52499c;
font-size: 16px !important;
font-weight: 600;
margin-bottom: 5px
}

nav #navbarSupportedContent a.subnav_title.orange span {
color: #f05a28;
font-size: 16px !important;
font-weight: 600;
margin-bottom: 5px
}

nav #navbarSupportedContent a.subnav_title.yellow span {
color: #fbb217;
font-size: 16px !important;
font-weight: 600;
margin-bottom: 5px
}

#trilyo-container {
display: none
}

.konverse-whatsapp {
z-index: 999999999;
display: block
}
}

@media (max-width:991px) {

header .btn.manualbtnl,	
header_inst {
display: none
}

header .nav_btn_links .btn.manualbtnl {
display: inline-block
}

header .mblnav {
display: inline-block
}


nav.navbar #resource-collapse .container .navleft {
width: 100% !important;
padding-bottom: 20px !important
}

nav.navbar .events_webinars .btn.grn {
margin-top: 12px
}

nav.navbar #resource-collapse .container .navleft>a,
nav.navbar #university-collapse .navleft #students-collapse div.w-50>a {
margin-bottom: 8px
}

nav #Counsellors-collapse .events_webinars .event p {
min-height: 40px
}

nav #navbarSupportedContent>ul>li>div#studentsParents-collapse .container.studentsParents_container .studentsParents_limg {
position: absolute;
left: -270px;
bottom: 40px;
display: none
}

nav #navbarSupportedContent>ul>li>div#studentsParents-collapse .container.studentsParents_container .studentsParents_rimg {
position: absolute;
right: -200px;
bottom: 40px;
display: none
}

nav #navbarSupportedContent>ul>li>div#schools-collapse .container.schoolnav_container .schoolnav_rimg {
position: absolute;
right: 20px;
bottom: 0;
width: 180px;
height: auto;
display: none
}

nav #navbarSupportedContent>ul>li>div#university-collapse .container.universitynav_container .universitynav_limg {
position: absolute;
left: -320px;
bottom: 0;
display: none
}

nav #navbarSupportedContent>ul>li>div#counsellors-collapse .container.counsellornav_container .counsellornav_limg {
position: absolute;
left: -270px;
bottom: 0;
display: none
}

nav #navbarSupportedContent>ul>li>div#counsellors-collapse .container.counsellornav_container .counsellornav_rimg {
position: absolute;
right: -200px;
bottom: 10px;
display: none
}

nav #navbarSupportedContent>ul>li>div#resource-collapse .container.resnav_container .resnav_limg {
position: absolute;
left: -270px;
bottom: 0;
display: none
}

nav #navbarSupportedContent>ul>li>div#resource-collapse .container.resnav_container .resnav_rimg {
position: absolute;
right: -270px;
bottom: 0;
display: none
}


}



@media (max-width:640px) {
nav #Counsellors-collapse .events_webinars .event p {
min-height: 60px
}


}

@media (max-width:540px) {

nav.navbar .w-50 {
width: 100% !important
}

}



#navbarSupportedContent {
display: block;
transform: none;
min-height: 90px
}




.mobileNav {
display: none
}

.events_webinars {
display: flex;
justify-content: space-between
}

.events_webinars .event {
background: #fff 0 0 no-repeat padding-box;
border-radius: 4px;
padding: 30px;
width: 32%
}

.events_webinars .event h3 {
margin-bottom: 30px
}

.events_webinars .event p {
color: #646464
}


.lefticonsection>div.second img,
.righticonsection>div.second img {
margin-bottom: 40px
}

.righticonsection>div:not(:first-child) {
margin-left: 35px
}



@media (min-width:992px) {

nav.navbar .container-fluid.collapse .dropdown-toggle.btn-back {
display: none !important;
opacity: 0 !important
}
}



@media (max-width:991px) {

header .navbar-toggler.mobileonly {
display: block !important
}

header .navbar-toggler:focus {
box-shadow: none;
border: 0
}

header .navbar-toggler {
border: 0
}

header .navbar-toggler .navbar-toggler-icon {
font-size: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
width: 20px;
height: 18px;
justify-content: space-between;
align-items: flex-end;
background: 0 0;
border: 0
}

header .navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
width: 80%;
height: 2px;
content: '';
display: inline-block;
background: #000;
border-radius: 10px;
transition: all .3s ease-in-out
}

header .navbar-toggler .navbar-toggler-icon b {
width: 100%;
height: 2px;
background: #000;
border-radius: 5px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin: auto
}

header .navbar-toggler[aria-expanded=true] span.navbar-toggler-icon::before {
transform: translateY(10px) rotate(135deg);
-moz-transform: translateY(10px) rotate(135deg);
-webkit-transform: translateY(10px) rotate(135deg);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 100%;
height: 3px
}

header .navbar-toggler[aria-expanded=true] span.navbar-toggler-icon::after {
transform: translateY(-5px) rotate(-135deg);
-moz-transform: translateY(-5px) rotate(-135deg);
-webkit-transform: translateY(-5px) rotate(-135deg);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 100%;
height: 3px
}

header .navbar-toggler:not([aria-expanded=false]) .navbar-toggler-icon b {
-moz-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
width: 0
}

.container-fluid #navbarSupportedContent {
display: block;
position: fixed;
width: 100%;
background: #fff;
height: 100%;
left: 100%;
right: 0;
top: 0;
bottom: 0;
z-index: 9;
padding: 0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
overflow-x: hidden;
overflow-y: scroll
}

#navbarSupportedContent .menu {
padding: 10px 0 10px 15px;
border-bottom: 1px solid #ececec
}

#navbarSupportedContent .menu.mobileonly {
display: flex !important;
height: 60px
}

#navbarSupportedContent .navbar-toggler,
#navbarSupportedContent .navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0;
border: 0
}

.container-fluid #navbarSupportedContent.show {
left: 0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}

#navbarSupportedContent .navbar-nav {
position: relative
}

nav #navbarSupportedContent>ul>li {
border-bottom: 1px solid #ececec;
margin-right: 0;
position: static
}

nav #navbarSupportedContent>ul>li:not(:last-child) {
margin: 0
}

nav #navbarSupportedContent>ul>li>.nav-link {
line-height: 55px;
padding: 0 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center
}

nav #navbarSupportedContent>ul>li>.nav-link.dropdown-toggle::after {
width: 7px;
height: 7px;
border-width: 1.5px 1.5px 0 0;
border-style: solid;
border-color: #000;
display: inline-block;
margin: 0;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}

nav #navbarSupportedContent>ul>li>.nav-link:hover {
background: #f2f2f2
}

nav #navbarSupportedContent>ul>li ul {
padding: 0;
list-style: none
}

.accordion-body ul.accbgli .subnav {
padding: 10px 15px 0 15px !important
}

#navbarSupportedContent .container-fluid {
position: absolute;
top: 0;
background: #fff;
bottom: 0;
height: 100%;
z-index: 9;
left: 100%;
padding: 0;
display: block !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

#navbarSupportedContent .container-fluid.show {
left: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

#navbarSupportedContent .container-fluid>.nav-link.dropdown-toggle {
background: #f2f2f2;
line-height: 55px;
padding: 0;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
justify-content: start;
flex-direction: row;
width: 100%;
position: relative
}

#navbarSupportedContent .container-fluid>.nav-link.dropdown-toggle::before {
width: 55px;
height: 55px;
background: #ddd;
content: '';
display: block;
margin-right: 20px
}

#navbarSupportedContent .container-fluid>.nav-link.dropdown-toggle::after {
top: 0;
bottom: 0;
position: absolute;
margin: auto;
left: 25px;
width: 8px;
height: 8px;
border-width: 0 0 1.5px 1.5px;
border-style: solid;
border-color: #000;
display: inline-block;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}

.nav-shadow .nav-item .nav-link.dropdown-toggle.btn-back {
display: block
}

#navbarSupportedContent .container-fluid .container {
padding: 0
}

#navbarSupportedContent .container-fluid .container>div {
padding: 20px
}

#navbarSupportedContent {
min-height: auto
}

.navleft {
background: #fff
}

#navbarSupportedContent .container-fluid .dropdown-toggle.btn-back {
background: #f2f2f2;
display: flex
}

#navbarSupportedContent .container-fluid .dropdown-toggle.btn-back>span {
width: 55px;
height: 55px;
background: #ddd;
content: '';
display: block;
margin-right: 20px;
position: relative
}

#navbarSupportedContent .container-fluid .dropdown-toggle.btn-back>span::after {
top: 0;
bottom: 0;
position: absolute;
margin: auto;
left: 25px;
width: 8px;
height: 8px;
border-width: 0 0 1.5px 1.5px;
border-style: solid;
border-color: #000;
display: inline-block;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: ''
}

#navbarSupportedContent .container-fluid .dropdown-toggle.btn-back:after {
opacity: 0
}

}



@media (max-width:640px) {
.uncarousel .owl-carousel .owl-stage .owl-item {
width: 43.5% !important
}
}

@media (max-width:575px) {
.events_webinars_container .events_webinars {
width: 850px
}

.navtop1,
.subNav {
flex-direction: column;
width: 100%
}

.nav-item .events_webinars {
width: 535px
}

.nav-item .events_webinars .event,
.nav-item .events_webinars.blog .event {
width: 100%;
max-width: 320px
}

.nav-item .events_webinars .event:not(:last-child) {
margin-right: 20px
}

.scroll {
width: 100%
}

.cardmain {
max-width: 767px;
width: 575px !important
}

.subNav .navcol.w-50 {
width: 100% !important
}
}

@media (min-width:376px) and (max-width:479px) {
.nav-shadow .nav-item .counmalign .nav-link {
padding: 0 50px 0 0
}
}

@media (max-width:479px) {

.nav-shadow .nav-item .counsellornav_container .counmalign .nav-link {
padding: 0
}

nav .subNav .navcol.w-50 {
width: 100% !important;
flex: unset
}
}


nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.bedcrum ul li {
margin-right: 50px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.bedcrum {
padding-bottom: 0
}

nav #navbarSupportedContent div.bedcrum ul li a {
display: flex
}

nav #navbarSupportedContent div.bedcrum ul li a span {
font-size: 24px;
font-weight: 600;
margin-left: 10px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: relative;
left: 7px
}

nav #navbarSupportedContent div.bedcrum ul li a:hover span {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
left: 10px
}

nav #navbarSupportedContent div.bedcrum ul li a:before {
content: '';
width: 8px;
height: 8px;
border-top: 1.5px solid #000;
border-right: 1.5px solid #000;
transform: rotate(45deg);
margin: 2px 0 0 0;
transition: all .3s ease-in-out;
display: inline-block;
opacity: 1
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.custom_tab {
width: 100%;
padding: 15px 30px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion {
padding: 0 30px 30px;
min-height: 250px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-header {
display: none
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse {
border: 0
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body {
padding: 0
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body .accordion-body {
background: #fff7e6
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body .accordion-item:not(:last-child) {
margin-bottom: 20px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header {
display: flex;
justify-content: space-between;
background: #ffefce;
align-items: center
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header a:not(.accordion-button) {
font-size: 16px;
white-space: nowrap;
margin: 0 15px;
color: #0d3453;
text-decoration: none;
display: flex;
font-weight: 600
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header a:not(.accordion-button)::before {
content: '';
width: 8px;
height: 8px;
border-top: 1.5px solid #000;
border-right: 1.5px solid #000;
transform: rotate(45deg);
margin: 0;
transition: all .3s ease-in-out;
display: inline-block;
opacity: 1;
margin-right: 7px;
position: relative;
top: 6px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header a:not(.accordion-button):hover::before {
margin-right: 10px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header .accordion-button {
width: 50px;
height: 50px;
background: #fae4b7;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-wrap: wrap;
-moz-box-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border: 0
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header .accordion-button::after {
display: none
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header .accordion-button span {
width: 10px;
height: 10px;
margin: auto;
font-size: 0;
position: relative
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header .accordion-button span::after,
nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header .accordion-button span::before {
content: '';
position: absolute;
width: 10px;
height: 2px;
background: #0d3453;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header .accordion-button:not([aria-expanded=true]) span::after {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.accordion-body .nav a {
text-decoration: none;
font-size: 16px;
font-weight: 600;
color: #0d3453
}

.accordion-body .nav li:not(:last-child) {
margin: 0 0 10px !important
}

.accordion-body ul.accbgli>li {
background: #ffefce;
position: relative
}

.accordion-body .nav {
padding: 10px
}

.accordion-body .nav .subnav {
margin-top: 10px
}

.accordion-body .subnav a {
text-decoration: none;
font-size: 14px;
font-weight: 400;
color: #0d3453
}

.accordion-body .nav .subnav li::before,
.accordion-body .subnav li::before {
content: '';
width: 8px;
height: 8px;
border-top: 1.5px solid #000;
border-right: 1.5px solid #000;
transform: rotate(45deg);
margin: 0;
transition: all .3s ease-in-out;
display: inline-block;
opacity: 1;
margin-right: 7px;
position: relative;
top: 7px;
background: 0 0
}

.accordion-body .nav li::before {
content: '';
width: 8px;
height: 8px;
border-top: 1.5px solid #000;
border-right: 1.5px solid #000;
transform: rotate(45deg);
margin: 0;
transition: all .3s ease-in-out;
display: inline-block;
opacity: 1;
margin-right: 7px;
position: relative;
top: -1px
}

.accordion-body .nav>li>a:hover::before {
margin-right: 10px
}

.accordion-body li {
margin-right: 0 !important;
padding: 0
}

.accordion-body .nav .subnav li {
padding-left: 10px
}

.accordion-body.accbgliacc {
padding: 0
}

.accordion-body .nav.accbgli {
padding: 0
}

.accordion-body ul.accbgli>li>a {
height: 50px;
line-height: 50px;
padding: 0;
margin: 0 15px;
transition: all .3s ease-in-out
}

.accordion-body ul.accbgli>li {
background: #ffefce;
width: 100%
}

.accordion-body ul.accbgli>li::before {
left: 13px
}

.accordion-body ul.accbgli>li:hover::before {
margin-right: 10px
}

.accordion-body ul.accbgli .subnav {
padding: 10px 15px 0;
background: #fff7e6;
margin-top: 0
}

.accordion-body ul.accbgli>li:last-child li:last-child a {
margin-bottom: 15px
}

@media (max-width:991px) {

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.custom_tab {
display: none
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.bedcrum {
padding-bottom: 20px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-header {
display: block
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion {
padding: 0;
min-height: 25px;
border-top: 1px solid #dfdfdf
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body {
padding: 30px;
background: #fff
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header a {
white-space: normal
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-header .accordion-button {
border-radius: 0;
border-width: 0 0 1px;
justify-content: space-between
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-header .accordion-button::after {
width: 7px;
height: 7px;
border-width: 1.5px 1.5px 0 0;
border-style: solid;
border-color: #000;
display: inline-block;
margin: 0;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header a:not(.accordion-button) {
white-space: normal
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse {
position: absolute;
width: 100%;
height: 100%;
background: #fff;
z-index: 9;
bottom: 0;
left: 100%;
right: auto;
top: 0;
margin: 60px 0 0;
transition: all .3s ease-in-out
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse.show {
left: 0;
right: 0
}

header .container>div.accordion>.accordion-item>.accordion-header .accordion-button:focus {
box-shadow: unset;
border-color: rgba(0, 0, 0, .125);
color: #212529;
background-color: transparent
}

header .container>div.accordion>.accordion-item>.accordion-header .accordion-button:not(.collapsed) {
color: #212529;
background-color: transparent
}

.accordion-body .nav a {
font-weight: 600
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body .accordion-item,
nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body .accordion-item:not(:last-child) {
margin-bottom: 10px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body .accordion-body {
padding-bottom: 0;
padding-left: 0
}

nav #navbarSupportedContent>ul>li a span {
white-space: normal
}


nav #navbarSupportedContent>ul>li ul.subnav {
margin-top: 0;
padding: 0 0 15px 26px
}

nav #navbarSupportedContent .accbgliacc ul.accbgli>li ul.subnav {
margin-top: 0
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body .row>div:last-child .accordion-body {
padding-left: 0;
padding-top: 0
}

}

@media (min-width:768px) and (max-width:991px) {

.accordion-body .nav .subnav li::before,
.accordion-body .subnav li::before,
nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header a:not(.accordion-button)::before {
width: 0;
padding-left: 7px
}
}

@media (max-width:767px) {
nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body {
background: #fff7e6
}

.accordion-body .nav {
padding: 10px;
display: flex;
flex-direction: column
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body .accordion-item,
nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body .accordion-item:not(:last-child) {
margin-bottom: 10px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body .accordion-body {
padding-bottom: 0;
padding-left: 0
}

nav #navbarSupportedContent>ul>li a span {
white-space: normal
}


nav #navbarSupportedContent>ul>li ul.subnav {
margin-top: 10px
}

nav #navbarSupportedContent .accbgliacc ul.accbgli>li ul.subnav {
margin-top: 0
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion>.accordion-item>.accordion-collapse>.accordion-body .row>div:last-child .accordion-body {
padding-left: 0;
padding-top: 0
}

}

@media (max-width:575px) {

nav #accordionCareerDiscoveryPrograms ul.subnav {
padding-bottom: 0 !important;
margin-top: 0 !important
}
}

@media (max-width:479px) {
nav #navbarSupportedContent>ul>li>div.container-fluid>.container>div.accordion .accordion-item .accordion-collapse .accordion-header a:not(.accordion-button)::before {
width: 0;
padding-left: 7px
}
}

.navright .navsld_ttl {
font-size: 20px;
font-weight: 700;
margin: 0 0 5px
}



@media (min-width:992px) and (max-width:1080px) {
header .container .navbar>.container-fluid {
padding: 0
}

header .btn.manualbtnl.grn {
margin-right: 2px
}
}



@media (max-width:400px) {
#navbarSupportedContent .menu {
padding: 10px 0 10px 8px
}

}

.level1nav {margin: 0 0 5px;}
.level1navblk .level1nav a {color: #fbb217;font-size: 24px;font-weight: 600;text-decoration: none;}
.stparent_container .level1navblk .level1nav a {color: #FBB217;}
.schoolsnav_container .level1navblk .level1nav a {color: #26A7DF;}
.uninav_container .level1navblk .level1nav a {color: #51499C;}
.counnav_container .level1navblk .level1nav a {color: #F05A2A;}
.resnav_container .level1navblk .level1nav a {color: #5CAE48;}
.level1navblk ul li a.arrleft {font-size: 16px;text-decoration: none;font-weight: 400;height: 30px;display: flex;align-items: center;color: #000;position: relative;padding: 0 0 0 17px;line-height: 18px;}
.level1navblk>ul {list-style: none;margin: 0;padding: 0;position: relative;width: 236px;}
.level1navblk>ul li {padding: 0;width: max-content;}
.level1navblk>ul li a.arrleft::before {content: '';width: 8px;height: 8px;background: 0 0;display: inline-block;position: absolute;left: 0;top: 0;bottom: 0;right: auto;margin: auto;border-top: 1.5px solid #0d3453;border-right: 1.5px solid #0d3453;transform: rotate(45deg);}
.level1navblk ul li.active a {font-weight: 600;color: #0d3453;}
.header_top>div>div.flex-1 nav #navbarSupportedContent>ul>li .container {max-width: 1300px;}
.nav_title ~ .nav_title {margin-top: 20px;}
.nav_title a, .nav_title ~ li > a {pointer-events: none;}
.level1navblk .level2navblk {width: 490px;height: auto;border: 2px solid #e0e0e0;padding: 5px 5px 5px 5px;border-radius: 6px;position: absolute;right: auto;left: 251px;top: 10px;display: none;z-index: 5;background: #fff;}
.level2navblk>div {overflow-y: auto;overflow-x: hidden;height: auto;max-height: 296px;min-height: 296px;padding-right: 0px;scrollbar-width: thin;}li.level1navli.active .level2navblk {display: block;}li.level1navli.red a {color: red!important;}
.level2navblk>div::-webkit-scrollbar {width: 7px;}
.level2navblk>div::-moz-scrollbar {width: 7px;}
.level2navblk>div::-webkit-scrollbar-track {background: #333;border-radius: 20px;}
.level2navblk>div::-webkit-scrollbar-thumb {background-color: #eee;border-radius: 20px;border: 2px solid #333;}
.level2nav>a {border-radius: 4px;margin: 0 15px 0 0;}
.level2nav>a img {border-radius: 4px;}
.level2nav .arrtxt {margin: 0 0 2px;font-weight: 500;color: #0d3453;position: relative;padding: 0 13px 0 0;line-height: 16px;}
.level2nav .arrtxt a {color: #337ab7;}
.level2nav .arrtxt::before {content: '';width: 8px;height: 8px;background: 0 0;display: inline-block;position: absolute;left: auto;top: 0;bottom: 0;right: 0;margin: auto;border-top: 1.5px solid #0d3453;border-right: 1.5px solid #0d3453;transform: rotate(45deg);}
.level2navblk .level2nav {position: unset;cursor: pointer;padding: 10px;border-radius: 4px;}
.level2navblk .level2nav:hover {background: #f2f2f2;}
.stparent_container .level2navblk .level2nav:hover {background: #FEF6E4;}
.schoolsnav_container .level2navblk .level2nav:hover {background: #E6F5FC;}
.uninav_container .level2navblk .level2nav:hover {background: #EBEAF3;}
.counnav_container .level2navblk .level2nav:hover {background: #FEECE7;}
.resnav_container .level2navblk .level2nav:hover {background: #5CAE48;}
.level2navblk .level2nav:not(:last-child) {margin: 0px;}nav #navbarSupportedContent>ul>li .navleft .nav_btn_links .btn.manualbtnl {width: max-content;max-width: unset;margin-bottom: 0;display: inline-block;padding: 0 25px;}nav #navbarSupportedContent>ul>li .navleft .nav_btn_links {position: absolute;bottom: 20px;left: 25px;}
.level1navblk .level2navblk .level3navblk {width: 260px;height: 320px;border: 2px solid #e0e0e0;padding: 18px 22px;border-radius: 6px;position: absolute;right: -245px;top: 20px;background: #fff;z-index: 9;min-height: 320px;overflow-y: auto;scrollbar-width: thin;}
.level1navblk .level3navblk ul {list-style: none;}
.level1navblk .level3navblk ul li:not(:last-child) {margin: 0 0 10px;}
.level1navblk .level3navblk ul li a {font-size: 14px;font-weight: 500;width: max-content;position: relative;display: inline-block;padding: 0 13px 0 0;text-decoration: none;color: #337ab7;}
.level1navblk .level3navblk ul li a:hover {color: #5cae48;}
.level1navblk .level3navblk ul li a::before {content: '';width: 8px;height: 8px;background: 0 0;display: inline-block;position: absolute;left: auto;top: 0;bottom: 0;right: 0;margin: auto;border-top: 1.5px solid #0d3453;border-right: 1.5px solid #0d3453;transform: rotate(45deg);}

/* new css */
.level1navblk ul li a.link-block {margin: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;text-decoration: none;width: 100%;}
nav #navbarSupportedContent > ul > li a span.level2nav_brife {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
nav #navbarSupportedContent > ul > li a span.level2nav_brife .arrtxt {font-weight: 500;color: #0d3453;}
nav #navbarSupportedContent > ul > li a span.level2nav_brife .arrtxt::before {display: none;}
nav #navbarSupportedContent > ul > li a span.level2nav_brife .arrtxt + span {font-weight: 400;font-size: 14px;line-height: 16px;margin-top: 4px !important;}
nav #navbarSupportedContent > ul > li a span.icon-img {margin: 0 15px 0 0;border-radius: 4px;height: 54px;}
nav #navbarSupportedContent > ul > li .stparent_container  a span.icon-img {background: #FEF6E4;}
nav #navbarSupportedContent > ul > li .schoolsnav_container  a span.icon-img {background: #E6F5FC;}
nav #navbarSupportedContent > ul > li .uninav_container  a span.icon-img {background: #EBEAF3;}
nav #navbarSupportedContent > ul > li .counnav_container  a span.icon-img {background: #FEECE7;}
nav #navbarSupportedContent > ul > li .resnav_container  a span.icon-img {background: #FEF6E4;}


.nav_carousel {max-width: 334px;margin-top: 10px;}
.carousel_item {box-shadow: 0px 3px 6px #00000029;border-radius: 4px;min-height: 166px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;padding: 20px;width: 334px;position:relative}
.carousel_item.purple_item{background: #57519C;}
.carousel_item.dark_blue_item{background: #0B3454;}
.carousel_item.orange_item{background: #F06037;}
.carousel_item.red_item{background: #D2364A;}
.carousel_item:first-child{margin-bottom:20px}
.carousel_item_title {width: 195px;position: relative;z-index: 1;}
.carousel_item_img {max-width: 145px;position:absolute;right:0;bottom:0}
#schools_carousel .carousel_item_img.w-241 {width: 241px;max-width: 241px;}
.carousel_item_title h4 {font-size: 20px;line-height: 23px;color: #fff;font-weight: 500;margin-bottom: 20px;}
.carousel_item_title .nav-icon-play {width: 30px;height: 30px;background: #fff;display: inline-block;border-radius: 50%;position: relative;cursor:pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.carousel_item_title .nav-icon-play:before {content: '';position: absolute;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #0C3454;position: absolute;top: 9px;left: 13px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.carousel_item_title .nav-icon-play:hover {background: #5cae48;}
.orange_item .carousel_item_title .nav-icon-play:hover {background: #c43e19;}
.carousel_item_title .nav-icon-play:hover:before {  border-left-color: #fff;}
.owl-theme.nav_carousel .owl-dots .owl-dot span {width: 20px;height: 3px;margin: 5px 4px;background: #0C3454;border-radius: 100px;opacity: 0.1;}
.owl-theme.nav_carousel .owl-dots .owl-dot.active span{opacity: 1;}
/* new css end */


nav #navbarSupportedContent>ul>li .container {
max-width: 1300px
}


nav #navbarSupportedContent>ul>li .navleft .nav_btn_links .btn.manualbtnl {
width: max-content;
max-width: unset;
margin-bottom: 0;
display: inline-block;
padding: 0 25px
}

nav #navbarSupportedContent>ul>li .navleft .nav_btn_links {
position: absolute;
bottom: 20px;
left: 25px
}


.navright .events_webinars {
display: inline-block;
width: 100%;
max-width: 320px
}

.nav-item .navright .events_webinars .event {
width: 100%;
max-width: 329px;
margin: 0 auto;
padding: 15px 15px
}

.nav-item .navright .events_webinars .event h3 {
margin-bottom: 8px;
min-height: unset;
font-size: 16px
}

.nav-item .navright .events_webinars .event p {
min-height: unset
}


nav #navbarSupportedContent>ul>li>div.container-fluid>.container {
position: relative
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container .navimage {
position: absolute;
left: -230px;
bottom: 20px;
z-index: 0
}

.navright .carousel-indicators.custom_indic {
right: auto;
bottom: -10px;
left: 10px;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
width: 229px;
padding: 0
}

.navright .navWebSlider .carousel-indicators.custom_indic {
bottom: -22px
}

.nav_vdoimgblk::before {
position: absolute;
content: "";
right: 30px;
bottom: 30px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #5bae47
}

.nav_vdoimgblk::after {
position: absolute;
content: "";
right: 39px;
bottom: 39px;
border-left: 8px solid #fff;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent
}

.navright .carousel-indicators [data-bs-target] {
width: 10px;
height: 3px;
background-color: #c6c6c6;
opacity: 1;
border-radius: 4px
}

.navright .carousel-indicators .active {
width: 20px;
height: 3px;
background-color: #5cae48;
opacity: 1;
border-radius: 4px
}

.navright #navBlogSlide .carousel-indicators.custom_indic {
bottom: -11px
}

.level2navblk>.mbackbtn {
background: #f2f2f2;
display: none;
padding: 0
}

.mbackbtn>span {
width: 55px;
height: 55px;
background: #ddd;
content: '';
position: relative
}

.mbackbtn>span::after {
top: 0;
bottom: 0;
position: absolute;
margin: auto;
left: 25px;
width: 8px;
height: 8px;
border-width: 0 0 1.5px 1.5px;
border-style: solid;
border-color: #000;
display: inline-block;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: ''
}

.mbackbtn>a {
display: flex;
align-items: center;
padding: 0 0 0 15px;
text-decoration: none;
font-size: 16px;
color: #000;
font-weight: 500
}

.mbackbtnl3 {
background: #f2f2f2;
display: none;
padding: 0
}

.mbackbtnl3>span {
width: 55px;
height: 55px;
background: #ddd;
content: '';
position: relative
}

.mbackbtnl3>span::after {
top: 0;
bottom: 0;
position: absolute;
margin: auto;
left: 25px;
width: 8px;
height: 8px;
border-width: 0 0 1.5px 1.5px;
border-style: solid;
border-color: #000;
display: inline-block;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: ''
}

.mbackbtnl3>a {
display: flex;
align-items: center;
padding: 0 0 0 15px;
text-decoration: none;
font-size: 16px;
color: #000;
font-weight: 500
}

.level1navblk>ul>li .subnavarr {
display: none;
width: 8px;
height: 8px;
background: 0 0;
position: absolute;
left: auto;
top: 10px;
bottom: auto;
right: 15px;
margin: 10px;
border-top: 1.5px solid #0d3453;
border-right: 1.5px solid #0d3453;
transform: rotate(45deg)
}

.navright .carousel {
max-width: 320px
}

.navright .carousel .nav_vdoimgblk img {
width: 100%;
height: 150px
}

.nav-item .navright .carousel .btn.manualbtnxl {
padding: 0 20px;
font-size: 16px;
height: 34px;
line-height: 32px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container.resnav_container .navimage {
left: -215px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container.counnav_container .navimage,
nav #navbarSupportedContent>ul>li>div.container-fluid>.container.schoolsnav_container .navimage,
nav #navbarSupportedContent>ul>li>div.container-fluid>.container.uninav_container .navimage {
left: -235px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container.counnav_container .navimage,
nav #navbarSupportedContent>ul>li>div.container-fluid>.container.resnav_container .navimage,
nav #navbarSupportedContent>ul>li>div.container-fluid>.container.stparent_container .navimage {
bottom: 0
}


.nav_vdoimgblk .navblogttl {
position: absolute;
right: 30px;
top: 25px;
font-size: 15px;
color: #fff;
width: 150px;
line-height: 17px;
font-weight: 500
}

.nav_vdoimgblk .navblogttl::before {
position: absolute;
content: "";
width: 2px;
height: 23px;
background: #ffbc0c;
left: -10px;
top: 3px
}

.navright .event .webinarDate {
font-size: 12px;
padding: 0;
margin-bottom: 5px;
color: green
}

.navright .navcarsld button.carousel-control-next,
.navright .navcarsld button.carousel-control-prev {
position: unset;
opacity: 1
}

.navright .navcarsld .carousel-control-prev-icon {
background-image: unset;
width: 10px;
height: 10px;
border-top: 2px solid #000;
border-right: 2px solid #000;
opacity: 1;
transform: rotate(-135deg);
position: absolute;
bottom: auto;
left: auto;
right: 25px;
top: -19px
}

.navright .navcarsld .carousel-control-next-icon {
background-image: unset;
width: 10px;
height: 10px;
border-top: 2px solid #000;
border-right: 2px solid #000;
opacity: 1;
transform: rotate(45deg);
position: absolute;
bottom: auto;
left: auto;
right: 2px;
top: -19px
}

.navright .carousel.navcarsldblog {
box-shadow: 0 0 5px rgba(0, 0, 0, .6);
border-radius: 4px
}

.navright .carousel.navcarsldblog .carousel-inner {
border-radius: 4px
}

.navright .carousel .nav_vdoimgblk img.navblogimag {
position: absolute;
left: 0;
bottom: 0;
width: 120px;
height: auto
}



@media (min-width:992px) {
.level1nav {
width: max-content
}

.level1navblk>ul li {
width: auto
}

nav #navbarSupportedContent>ul>li>div.container-fluid,
nav #navbarSupportedContent>ul>li>div.container-fluid>.container {
padding: 0
}

.level1navblk .level3navblk ul li a {
width: auto
}

.webinarscroll {
scrollbar-width: none
}

.level1navblk>ul li.level1navli {
width: 236px
}

.level1navblk>ul li.level1navli.l1navlil2>a {
width: 236px;
position: relative
}

.level1navblk > ul li.level1navli.l1navlil2 > a::after {
	width: 12px;
	height: 16px;
	position: absolute;
	content: "";
	left: 241px;
	top: 7px;
	z-index: 9;
	right: auto;
	display: none;
	background: url(../images/l3nav_arrow.png) left top no-repeat;
}
.level1navblk > ul li.level1navli.l1navlil2.active > a::after {
	display: block;
}

.level1navblk .level2navblk .level3navblk {
height: auto;
right: 5px;
top: 5px;
max-height: 270px;
min-height: unset;
box-shadow: 0 0 20px rgba(0, 0, 0, .3);
display: none
}

.level1navblk .level2navblk:hover .level3navblk {
display: block
}

.level1navblk .level2navblk .level3navblk.level3navblkbtm {
top: auto;
bottom: 5px
}

.level1navblk .level2navblk .level3navblk.level3navblkbtm.level3navblkbtmap {
bottom: 35px
}

.level1navblk .unil1navlil2 .level2navblk {
top: 32px
}

.level1navblk .counl1navlil2 .level2navblk {
top: 95px
}

nav #navbarSupportedContent>ul>li .navleft .nav_btn_links {
bottom: 80px;
left: 251px
}

nav #navbarSupportedContent>ul>li #resource-collapse .navleft .nav_btn_links {
left: 151px
}

.nav-item #resource-collapse .level1navblk>ul,
.nav-item #resource-collapse .level1navblk>ul li.level1navli,
.nav-item #resource-collapse .level1navblk>ul li.level1navli.l1navlil2>a {
width: 136px
}

.nav-item #resource-collapse .level1navblk .level2navblk {width: 590px;right: auto;left: 151px}
.nav-item #resource-collapse .level1navblk>ul li.level1navli.l1navlil2>a::after {left: 141px;right: auto}
.level2navblk .level2nav>a+div.level3navblk_sarr {position: relative}
.resnav_container .level1navblk .level1nav a {color: #5CAE48;}
.nav_success {display: flex;flex-wrap: wrap;}
.nav_success .nav_success_list {width: 48%;border-radius: 6px;overflow: hidden;position: relative;}
.nav_success .nav_success_list img {width: 100%;}
.nav_success .nav_success_list:first-child {margin-right: 4%;}
.nav_success .nav_success_list .nav_success_list_name {position: absolute;left: 0;right: 0;bottom: 0;margin: auto;color: #ffff;padding: 25px;font-size: 20px;font-weight: 600;}

.nav_success .nav_success_list a::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; height: 50%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter:; progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); -webkit-filter:; progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.nav_success .nav_success_list a:hover::before{height: 80%;}
.nav_success .nav_success_list a {display: inline-block;color: #fff;height: 450px;}
.nav_success .nav_success_list a .nav_success_list_name {color: #fff !important;font-size: 24px !important;text-align: center;line-height: 28px;}
.resnav_container .level1navblk {width: 46%;height: auto;}
.resnav_container .level1navblk:nth-child(odd) {margin-right: 35px;}
.nav-item #resource-collapse .resnav_container .level1navblk > ul{width: 100%;}
.nav-item #resource-collapse .resnav_container .level1navblk > ul.two-col li.level1navli {width: 50%;}
.nav-item #resource-collapse .resnav_container .level1navblk > ul li.level1navli {width: 100%;}
.nav-item #resource-collapse .resnav_container .level1navblk > ul li.level1navli.l1navlil2 > a {width: 100%;}
}

@media (max-width:1299px) {
.level1navblk .level2navblk {
width: 400px
}

.level2navblk .level2nav {
margin: 0 0 15px
}

.nav-item #resource-collapse .level1navblk .level2navblk {
width: 500px
}
}

@media (max-width:1200px) {
.level1navblk .level2navblk {
width: 380px;
right: -395px
}

.level2navblk .level2nav {
margin: 0 0 13px
}

.nav-item #resource-collapse .level1navblk .level2navblk {
width: 480px
}
}

@media (max-width:991px) {
#navbarSupportedContent .container-fluid .container>div.navleft {
padding: 0
}

#navbarSupportedContent .container-fluid .container>div.navleft {
padding: 20px 0 0 0
}

.level1nav {
padding-left: 20px;
margin: 0 0 15px
}

.level1navblk>ul {
width: 100%
}

.level1navblk>ul>li {
padding: 0;
width: 100%;
border-bottom: 1px solid #dfdfdf
}

.level1navblk>ul>li:first-child {
border-top: 1px solid #dfdfdf
}

.level1navblk ul li a.arrleft {
height: 50px;
width: 100%
}

.level1navblk>ul li a.arrleft::before {
left: auto;
right: 20px
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container {
height: 100%
}

nav #navbarSupportedContent>ul>li .navleft .nav_btn_links {
position: unset;
margin: 20px 0 20px 15px
}

.level1navblk .level2navblk::before {
display: none
}

.level2navblk>div {
overflow-y: auto;
height: auto;
padding-right: 15px;
scrollbar-width: thin;
padding: 20px;
max-height: unset
}

.level1navblk .level2navblk,
.nav-item #resource-collapse .level1navblk .level2navblk {
right: -100%;
display: block;
width: 100%;
border-radius: 0;
border: 1px solid #fff;
height: 100%;
position: fixed;
top: 60px;
left: auto;
background: #fff;
transition: all .5s ease-in-out;
padding: 0 0 50px;
overflow-y: auto
}

.level1navblk>ul li a.arrleft::before {
display: none
}

.level1navblk>ul>li {
position: relative
}

.level1navblk>ul>li .subnavarr {
display: block
}

nav #navbarSupportedContent>ul>li>div.container-fluid>.container .navimage,
.level2nav .arrtxt::before {
display: none
}

.level2navblk .level2nav>a+div {
position: relative;
width: calc(100% - 82px);
padding-right: 20px
}

.level2navblk .level2nav>a+div::before {
content: '';
width: 8px;
height: 8px;
background: 0 0;
display: inline-block;
position: absolute;
left: auto;
top: 0;
bottom: 0;
right: 0;
margin: auto;
border-top: 1.5px solid #0d3453;
border-right: 1.5px solid #0d3453;
transform: rotate(45deg);
margin: auto 10px;
z-index: 999
}

.level1navblk .level2navblk .level3navblk {
display: block;
right: -100%;
width: 100%;
height: auto;
padding: 0;
border: 0 solid #fff;
z-index: 9999;
top: 0;
background: #fff;
transition: all .5s ease-in-out
}

.level1navblk .level2navblk .level3navblk>ul {
padding: 0 !important
}

.level2navblk>.mbackbtn,
.mbackbtnl3 {
display: flex
}

.level1navblk .level3navblk ul li a::before {
right: 25px
}

.level1navblk .level3navblk ul li a {
width: 100%
}

.level1navblk .level3navblk ul li {
height: 50px;
line-height: 50px;
padding: 0 0 0 20px;
border-bottom: 1px solid #ccc;
width: 100%
}

.level1navblk .level3navblk ul li:not(:last-child) {
margin: 0
}

.navright {
padding-bottom: 40px !important
}

.level2nav .arrtxt {
width: auto;
margin: 0
}

nav #navbarSupportedContent>ul>li {
padding-right: 0;
padding-left: 0
}

}


.text-dnone {text-decoration: none;}
.level1nav {margin: 0 0 5px;}
.level1navblk .level1nav a {color: #fbb217;font-size: 24px;font-weight: 600;text-decoration: none;}
.stparent_container .level1navblk .level1nav a {color: #FBB217;}
.schoolsnav_container .level1navblk .level1nav a {color: #26A7DF;}
.uninav_container .level1navblk .level1nav a {color: #51499C;}
.counnav_container .level1navblk .level1nav a {color: #F05A2A;}
.resnav_container .level1navblk .level1nav a {color: #5CAE48;}
.level1navblk ul li a.arrleft {font-size: 16px;text-decoration: none;font-weight: 400;height: 30px;display: flex;align-items: center;color: #000;position: relative;padding: 0 0 0 17px;line-height: 18px;}
.level1navblk>ul {list-style: none;margin: 0;padding: 0;position: relative;width: 236px;}
.level1navblk>ul li {padding: 0;width: max-content;}
.level1navblk>ul li a.arrleft::before {content: '';width: 8px;height: 8px;background: 0 0;display: inline-block;position: absolute;left: 0;top: 0;bottom: 0;right: auto;margin: auto;border-top: 1.5px solid #0d3453;border-right: 1.5px solid #0d3453;transform: rotate(45deg);}
.level1navblk ul li.active a {font-weight: 600;color: #0d3453;}
.header_top>div>div.flex-1 nav #navbarSupportedContent>ul>li .container {max-width: 1300px;}
.nav_title ~ .nav_title {margin-top: 20px;}
.nav_title a, .nav_title ~ li > a {pointer-events: none;}
.level1navblk .level2navblk {width: 490px;height: auto;border: 2px solid #e0e0e0;padding: 5px 5px 5px 5px;border-radius: 6px;position: absolute;right: auto;left: 251px;top: 10px;display: none;z-index: 5;background: #fff;}
.level2navblk>div {overflow-y: auto;overflow-x: hidden;height: auto;max-height: 296px;min-height: 296px;padding-right: 0px;scrollbar-width: thin;}li.level1navli.active .level2navblk {display: block;}li.level1navli.red a {color: red!important;}
.level2navblk>div::-webkit-scrollbar {width: 7px;}
.level2navblk>div::-moz-scrollbar {width: 7px;}
.level2navblk>div::-webkit-scrollbar-track {background: #333;border-radius: 20px;}
.level2navblk>div::-webkit-scrollbar-thumb {background-color: #eee;border-radius: 20px;border: 2px solid #333;}
.level2nav>a {border-radius: 4px;margin: 0 15px 0 0;}
.level2nav>a img {border-radius: 4px;}
.level2nav .arrtxt {margin: 0 0 2px;font-weight: 500;color: #0d3453;position: relative;padding: 0 13px 0 0;line-height: 16px;}
.level2nav .arrtxt a {color: #337ab7;}
.level2nav .arrtxt::before {content: '';width: 8px;height: 8px;background: 0 0;display: inline-block;position: absolute;left: auto;top: 0;bottom: 0;right: 0;margin: auto;border-top: 1.5px solid #0d3453;border-right: 1.5px solid #0d3453;transform: rotate(45deg);}
.level2navblk .level2nav {position: unset;cursor: pointer;padding: 10px;border-radius: 4px;}
.level2navblk .level2nav:hover {background: #f2f2f2;}
.stparent_container .level2navblk .level2nav:hover {background: #FEF6E4;}
.schoolsnav_container .level2navblk .level2nav:hover {background: #E6F5FC;}
.uninav_container .level2navblk .level2nav:hover {background: #EBEAF3;}
.counnav_container .level2navblk .level2nav:hover {background: #FEECE7;}
.resnav_container .level2navblk .level2nav:hover {background: #5CAE48;}
.level2navblk .level2nav:not(:last-child) {margin: 0px;}nav #navbarSupportedContent>ul>li .navleft .nav_btn_links .btn.manualbtnl {width: max-content;max-width: unset;margin-bottom: 0;display: inline-block;padding: 0 25px;}nav #navbarSupportedContent>ul>li .navleft .nav_btn_links {position: absolute;bottom: 20px;left: 25px;}
.level1navblk .level2navblk .level3navblk {width: 260px;height: 320px;border: 2px solid #e0e0e0;padding: 18px 22px;border-radius: 6px;position: absolute;right: -245px;top: 20px;background: #fff;z-index: 9;min-height: 320px;overflow-y: auto;scrollbar-width: thin;}
.level1navblk .level3navblk ul {list-style: none;}
.level1navblk .level3navblk ul li:not(:last-child) {margin: 0 0 10px;}
.level1navblk .level3navblk ul li a {font-size: 14px;font-weight: 500;width: max-content;position: relative;display: inline-block;padding: 0 13px 0 0;text-decoration: none;color: #337ab7;}
.level1navblk .level3navblk ul li a:hover {color: #5cae48;}
.level1navblk .level3navblk ul li a::before {content: '';width: 8px;height: 8px;background: 0 0;display: inline-block;position: absolute;left: auto;top: 0;bottom: 0;right: 0;margin: auto;border-top: 1.5px solid #0d3453;border-right: 1.5px solid #0d3453;transform: rotate(45deg);}

/* new css */
.level1navblk ul li a.link-block {margin: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;text-decoration: none;width: 100%;}
nav #navbarSupportedContent > ul > li a span.level2nav_brife {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
nav #navbarSupportedContent > ul > li a span.level2nav_brife .arrtxt {font-weight: 500;color: #0d3453;}
nav #navbarSupportedContent > ul > li a span.level2nav_brife .arrtxt::before {display: none;}
nav #navbarSupportedContent > ul > li a span.level2nav_brife .arrtxt + span {font-weight: 400;font-size: 14px;line-height: 16px;margin-top: 4px !important;}
nav #navbarSupportedContent > ul > li a span.icon-img {margin: 0 15px 0 0;border-radius: 4px;height: 54px;}
nav #navbarSupportedContent > ul > li .stparent_container  a span.icon-img {background: #FEF6E4;}
nav #navbarSupportedContent > ul > li .schoolsnav_container  a span.icon-img {background: #E6F5FC;}
nav #navbarSupportedContent > ul > li .uninav_container  a span.icon-img {background: #EBEAF3;}
nav #navbarSupportedContent > ul > li .counnav_container  a span.icon-img {background: #FEECE7;}
nav #navbarSupportedContent > ul > li .resnav_container  a span.icon-img {background: #FEF6E4;}
/* new css end */


@media (max-width:991px) {
#navbarSupportedContent .container-fluid .container>div.navleft {padding: 0;}
#navbarSupportedContent .container-fluid .container>div.navleft {padding: 20px 0 0 0;}
.level1nav {padding-left: 20px;margin: 0 0 15px;}
.level1navblk>ul {width: 100%;}
.level1navblk>ul>li {padding: 0;width: 100%;border-bottom: 1px solid #dfdfdf;}
.level1navblk>ul>li:first-child {border-top: 1px solid #dfdfdf;}
.level1navblk ul li a.arrleft {height: 50px;width: 100%;}
.level1navblk>ul li a.arrleft::before {left: auto;right: 20px;}
.header_top>div>div.flex-1 nav #navbarSupportedContent>ul>li>div.container-fluid>.container {height: 100%;}nav #navbarSupportedContent>ul>li .navleft .nav_btn_links {position: unset;margin: 20px 0 20px 15px;}
.level1navblk .level2navblk::before {display: none;}
.level2navblk>div {overflow-y: auto;height: auto;padding-right: 15px;scrollbar-width: thin;padding: 20px;max-height: unset;}
.level1navblk .level2navblk,.nav-item #resource-collapse .level1navblk .level2navblk {right: -100%;display: block;width: 100%;border-radius: 0;border: 1px solid #fff;height: 100%;position: fixed;top: 60px;left: auto;background: #fff;transition: all .5s ease-in-out;padding: 0 0 50px;overflow-y: auto;}
.level1navblk>ul li a.arrleft::before {display: none;}
.level1navblk>ul>li {position: relative;}
.level1navblk>ul>li .subnavarr {display: block;}
.header_top>div>div.flex-1 nav #navbarSupportedContent>ul>li>div.container-fluid>.container .navimage,.level2nav .arrtxt::before {display: none;}
.level2navblk .level2nav>a+div {position: relative;width: calc(100% - 82px);padding-right: 20px;}
.level2navblk .level2nav>a+div::before {content: '';width: 8px;height: 8px;background: 0 0;display: inline-block;position: absolute;left: auto;top: 0;bottom: 0;right: 0;margin: auto;border-top: 1.5px solid #0d3453;border-right: 1.5px solid #0d3453;transform: rotate(45deg);margin: auto 10px;z-index: 999;}
.level1navblk .level2navblk .level3navblk {display: block;right: -100%;width: 100%;height: auto;padding: 0;border: 0 solid #fff;z-index: 9999;top: 0;background: #fff;transition: all .5s ease-in-out;}
.level1navblk .level2navblk .level3navblk>ul {padding: 0!important;}
.level2navblk>.mbackbtn,.mbackbtnl3 {display: flex;}
.level1navblk .level3navblk ul li a::before {right: 25px;}
.level1navblk .level3navblk ul li a {width: 100%;}
.level1navblk .level3navblk ul li {height: 50px;line-height: 50px;padding: 0 0 0 20px;border-bottom: 1px solid #ccc;width: 100%;}
.level1navblk .level3navblk ul li:not(:last-child) {margin: 0;}
.navright {padding-bottom: 40px!important;}
.level2nav .arrtxt {width: auto;margin: 0;}nav #navbarSupportedContent>ul>li {padding-right: 0;padding-left: 0;}html.htmlcontunst {overflow: hidden;}
.events_web_tab .nav-tabs .nav-item:not(:last-child) {margin: 0 20px 0 0;}
.level1navblk > ul > li.nav_title {border: 0;}
.level1navblk > ul > li.nav_title .level1nav { margin: 0;}
.nav_carousel {margin: 10px auto 0;max-width: 100%;}
.level2navblk > div {min-height: 0;}
}