@import "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css");
@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'";
@import "intlTelInput.css";
*:focus { outline: 0 !important; }
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

/* ---------- Global Elements ---------- */

* { box-sizing: border-box }
a, abbr, acronym, address, applet, article, aside, audio, b, big, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family: "Poppins", sans-serif;
    font-weight: 400
}
a { text-decoration: none; }
.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #E29A3E;
    --bs-btn-border-color: #E29A3E;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00577F;
    --bs-btn-hover-border-color: #00577F;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00577F;
    --bs-btn-active-border-color: #00577F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #E29A3E;
    --bs-btn-disabled-border-color: #E29A3E;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00577F;
    --bs-btn-border-color: #00577F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E29A3E;
    --bs-btn-hover-border-color: #E29A3E;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E29A3E;
    --bs-btn-active-border-color: #E29A3E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00577F;
    --bs-btn-disabled-border-color: #00577F;
}
.w-30 { width: 30% !important; }
.w-60 { width: 60% !important; }
.w-70 { width: 70% !important; }
.flex-auto { flex: auto; }
.card { border: solid 1px #00577F; }
/*.card-main:hover { display: none; }*/
/*.card-main:hover + .card-second {*/
/*  display: block;*/
/*}*/
/*.card-second { display: none; }*/
.border-brand {
    border-color: #E29A3E !important;
}
.btn-bg-blue {
    background-color: #00577F !important;
    border: #000;
}
.btn-bg-light {
    background: #f7f8f9 !important;
    border: #000;
}
.coleee { color: #eee !important; }
.text-justify { text-align: justify; text-justify: inter-word; }
.tracking-wide	{ letter-spacing: 0.025em; }
.tracking-wider	{ letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
.title-red h1, .title-red h2, .title-red h3, .title-red h4, .title-red h5, .title-red h6, .title-red a, .title-blue a:hover { color: #E29A3E !important; }
.title-blue h1, .title-blue h2, .title-blue h3, .title-blue h4, .title-blue h5, .title-blue h6, .title-blue a, .title-red a:hover { color: #00577F !important; }
.bg-red { background-color: #E29A3E !important; }
.bg-blue { background-color: #00577F !important; }
.text-red { color: #E29A3E !important; }
.text-blue { color: #00577F !important; }
.text-eee { color: #eeeeee !important; }
.text-dark-gray {color: #2A2A2A !important; }
.text-light-gray {color: #2A2A2A !important; }
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;margin:1px;}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
/* ---------- Header ---------- */
.top-head { background-color: #00577F; color: #fff; font-weight: 700; line-height: 40px; }
.navbar { margin: 0px; padding: 0px; }
.navbar-nav { z-index: 9999 !important; }
.navbar-nav .nav-link { color: #222; padding: 20px 15px !important }
#navbar-example a { color: #fff; padding: 12px !important; }
.navbar-brand, .navbar-brand:focus, .navbar-brand:hover { color: #222; }
.navbar-brand img { max-height: 40px; }
/*.nav-link, .dropdown-item { text-transform: lowercase; }*/
/*.nav-link::first-letter, .dropdown-item::first-letter { text-transform: uppercase; }*/
.dropend .dropdown-toggle, .dropdown-item { color: #222; padding: 7px 40px 7px 20px !important; }
.dropdown-toggle:hover { background-color: #8892a4; color: #fff; }
.dropdown .dropdown-menu { display: none; }
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
}
.navbar-toggler{
    background-color: #E29A3E !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #00577F !important;
}
.fa-star, .fa-star-half-o, .fa-star-o:before { color: #e7711b }
@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media only screen and (max-width: 600px) {
    .navbar-nav .nav-link {
        padding: 10px 15px !important;
    }
}
.dropdown-menu {
    padding: 0 !important;
    margin: 0 !important;
    background: #cfd3da;
    border: 0 !important;
    border-radius: 0 !important;
    /*text-transform: uppercase;*/
}
.dropdown-menu li ul {
 background: #e7e9ec;   
}
.dropdown-menu li ul .dropdown-item:hover { background: #8892a4;  }
.main{
    background-color: #222;
    color: #fff;
    background-position: center center;
    background-size: cover;
}
.dropend .dropdown-toggle::after { display: none; }
.dropend .dropdown-toggle:hover:after{ display: inline-block; position: absolute; right: 20px !important; top: 50%; margin-top: -5px; }

/* ---------- Page ---------- */
#ban1:before, #ban2:before, #ban3:before{
    position: absolute;
    content: '';
    background: #000;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    opacity: 0;
}
#ban1 .button a { position: absolute; bottom: 80px; left: 50% !important; }
#ban2 .button a { position: absolute; bottom: 50px; left: 30% !important; }
#ban3 .button a { position: absolute; bottom: 50px; left: 20% !important; }
#corporate-banner { 
    background: url('../images/Corporate-Training.png');
    background-size: cover;
    background-position: center center;
    height: 425px;
}
#corporate-banner .button a { position: absolute; top: 250px; left: 55% !important; }
#ban1 {
background-image: url('../images/ban1.jpg');
background-position: center center;
background-size: cover;
min-height: 350px;
}
#ban2 {
background-image: url('../images/ban2.jpg');
background-position: center center;
background-size: cover;
min-height: 350px;
}
#ban3 {
background-image: url('../images/ban3.jpg');
background-position: center center;
background-size: cover;
min-height: 350px;
}
.bg-icon-col1 { background-image: linear-gradient(140deg, #00577F 50%, #E29A3E 75%); }
.bg-icon-col2 { background-image: linear-gradient(140deg, #002147 0%, #996515 50%, #44161f 75%); }
.bg-icon-col3 { background-image: linear-gradient(140deg, #E29A3E 10%, #00577F 75%); }
.bg-icon-col4 { background-image: linear-gradient(140deg, #996515 0%, #002147 50%, #44161f 75%);}
.reviews button, .searchcourses button { margin: 0;
    position: relative;
    margin-top: 20px;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .position-relative { position: relative !important; }
    .absolute-middle-center {
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video-icon { padding: 15px 15px 15px 20px; }
.course-video img { vertical-align: text-top; }
.course-video div { position: relative; }
.w-90 { width: 90% !important; }
.yt-video:before{
    position: absolute;
    content: '';
    background: #151f36;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
.bg-light, .trending-courses, .home1 { background: #F4F4F4 !important; }
.page-banner, .course-video {
    position: relative;
    background: url(../images/1.webp) center center no-repeat;
    width: 100%;
    background-size: cover;
    color: #eee;
}
.page-banner:before, .course-video:before {
    position: absolute;
    content: '';
    background: #1F1F1F;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
}
.page-banner .container { position: relative; }
.page-banner a { color: #fff; }
#CourseDetails ul, #CourseDetails ol, #Curriculum ul, #Curriculum ol, #Certification ul, #Certification ol, .course-video ul,.course-video ol, #ProgramDetails ul, #ProgramDetails ol, .nau-page ul { margin-left: 40px;}
#groupCurriculum .text-end i:before { font-family: FontAwesome; content: "\f077"; font-style: normal; }
#groupCurriculum button[aria-expanded="true"] i:before { font-family: FontAwesome; content: "\f078"; font-style: normal; }
#viewCurriculum, #hideCurriculum, #viewFaq , #hideFaq, #viewOnline, #hideOnline, #viewCorporate, #hideCorporate, #viewGeneral, #hideGeneral, #viewObjectives, #hideObjectives { display: none; }
#Curriculum h4 strong { font-weight: 500 !important; }
.nav .nav-item button.active { background-color: transparent; color: var(--bs-danger) !important; }
.nav .nav-item button.active::after { content: ""; border-bottom: 4px solid var(--bs-danger); width: 100%; position: absolute; left: 0; bottom: -1px; border-radius: 5px 5px 0 0; }
.accordion-item h2 button { font-weight: bold !important; }
.collapse { transition: none !important; }
.accordion-item:not(:first-of-type) { border-top: 1px; }
.accordion-item:last-of-type { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.accordion-item:first-of-type, .accordion-item:first-of-type button { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }

.intl-tel-input {
  display: table-cell;
}
.intl-tel-input .selected-flag {
  z-index: 4;
}
.intl-tel-input .country-list {
  z-index: 5;
}
.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
}
.contact-page iframe { max-width: 100%; width: 100%; height: 350px; display: block; }
#vidModal { display: none; z-index: 9999 !important; }
#vidModal .modal-dialog { max-width: 75%; margin: 50px auto; }
#vidModal .modal-body { position:relative; padding:0px; }
#vidModal .btn-close { position: absolute; right: -30px; top: 0; background-color: #fff; background-size: 10px; }
#popupEnquiry, #popupBrochureEnquiry { z-index: 9999 !important; }
ul.job-titles li { display:inline-block; }
.city-list { list-style: none; }
.city-list li { display: inline; }
.city-list li:first-child { padding-left: 0px !important; }
.city-list li:before { content: " | "; }
.city-list li:first-child:before { content: " "; }
/* ---------- Footer ---------- */
.copyright { background-color: #00577F; color: #fff; font-weight: 400; }
.footer {
    position: relative;
    background: url(../images/Footer.webp) center center no-repeat;
    width: 100%;
    background-size: cover;
    color: #ccc;
}
.footer a { color: #ccc; }
.footer:before {
    position: absolute;
    content: '';
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
}
.footer .container { position: relative; }
.footer .border-bottom { position: relative; border-bottom-color: #ccc !important; }

.navbar-light .navbar-nav .nav-link.active { color: #E29A3E; background: #E29A3E; }
.navbar-light .navbar-nav .nav-link { color: #ffffff; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #295097;}
.nav-pills .nav-link { padding: 20px; border-radius: 0; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #00577F; }
iframe { border: none; margin: 0; padding: 0; display:block; }
ul.fancy-list.arrow li::marker {
    content: "\f105";
}
ul.fancy-list li::marker {
    font-family: FontAwesome;
    font-style: normal;
    color: #E29A3E;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 0;
}
.footer small { font-size: .65em; }
.footer .font-small { font-size: 0.8rem !important; }
.footer p { line-height: 15px; }

/* ---------- Responsive ---------- */

@media (max-width: 575.98px) {
.nav-pills .nav-link { padding: 10px; }
.nav-link { font-size: 0.975rem; }
.accordion-button { font-size: 0.975rem; }
#ban1, #ban2, #ban3 { min-height: 150px; }
#ban1 .button a { bottom: 10px; left: 50% !important; padding: 1px 10px !important; }
#ban2 .button a { bottom: 10px; left: 25% !important; padding: 1px 10px !important; }
#ban3 .button a { bottom: 10px; left: 1% !important; padding: 1px 10px  !important; }
#ban1 .btn, #ban2 .btn, #ban3 .btn { font-size: 0.75rem !important; }
.carousel-indicators { margin-bottom: 0rem; }
#corporate-banner { height: 200px; }
#corporate-banner .button a { left: 55% !important; padding: 1px 10px !important; font-size: 0.75rem !important; top: 100px; }
}

@media (max-width: 767.98px) {
  #Syllabus h5 { font-size: 1rem; }
}