@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css);
@import url(https://use.fontawesome.com/releases/v5.2.0/css/all.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css);
@import url(https://use.typekit.net/tvx4jrq.css);
@import url(https://unpkg.com/aos@2.3.1/dist/aos.css);
@import url(https://unpkg.com/swiper@8.3.1/swiper-bundle.min.css);
/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * https://creativecommons.org/licenses/by/4.0/
 */ :root {
  --mm-ocd-width: 80%;
  --mm-ocd-min-width: 200px;
  --mm-ocd-max-width: 440px
}
body.mm-ocd-opened {
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px;
    color: black !important;
}

.mm-ocd {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  background: transparent;
  -webkit-transition-property: bottom, background-color;
  -o-transition-property: bottom, background-color;
  transition-property: bottom, background-color;
  -webkit-transition-duration: 0s, .3s;
  -o-transition-duration: 0s, .3s;
  transition-duration: 0s, .3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: .45s, .15s;
  -o-transition-delay: .45s, .15s;
  transition-delay: .45s, .15s
}
.mm-ocd--open {
  bottom: 0;
  background: rgba(0, 0, 0, .25);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s
}
.mm-ocd__content {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 80%;
  width: var(--mm-ocd-width);
  min-width: 200px;
  min-width: var(--mm-ocd-min-width);
  max-width: 440px;
  max-width: var(--mm-ocd-max-width);
  background: #fff;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease
}
.mm-ocd--left .mm-ocd__content {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0)
}
.mm-ocd--right .mm-ocd__content {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}
.mm-ocd--open .mm-ocd__content {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}
.mm-ocd__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: 20%;
  width: calc(100% - var(--mm-ocd-width));
  min-width: calc(100% - 440px);
  min-width: calc(100% - var(--mm-ocd-max-width));
  max-width: calc(100% - 200px);
  max-width: calc(100% - var(--mm-ocd-min-width));
  background: rgba(3, 2, 1, 0)
}
.mm-ocd--left .mm-ocd__backdrop {
  right: 0
}
.mm-ocd--right .mm-ocd__backdrop {
  left: 0
}
.mm-spn, .mm-spn a, .mm-spn li, .mm-spn span, .mm-spn ul {
  display: block;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
:root {
  --mm-spn-item-height: 50px;
  --mm-spn-item-indent: 20px;
  --mm-spn-line-height: 24px
}
.mm-spn {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}
.mm-spn ul {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 2;
  width: 130%;
  padding-right: 30%;
  line-height: 24px;
  line-height: var(--mm-spn-line-height);
  overflow: visible;
  overflow-y: auto;
  background: inherit;
  -webkit-transition: left .3s ease 0s;
  -o-transition: left .3s ease 0s;
  transition: left .3s ease 0s;
  cursor: default
}
.mm-spn ul:after {
  content: "";
  display: block;
  height: 50px;
  height: var(--mm-spn-item-height)
}
.mm-spn > ul, .mm-spn ul.mm-spn--open {
  left: 0
}
.mm-spn ul.mm-spn--parent {
  left: -30%;
  overflow-y: hidden
}
.mm-spn li {
  position: relative;
  background: inherit;
  cursor: pointer
}
.mm-spn li:before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  top: calc(var(--mm-spn-item-height)/2);
  right: 25px;
  right: calc(var(--mm-spn-item-height)/2);
  z-index: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  opacity: .4
}
.mm-spn li:after {
  content: "";
  display: block;
  margin-left: 20px;
  margin-left: var(--mm-spn-item-indent);
  border-top: 1px solid;
  opacity: .15
}
.mm-spn a, .mm-spn span {
  position: relative;
  z-index: 1;
  padding: 13px 20px;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/2) var(--mm-spn-item-indent)
}
.mm-spn a {
  background: inherit;
  color: inherit;
  text-decoration: none
}
.mm-spn a:not(:last-child) {
  width: calc(100% - 50px);
  width: calc(100% - var(--mm-spn-item-height))
}
.mm-spn a:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid;
  opacity: .15
}
.mm-spn span {
  background: 0 0
}
.mm-spn.mm-spn--navbar {
  cursor: pointer
}
.mm-spn.mm-spn--navbar:before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  top: calc(var(--mm-spn-item-height)/2);
  left: 20px;
  left: var(--mm-spn-item-indent);
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border-top: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg) translate(50%, -50%);
  -ms-transform: rotate(-45deg) translate(50%, -50%);
  transform: rotate(-45deg) translate(50%, -50%);
  opacity: .4
}
.mm-spn.mm-spn--navbar.mm-spn--main {
  cursor: default
}
.mm-spn.mm-spn--navbar.mm-spn--main:before {
  content: none;
  display: none
}
.mm-spn.mm-spn--navbar:after {
  content: attr(data-mm-spn-title);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  height: var(--mm-spn-item-height);
  padding: 0 40px;
  padding: 0 calc(var(--mm-spn-item-indent)*2);
  line-height: 50px;
  line-height: var(--mm-spn-item-height);
  opacity: .4;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}
.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding-left: 20px;
  padding-left: var(--mm-spn-item-indent)
}
.mm-spn.mm-spn--navbar ul {
  top: 51px;
  top: calc(var(--mm-spn-item-height) + 1px)
}
.mm-spn.mm-spn--navbar ul:before {
  content: "";
  display: block;
  position: fixed;
  top: inherit;
  z-index: 2;
  width: 100%;
  border-top: 1px solid;
  opacity: .15
}
.mm-spn.mm-spn--light {
  color: #444;
  background: #f3f3f3
}
.mm-spn.mm-spn--dark {
  color: #ddd;
  background: #333
}
.mm-spn.mm-spn--vertical {
  overflow-y: auto
}
.mm-spn.mm-spn--vertical ul {
  width: 100%;
  padding-right: 0;
  position: static
}
.mm-spn.mm-spn--vertical ul ul {
  display: none;
  padding-left: 20px;
  padding-left: var(--mm-spn-item-indent)
}
.mm-spn.mm-spn--vertical ul ul:after {
  height: 25px;
  height: calc(var(--mm-spn-item-height)/2)
}
.mm-spn.mm-spn--vertical ul.mm-spn--open {
  display: block
}
.mm-spn.mm-spn--vertical li.mm-spn--open:before {
  -webkit-transform: rotate(135deg) translate(-50%);
  -ms-transform: rotate(135deg) translate(-50%);
  transform: rotate(135deg) translate(-50%)
}
.mm-spn.mm-spn--vertical ul ul li:last-child:after {
  content: none;
  display: none
}
#tribe-events .tribe-events-single .button, .event-list .button, .filter .btn-filter, .resource-centre .resources .resource-item .button {
  display: block;
  background-color: #0d3b70;
  box-sizing: border-box;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
  padding: 10px 20px;
  transition: background-color .5s ease-in-out
}
#tribe-events .tribe-events-single .button:hover, .event-list .button:hover, .filter .btn-filter:hover, .resource-centre .resources .resource-item .button:hover {
  background-color: #3a7bc8;
  color: #fff
}
.main-header {
  background-color: #FFFFFF;
  padding: 15px 0
}
.navigation__top {
  justify-content: flex-end;
  margin-bottom: 20px
}
.navigation__top .menu-item a {
  color: #0d3b70;
  font-weight: 500;
  font-size: 14px;
  margin-right: 20px
}
.navigation__top .menu-item a:hover {
  color: #e87722
}
.navigation__top .menu-item .button {
  color: #fff;
  font-weight: 600;
  padding: 6px 20px
}
.navigation__top .menu-item .button:hover {
  color: #fff
}
.navigation__top > .menu-item {
  margin-right: 10px;
  position: relative
}
.navigation__top > .menu-item:last-child a {
  margin-right: 0;
  color: #fff;
  font-weight: 700;
  padding: 10px 40px;
  background-color: #e87722;
  border-radius:5px;    
}
.navigation__top > .menu-item:last-child:hover a {
  color: #fff;
  text-decoration: none
}
.navigation__top .menu-item .nav-link {
  color: #0d3b70;
  font-size: 12px
}
.navigation__top .menu-item.menu-item-has-children .sub-menu:hover, .navigation__top .menu-item.menu-item-has-children:hover .sub-menu {
  display: block
}
.navbar .navigation__top li {
  display: inline-block;
  margin-left: 1.5rem;
  text-align: right
}
.navbar .navigation__top li.menu-item-has-children {
  position: relative
}
.navbar .navigation__top li.menu-item-has-children > a:after {
  bottom: 5px;
  content: "";
  display: block;
  background-image: url(svg/arrow-nav-down.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 2px;
  width: 10px;
  height: 8px
}
.main-header .navbar .navigation__top .sub-menu {
  display: none;
  background-color: #fff;
  position: absolute;
  left: -20px;
  top: 20px;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  padding: 20px 20px 15px;
  z-index: 999;
  width: 280px;
  border-bottom: 4px solid #3a7bc8
}
.main-header .navbar .navigation__top .sub-menu li {
  text-align: left;
  display: block;
  margin-bottom: 10px;
  margin-left: 0
}
.navigation__primary {
  justify-content: flex-end
}
#menu-primary-menu {
  padding-right: 4rem
}
.menu-primary-menu-container {
  width: calc(100% - 32px);
  position: relative
}
.navigation__primary .menu-item {
  float: right;
  position: relative;
  margin-left: 10px
}
.navigation__primary .menu-item.current-menu-item > a, .navigation__primary .menu-item.current-menu-parent > a {
  font-weight: 700;
  color: #3a7bc8
}
.navigation__primary .menu-item-has-children {
  padding-right: 16px
}
.navigation__primary .menu-item-has-children .sub-menu {
  display: none;
  border-bottom: 4px solid #3a7bc8;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  transition: opacity .3s ease-in-out;
  opacity: 0;
  margin-left: -20px
}
.navigation__primary .menu-item-has-children .sub-menu li:last-child {
  margin-bottom: 0
}
.navigation__primary .menu-item-has-children:hover .sub-menu {
  background-color: #fff;
  display: block;
  padding: 15px;
  position: absolute;
  width: 280px;
  z-index: 10001;
  list-style: none;
  opacity: 1
}
.navigation__primary .menu-item-has-children > a:after {
  bottom: 8px;
  content: "";
  display: block;
  background-image: url(svg/arrow-nav-down.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  width: 15px;
  height: 8px
}
.navigation__primary .menu-item-has-children:hover .sub-menu .menu-item {
  clear: both;
  float: left;
  text-align: left;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 3px 0
}
.navigation__primary .menu-item-has-children:hover .sub-menu .menu-item a {
  margin: 5px 0;
  text-align: left;
  line-height: 100%
}
.navigation__primary .menu-item a {
  color: #0d3b70;
  font-weight: 600;
  font-size: 18px;
  margin: 0 10px
}
.navigation__primary .menu-item a:hover {
  color: #e87722;
  text-decoration: none
}

/*Start New Added Code for the Sub-Menu styling 07/10/2023 Nurqayza*/

/*End New Added Code for the Sub-Menu styling 07/10/2023 Nurqayza*/


/*Start New Added Code for the Sub-Menu styling 05/01/2023 Nurqayza*/

.navigation__primary ul {
	padding-left:0px;
	margin:0px;
}
.navigation__primary > ul li{
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	margin:3px 2px;
	position:relative;
}
.navigation__primary > ul > li > a{
	color:#000;
	display:inline-block;
	padding:8px 20px;
	border:1px solid #4f4f4f;
	border-radius:4px;
}

.navigation__primary > ul > li > a:hover,
.navigation__primary > ul > li > a:focus,
.navigation__primary > ul > li.current-menu-item > a{
	background-color:#343434;
	color:#f45c06;
}
.navigation__primary ul ul{
	border-radius:10px;
	border:1px solid #ffff;
	background-color:rgba(38, 38, 38, 0.95);
    opacity: 0;    
    position: absolute;
    top: -25px;
	left: 265px;
    width: 100%;
	min-width:170px;
	z-index:1;
	visibility:hidden;
	transition:all 0.15s ease-in-out;
	-webkit-transition:all 0.15s ease-in-out;
}

.navigation__primary ul li:hover > ul{
	opacity:1;
	visibility:visible;
}
.navigation__primary ul ul li{
	width:100%;
  margin-top: -10px; /* Adjust the margin as needed */
}
.navigation__primary ul ul li a{
	display: inline-block;
    line-height: 16px;
    padding: 5px;
	color:#FFF;
	width:100%;
}
.navigation__primary ul ul li a:hover,
.navigation__primary ul ul li a:focus{
	
	color:#ffff;
}
.navigation__primary ul ul ul{
	left:50%;
	top:20px;
}

.navigation__primary .menu-item-has-children .sub-menu li {
	min-width: 245px; margin-left:-20px;
}

/*End New Added Code for the Sub-Menu styling 05/01/2023 Nurqayza*/
#menu-utility-menu {
  display: none
}
#site-search__toggle-mobile {
  display: inline-block;
  padding: 0 20px 0 5px
}
#site-search__toggle {
  display: none;
  bottom: 20px;
  position: absolute;
  right: 10px
}
#site-search__toggle-mobile .fa-search, #site-search__toggle .fa-search {
  color: #3a7bc8
}
#site-search__text {
  background: none transparent;
  border: none;
  border-bottom: 1px solid #3a7bc8;
  color: #0d3b70
}
#site-search__text:focus {
  outline: none
}
#site-search__submit {
  margin-left: 16px;
  color: #0d3b70
}
.navbar {
  padding: 0;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  .navbar {
    padding: 0;
    margin-top: 0px;
    margin-right: 20px;
  }
  .mobmenur-container {
    margin-right: 8px;
    margin-top: 15px !important;
  }
}
.navbar-brand img {
  /*max-height: 50px*/
}
.navbar__header {
  display: flex;
  justify-content: right
}
.navbar__top {
  width: 100%;
  border: 1px solid red
}
.navbar__top li {
  display: inline-block
}
.navbar__main {
  width: 100%;
  border: 1px solid green
}
.navbar-collapse {
  flex-wrap: wrap
}
.main-header .navbar .navbar-nav {
  flex-direction: row;
  width: 100%
}
.navbar-toggler-icon {
  width: 1.2em;
  height: 1.2em
}
@media only screen and (min-width:768px) {
  .navbar-brand img {
    max-height: 150px;
  }
}
@media only screen and (min-width:992px) {
  #site-search__toggle {
    display: block
  }
  #menu-utility-menu {
    display: flex
  }
}
@media only screen and (min-width:1200px) {
  #site-search__toggle-mobile {
    display: none
  }
}
.multiselect-dropdown .dropdown-menu {
  border: 0;
  border-radius: 0;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .2)
}
.find-course {
  z-index: 2;
  left: 0;
  right: 0;
  position: static;
  padding: 40px 0
}
.generic-search__container {
  margin-top: -50px;
  position: relative
}
.find-course__search, .generic-search__search {
  color: #3a7bc8;
  width: 100%;
  padding: 10px 0 20px;
  margin: 10px 0 30px;
  border: 0;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 2px solid #dee2e6
}
.find-course__search:focus, .generic-search__search:focus {
  outline: 0;
  border-bottom-color: #3a7bc8
}
.find-course__search::-moz-placeholder, .generic-search__search::-moz-placeholder {
  color: #3a7bc8
}
.find-course__search:-ms-input-placeholder, .generic-search__search:-ms-input-placeholder {
  color: #3a7bc8
}
.find-course__search::placeholder, .generic-search__search::placeholder {
  color: #3a7bc8
}
.find-course__none {
  display: none
}
.find-course__filters {
  margin-bottom: 40px
}
.find-course__browse, .find-course__filters {
  color: #0d3b70;
  font-weight: 700;
  font-size: 21px
}
.find-course__browse {
  margin-bottom: 10px
}
.find-course__browse .dropdown-toggle {
  outline: none;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  color: #0d3b70 !important;
  font-weight: 700;
  font-size: 15px;
  padding: 0 0 5px
}
.find-course__browse .dropdown-toggle:active, .find-course__browse .dropdown-toggle:focus {
  box-shadow: none !important;
  background-color: inherit;
  color: inherit !important
}
.find-course__browse .dropdown-toggle:after {
  border: 0;
  width: 20px;
  height: 10px;
  background-image: url(img/arrow-blue.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg) translate(-5px, -3px);
  margin: 0
}
.find-course__browse .show .dropdown-toggle:after {
  transform: rotate(0deg) translate(10px, 3px)
}
.find-course__browse .dropdown-item input {
  visibility: hidden
}
.find-course__browse .dropdown-text {
  display: none
}
.find-course__browse .dropdown-menu {
  border-top: 2px solid #3a7bc8;
  margin-left: -40px
}
.filter-type {
  text-transform: capitalize;
  color: #999
}
.find-course__browse .dropdown-divider, .find-course__browse .dropdown-item:first-child {
  display: none
}
.find-course__filters .multiselect-dropdown .dropdown-toggle {
  font-size: 14px;
  background-color: #f5f5f5;
  border: 0;
  color: #0d3b70;
  padding: 10px 14px
}
.find-course__filters .multiselect-dropdown .dropdown-menu {
  font-size: 14px
}
.find-course__browse .multiselect-dropdown .dropdown-item, .find-course__browse .multiselect-dropdown label, .find-course__filters .multiselect-dropdown .dropdown-item, .find-course__filters .multiselect-dropdown label {
  cursor: pointer;
  font-weight: 700;
  color: #999
}
.find-course__browse .multiselect-dropdown .dropdown-item:active, .find-course__browse .multiselect-dropdown .dropdown-item:hover, .find-course__browse .multiselect-dropdown label:active, .find-course__browse .multiselect-dropdown label:hover, .find-course__filters .multiselect-dropdown .dropdown-item:active, .find-course__filters .multiselect-dropdown .dropdown-item:hover, .find-course__filters .multiselect-dropdown label:active, .find-course__filters .multiselect-dropdown label:hover {
  background-color: transparent;
  color: #3a7bc8
}
.find-course__submit, .generic-search__submit {
  background: transparent none;
  border: none;
  color: #3a7bc8;
  font-size: 28px;
  position: absolute;
  top: 20px;
  right: 10px
}
@media only screen and (min-width:768px) {
  .find-course__panel, .generic-search__panel {
    background-color: #fff;
    padding: 20px 70px 0px
  }
  .find-course__submit, .generic-search__submit {
    top: 40px;
    right: 90px
  }
  .find-course {
    padding: 0;
    position: absolute;
    background-color: transparent
  }
  .courses .find-course__panel, .find-course .find-course__panel, .generic-search__container {
    box-shadow: 0 10px 13px -7px #d6d9e1, 5px 5px 15px 5px transparent
  }
  .find-course__search, .generic-search__search {
    font-size: 30px
  }
  .find-course__browse .dropdown-toggle {
    font-size: 18px
  }
}
@media only screen and (min-width:992px) {
  .find-course__browse {
    display: block
  }
}
#accordion {
  border-top: 6px solid #3a7bc8
}
.accordion__overview {
  padding-bottom: 30px
}
.accordion__overview h2 {
  padding-bottom: 10px
}
.accordion__header {
  padding: 0
}
.accordion__link[aria-expanded=true] {
  background-color: #f5f5f5;
  border-bottom: 1px solid #d6d9e1
}
.accordion__link {
  display: block;
  transition: background-color .7s ease;
  width: 100%;
  padding: 20px 60px 20px 80px;
  color: #0d3b70;
  font-weight: 700;
  text-align: left;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.5;
  border: 0;
  position: relative
}
.accordion__link:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 25px;
  background-image: url(img/arrow-blue.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 26px;
  height: 17px;
  transition: all .5s ease
}
.accordion__link[aria-expanded=true]:before {
  transform: rotate(180deg)
}
.accordion__item {
  border: 1px solid #d6d9e1;
  margin-top: -1px
}
.accordion__body {
  padding: 30px 35px
}
#course-fees-accordion {
  margin-bottom: 40px
}
@media only screen and (min-width:768px) {
  .accordion__link {
    font-size: 20px
  }
}
.single-courses .accordion__body h4 {
  color: #0d3b70;
  font-weight: 700;
  font-size: 1.3rem;
  margin: 20px 0 0
}
.single-courses .accordion__body h4 + p, .single-courses .accordion__body h4 + table {
  margin-top: 1rem
}
.single-courses .accordion__body h6 {
  color: #3a7bc8;
  font-weight: 700;
  margin: 20px 0 10px
}
.single-courses .accordion__body table tr {
  border-bottom: 1px dotted #dee2e6
}
.single-courses .accordion__body table td {
  display: block
}
.single-courses .accordion__body table {
  width: 100%;
  margin-bottom: 40px
}
.single-courses .accordion__body table tbody tr:first-child {
  border-bottom: 2px solid #dee2e6
}
.single-courses .accordion__body table tbody tr:first-child td {
  font-weight: 700;
  padding: 0 40px 10px 0;
  vertical-align: bottom
}
.single-courses .accordion__body table tbody tr:first-child td:last-child {
  padding-right: 0
}
.course-doctorate .accordion__body table tbody tr td {
  padding: 0 0 10px
}
.course-doctorate .accordion__body table tbody tr td:first-child {
  padding-right: 20px
}
.course-doctorate .accordion__body table tbody tr td:last-child {
  text-align: center
}
.course-doctorate .accordion__body table tbody tr:nth-child(2) td:first-child {
  width: 20%
}
.course-doctorate .accordion__body table tbody tr:nth-child(2) td:nth-child(2) {
  width: 10%;
  padding-right: 20px
}
.course-doctorate .accordion__body table tbody tr:nth-child(2) td:nth-child(3) {
  width: auto;
  padding-right: 20px
}
.course-doctorate .accordion__body table tbody tr:nth-child(2) td:nth-child(4) {
  width: 15%;
  padding-right: 20px
}
.course-doctorate .accordion__body table tbody tr:nth-child(2) td:nth-child(5) {
  width: 15%;
  padding-right: 0
}
.course-advanced-diploma .accordion__body table {
  margin-bottom: 0
}
.course-advanced-diploma .accordion__body table.module-number tbody tr td:first-child {
  text-align: center
}
.course-advanced-diploma .accordion__body table tbody tr td {
  padding: 0 0 10px
}
.course-advanced-diploma .accordion__body table tbody tr td:first-child {
  padding-right: 20px
}
.course-advanced-diploma .accordion__body table tbody tr td:nth-child(3) {
  text-align: center
}
.course-advanced-diploma .accordion__body table tbody tr:nth-child(2) td:first-child {
  width: 11%
}
.course-advanced-diploma .accordion__body table tbody tr:nth-child(2) td:nth-child(2) {
  width: auto;
  padding-right: 20px
}
.course-advanced-diploma .accordion__body table tbody tr:nth-child(2) td:nth-child(3) {
  width: auto
}
.course-diploma .accordion__body table {
  margin-bottom: 0
}
.course-diploma .accordion__body table tbody tr td {
  padding: 0 0 10px
}
.course-diploma .accordion__body table tbody tr td:first-child {
  padding-right: 20px
}
.course-diploma .accordion__body table tbody tr td:nth-child(3) {
  text-align: center
}
.course-diploma .accordion__body table tbody tr:nth-child(2) td:first-child {
  width: 15%
}
.course-diploma .accordion__body table tbody tr:nth-child(2) td:nth-child(2) {
  width: auto;
  padding-right: 20px
}
.course-diploma .accordion__body table tbody tr:nth-child(2) td:nth-child(3) {
  width: auto
}
.course-bachelors .accordion__body table {
  margin-bottom: 0
}
.course-bachelors .accordion__body table tbody tr td {
  padding: 0 0 10px
}
.course-bachelors .accordion__body table tbody tr td:first-child {
  padding-right: 20px
}
.course-bachelors .accordion__body table.no-semester tbody tr td:nth-child(3), .course-bachelors .accordion__body table tbody tr td:nth-child(4) {
  text-align: center
}
.course-bachelors .accordion__body table.no-semester tbody tr:nth-child(2) td:nth-child(2) {
  width: 75%
}
.course-bachelors .accordion__body table tbody tr:nth-child(2) td:first-child {
  width: 15%
}
.course-bachelors .accordion__body table tbody tr:nth-child(2) td:nth-child(2) {
  width: auto;
  padding-right: 20px
}
.course-bachelors .accordion__body table tbody tr:nth-child(2) td:nth-child(3), .course-bachelors .accordion__body table tbody tr:nth-child(2) td:nth-child(4) {
  width: auto
}
.course-bachelors .accordion__body table.additional-mandatory-units td:nth-child(2) {
  width: 72%
}
.course-bachelors .accordion__body table.additional-mandatory-units td:nth-child(3) {
  text-align: center
}
.course-masters .accordion__body table {
  margin-bottom: 0
}
.course-masters .accordion__body table tbody tr td {
  padding: 0 0 10px
}
.course-masters .accordion__body table tbody tr td:first-child {
  padding-right: 20px
}
.course-masters .accordion__body table tbody tr:nth-child(2) td:first-child {
  width: 15%
}
.course-masters .accordion__body table tbody tr:nth-child(2) td:nth-child(2) {
  width: auto;
  padding-right: 20px
}
.course-masters .accordion__body table tbody tr:nth-child(2) td:nth-child(3), .course-masters .accordion__body table tbody tr:nth-child(2) td:nth-child(4) {
  width: auto
}
.course-masters .accordion__body table.additional-mandatory-units td:nth-child(2), .course-masters .accordion__body table tbody tr:nth-child(2).additional-mandatory-units td:nth-child(2) {
  width: 72%
}
.course-graduate-certificate .accordion__body table {
  margin-bottom: 0
}
.course-graduate-certificate .accordion__body table tbody tr td {
  padding: 0 0 10px
}
.course-graduate-certificate .accordion__body table tbody tr td:first-child {
  padding-right: 20px
}
.course-graduate-certificate .accordion__body table tbody tr:nth-child(2) td:first-child {
  width: 15%
}
.course-graduate-certificate .accordion__body table tbody tr:nth-child(2) td:nth-child(2) {
  width: auto;
  padding-right: 20px
}
.course-graduate-certificate .accordion__body table tbody tr:nth-child(2) td:nth-child(3) {
  width: auto
}
.course-undergraduate-certificate .accordion__body table {
  margin-bottom: 0
}
.course-undergraduate-certificate .accordion__body table tbody tr td {
  padding: 0 0 10px
}
.course-undergraduate-certificate .accordion__body table tbody tr td:first-child {
  padding-right: 20px
}
.course-undergraduate-certificate .accordion__body table tbody tr:nth-child(2) td:first-child {
  width: 15%
}
.course-undergraduate-certificate .accordion__body table tbody tr:nth-child(2) td:nth-child(2) {
  width: auto;
  padding-right: 20px
}
.course-undergraduate-certificate .accordion__body table tbody tr:nth-child(2) td:nth-child(3) {
  width: auto
}
@media only screen and (min-width:768px) {
  .single-courses .accordion__body table tr {
    border: 0
  }
  .single-courses .accordion__body table td {
    display: table-cell
  }
  .course-graduate-certificate .accordion__body table tbody tr td:nth-child(3), .course-masters .accordion__body table.additional-mandatory-units td:nth-child(3), .course-masters .accordion__body table tbody tr:nth-child(2).additional-mandatory-units td:nth-child(3), .course-masters .accordion__body table tbody tr td:nth-child(4), .course-undergraduate-certificate .accordion__body table tbody tr td:nth-child(3) {
    text-align: center
  }
}
button:focus {
  outline: none
}
.button {
  border: 0;
  border-radius: 5px;    
  padding: 8px 35px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}
.button:hover {
  text-decoration: none
}
.button__orange {
  background-color: #e87722
}
.button__orange:hover {
  color: #fff
}
/* Four Columns Button - Figma Design */
.four-columns__button {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.four-columns__button .button__orange {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: #E87722;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  border: none;
  transition: all 0.3s ease;
  margin: 0;
}
.four-columns__button .button__orange:hover {
  background: #d66a1a;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(232, 119, 34, 0.4);
  text-decoration: none;
  color: #ffffff;
}
.button__blue, .button__orange:hover {
  background-color: #0d3b70
}
.button__blue:hover {
  background-color: #3a7bc8
}
.wp-block-button a {
  background: #e87722;
  color: #fff;
  margin-bottom: 20px;
  font-size: 14px;
  padding: 8px 50px;
  text-decoration: none !important;    
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}
.wp-block-button a:hover {
  background-color: #0d3b70;
  color: #fff
}
.snip1561 {
  position: relative;
  overflow: hidden;
  width: 100%;
   /*background-color: #0d3b70*/  /*Nov 1, 2023 I will comment out this one to remove the BG in the "You may also be interested in" */
}
.snip1561 img, .snip1561:after, .snip1561:before {
  box-sizing: border-box;
  transition: all .4s ease
}
.snip1561 img {
  max-width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: top
}
.snip1561:after, .snip1561:before {
  content: "";
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%)
}
.snip1561:before {
  width: 60px;
  height: 1px;
  left: 100%
}
.snip1561:after {
  height: 60px;
  width: 1px;
  top: 0
}
.snip1561 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1
}
.snip1561.hover img, .snip1561:hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: .5;
  opacity: .5
}
.snip1561.hover:after, .snip1561.hover:before, .snip1561:hover:after, .snip1561:hover:before {
  opacity: 1;
  top: 50%;
  left: 50%
}
.snip1361 {
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 315px;
  min-height: 300px;
  width: 100%;
  color: #141414;
  text-align: left;
  line-height: 1.4em;
  font-size: 16px
}
.snip1361 * {
  box-sizing: border-box;
  transition: all .35s ease
}
.snip1361 img {
  max-width: 100%;
  vertical-align: top
}
.snip1361 .feature-block__content {
  position: absolute;
  top: 47%;
  width: 100%;
  padding: 15px 25px 65px
}
.snip1361 .feature-block__content:before {
  position: absolute;
  content: "";
  z-index: 2;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 80px
}
.snip1361 h3, .snip1361 p {
  margin: 0 0 10px;
  color: #fff
}
.snip1361 h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px
}
.snip1361 .feature-block__content span {
  color: #fff;
  opacity: 0;
  display: block;
  line-height: 1.4
}
.snip1361:hover .feature-block__content span {
  opacity: 1
}
.snip1361 a {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  padding: 20px;
  right: 0;
  z-index: 2
}
.snip1361.hover .feature-block__content, .snip1361:hover .feature-block__content {
  top: 80px
}
.snip1361:hover .four-col__caption.feature-block__more {
  background-color: #3a7bc8
}
.footer-large {
  padding: 50px 0 0;
  background-color: #0d3b70
}
.footer-large .gform_wrapper ul li.gfield {
  margin-top: 0;
  padding-right: 0
}
.footer-large .gform_wrapper ul.gform_fields li.gfield select {
  width: 100%;
  background-color: transparent;
  color: #6a86a5;
  padding: 10px;
  margin: 0;
  border: 1px solid #6a86a5
}
.footer-large .gform_wrapper ul.gform_fields li.gfield select option {
  color: #000
}
.footer-large .gform_wrapper ul.gform_fields li.gfield select option:active {
  color: #fff
}
.footer-large .gform_wrapper .gform_footer {
  margin-top: 0;
  padding-bottom: 0
}
.footer-large .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  color: #fff;
  padding: 10px;
  margin-top: 0
}
.footer-large input:focus, .footer-large select:focus {
  outline: 1px solid #fff
}
.footer-large .gform_footer input[type=submit] {
  width: 100%;
  border: 0;
  background-color: #e87722
}
.page .footer-large h3, .search .footer-large h3 {
  color: #fff
}
.footer-large__logo img {
  width: 100%;
  max-width: 150px;
  margin-bottom: 40px
}
.helpful-links {
  flex-grow: 1;
  margin: 30px 0
}
.helpful-links h3 {
  color: #fff;
  display: block;
  margin-bottom: 18px
}
.quick-links {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.quick-links a {
  color: #869db8
}
.quick-links a:hover {
  text-decoration: none;
  color: #fff
}
.stay-in-touch .gform_confirmation_message {
  color: #fff;
  font-size: 14px
}
.stay-in-touch .gform_confirmation_message a {
  color: #fff;
  text-decoration: underline;
  display: inline-block
}
.stay-in-touch .gform_confirmation_message a:hover {
  text-decoration: none
}
.stay-in-touch .gform_wrapper, .stay-in-touch .gform_wrapper h3.gform_title {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff
}
.stay-in-touch .gform_heading span {
  font-size: 12px
}
.stay-in-touch input {
  background: transparent;
  border: 1px solid #6a86a5;
  padding: 5px 20px;
  margin: 5px 0;
  font-size: 12px;
  width: 100%
}
.stay-in-touch input::-moz-placeholder {
  color: #6a86a5
}
.stay-in-touch input:-ms-input-placeholder {
  color: #6a86a5
}
.stay-in-touch input::placeholder {
  color: #6a86a5
}
.stay-in-touch .ginput_container_checkbox {
  margin-top: 0
}
.stay-in-touch ul.gfield_checkbox li input {
  float: left
}
.stay-in-touch ul.gfield_checkbox li label {
  margin-left: 20px;
  font-size: 12px;
  color: #869db8
}
.connect-with-us {
  margin-bottom: 40px
}
.connect-with-us h3 {
  color: #fff
}
.social-media {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.social-media li {
  display: inline-block;
  padding: 0 10px;
  font-size: 25px
}
.social-media li a {
  color: #869db8
}
.social-media li a:hover {
  color: #fff
}
.copyright {
  background-color: #3a7bc8;
  color: #fff;
  font-size: 12px;
  padding: 30px 0;
  margin-top: 50px
}
.copyright a {
  color: #fff
}
.copyright a:hover {
  color: inherit;
  text-decoration: underline
}

@media only screen and (min-width:768px) {
  .footer-large__logo img {
    max-width: 220px
  }
}

div#lhc_need_help_container {
  display: none
}
/* Hide JivoChat on initial load to prevent overlap with chatbot */
/* To show JivoChat from your chatbot button, use JavaScript:
   document.getElementById('jivo-container').style.display = 'block';
   or add class 'jivo-visible' to show it */
#jivo-container:not(.jivo-visible),
#jivochat:not(.jivo-visible),
.jivo-container:not(.jivo-visible),
jdiv#jvLabelWrap:not(.jivo-visible),
.jv-label-wrap:not(.jivo-visible),
#jivo-iframe-container:not(.jivo-visible),
.jivo-widget-container:not(.jivo-visible) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Show JivoChat when explicitly triggered */
#jivo-container.jivo-visible,
#jivochat.jivo-visible,
.jivo-container.jivo-visible,
jdiv#jvLabelWrap.jivo-visible,
.jv-label-wrap.jivo-visible,
#jivo-iframe-container.jivo-visible,
.jivo-widget-container.jivo-visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
#lhc_container {
  right: 20px !important;
  bottom: 20px !important;
  border-radius: 1px
}
#lhc_container.lhc-min .status-icon, #lhc_status_container .status-icon {
  background: #f5f5f5 url(img/bubbles.png) !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  background-size: 40% !important;
  border: 2px solid #3a7bc8 !important;
  box-shadow: 0 0 10px rgba(50, 50, 50, .5) !important;
  width: 50px !important;
  height: 50px !important
}
div#lhc_iframe_container {
  padding: 0 20px 15px
}
.lhc-opened #lhc_container {
  right: 0 !important;
  bottom: 0 !important
}
div#lhc_header {
  background: #fff;
  box-shadow: -1px -8px 4px rgba(50, 50, 50, .17);
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top: 4px solid #3a7bc8
}
ul.lhc-cf a {
  display: none
}
a#lhc_min {
  padding-right: 10px
}
.gfield_radio {
  display: flex
}
.gfield_radio li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0;
  border-right: 1px solid #f0f0f0
}
.gfield_radio li:last-child {
  border: 0
}
.gform_wrapper .gfield_radio li input[type=radio] {
  display: none !important
}
.page .gform_wrapper .gfield_radio li label {
  display: block;
  background-color: #f5f5f5;
  color: #0d3b70;
  border: 0;
  font-size: 12px;
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px;
  transition: background-color .5s ease-in-out, color .5s ease-in-out
}
.page .gform_wrapper ul.gfield_radio li input[type=radio]:checked + label {
  font-weight: 400;
  background-color: #0d3b70;
  color: #fff
}
.info-block {
   color: #fff;
  background-color: #0d3b70;
  margin-bottom: 50px;
  padding: 20px 40px;
  border-radius: 10px;
  max-width: 318px;
}
.info-block-mb{
  margin-bottom: 20px;
}
.book-a-calendly{
 display: flex;
    padding: 10px 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Orange, #E87722);
    text-decoration: none !important;
    color: white !important;
}
.info-block a{
  color: #fff;
  font-size: 12px
}
.info-block h3 {
  margin-bottom: 30px;
  color: #fff !important
}
.info-block .icon {
  display: flex;
  line-height: 48px;
  justify-content: center;
  align-items: center
}
.info-block .icon i {
  font-size: 28px
}
.padding-unset{
  padding: unset !important;
}
section .gform_wrapper .button {
  border: 0;
  color: #fff;
  background-color: #0d3b70;
  border-radius: 5px;
  outline: none
}
section .gform_wrapper ul.gform_fields {
  display: flex;
  flex-wrap: wrap
}
section .gform_wrapper ul.gform_fields .gfield {
  width: 50%
}
section .gform_wrapper .top_label input.medium, section .gform_wrapper .top_label li ul.gfield_radio, section .gform_wrapper .top_label select.medium, section .gform_wrapper ul.gform_fields .gfield.terms-conditions, section .gform_wrapper ul.gform_fields .gfield.terms-conditions-details, section .gform_wrapper ul.gform_fields .gfield.upload, section .gform_wrapper ul.gform_fields .gfield_html, section .gform_wrapper ul.gform_fields .gsection {
  width: 100%;
  padding: 5px 4px
}
section .gfield_description.validation_message {
  display: none
}
section .gform_wrapper.gform_validation_error .top_label input.medium, section .gform_wrapper.gform_validation_error .top_label select.medium {
  width: calc(100% - 8px)
}
input[readonly=readonly] {
  background: #FFF;
  color: #FFF;
  border: 0
}
#gform_11 .gform_footer .button {
  background: #e87722
}
#gform_19 .gform_footer .button {
  background: #e87722
}
#gform_21 .gform_footer .button {
  background: #e87722
}
#gform_22 .gform_footer .button {
  background: #e87722
}
#gform_23 .gform_footer .button {
  background: #e87722
}
.page .gform_wrapper .gform_ajax_spinner {
  display: none
}
.page .gform_wrapper .gform_confirmation_message {
  text-align: center;
  padding: 2em 0
}
.page .gform_wrapper .validation_message {
  display: none
}
.page .gform_wrapper li.gfield.gfield_error, .page .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent;
  border: 0;
  padding: 0
}
.pagination-container {
  margin-top: 2em;
  text-align: center
}
.pagination-container a, .pagination-container span {
  background-color: #0d3b70;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  transition: background-color .5s ease-in-out;
  margin: 0 5px
}
.pagination-container a.current, .pagination-container span.current {
  background-color: #3a7bc8
}
.pagination-container a:hover, .pagination-container span:hover {
  background-color: #3a7bc8;
  color: #fff
}
.pagination-container .next, .pagination-container .prev {
  background-color: transparent;
  color: #0d3b70;
  text-indent: -9999px;
  position: relative
}
.pagination-container .next:before, .pagination-container .prev:before {
  position: absolute;
  display: inline-block;
  font-size: 2em;
  content: "▸";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  text-indent: 0
}
.pagination-container .next:hover, .pagination-container .prev:hover {
  background-color: transparent;
  color: #3a7bc8
}
.pagination-container .prev:before {
  content: "◂"
}
.filter .btn-filter {
  display: block;
  font-size: .7em;
  margin-top: 0;
  width: 100%
}
.filter .found {
  margin-left: auto
}
@media only screen and (min-width:576px) {
  .filter .btn-filter {
    display: inline-block;
    width: auto
  }
}
.nav-tabs {
  margin-top: 20px !important
}
.nav-tabs .nav-link {
  background-color: #dee2e6;
  color: #0d3b70;
  padding: 20px 0
}
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #3a7bc8;
  border: 0;
  padding-bottom: 22px
}
.nav-tabs .nav-item {
  margin-right: 10px
}
.nav-tabs .nav-item:last-child {
  margin-right: 0
}
.nav-tabs + .tab-content {
  margin-top: 0
}
.wp-block-embed__wrapper {
  text-align: center;
  margin: 0 auto
}
#backtotop {
  display: inline-block;
  background-color: #0d3b70;
  width: 40px;
  border: 2px solid #3a7bc8;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 15px;
  left: 75px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  border-radius: 50%;
  visibility: hidden;
  z-index: 1000
}
#backtotop:after {
  content: "";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 12px;
  line-height: 35px;
  color: #fff
}
#backtotop:hover {
  cursor: pointer;
  background-color: #e87722;
  border-color: #e87722
}
#backtotop:active {
  background-color: #555
}
#backtotop.show {
  opacity: 1;
  visibility: visible
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 45px
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #0d3b70;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
  animation-timing-function: cubic-bezier(0, 1, 1, 0)
}
.lds-ellipsis div:first-child {
  left: 8px;
  -webkit-animation: lds-ellipsis1 .6s infinite;
  animation: lds-ellipsis1 .6s infinite
}
.lds-ellipsis div:nth-child(2) {
  left: 8px
}
.lds-ellipsis div:nth-child(2), .lds-ellipsis div:nth-child(3) {
  -webkit-animation: lds-ellipsis2 .6s infinite;
  animation: lds-ellipsis2 .6s infinite
}
.lds-ellipsis div:nth-child(3) {
  left: 32px
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  -webkit-animation: lds-ellipsis3 .6s infinite;
  animation: lds-ellipsis3 .6s infinite
}
@-webkit-keyframes lds-ellipsis1 {
  0% {
    transform: scale(0)
  }
  to {
    transform: scale(1)
  }
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0)
  }
  to {
    transform: scale(1)
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0% {
    transform: scale(1)
  }
  to {
    transform: scale(0)
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1)
  }
  to {
    transform: scale(0)
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    transform: translate(0)
  }
  to {
    transform: translate(24px)
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0)
  }
  to {
    transform: translate(24px)
  }
}
#eit_course_fee_display {
  display: block;
  margin-bottom: 30px;
  font-size: 1.1em
}
#eit_course_fee_display .type {
  font-weight: 700;
  color: #0d3b70
}
.single_fee {
  font-size: 1.1em
}
.single_fee .type {
  font-weight: 700;
  color: #0d3b70
}
#eit_course_fees_table .table .type {
  font-size: .8em;
  font-weight: 700;
  color: #0d3b70;
  display: block
}
#eit_course_fees_table table td span:not(:first-child) {
  margin-top: 10px
}
#eit_course_fee_display .table td, #eit_course_fees_table .table td {
  display: block
}
#eit_course_fee_display .note, #eit_course_fees_table .note {
  color: #666;
  font-size: .8em;
  margin-top: .5rem
}
#eit_course_fee_display .note a, #eit_course_fees_table .note a {
  color: #0d3b70;
  cursor: pointer
}
@media only screen and (min-width:768px) {
  #eit_course_fee_display .table td, #eit_course_fees_table .table td {
    display: table-cell
  }
}
.student-support .wp-block-columns, .study-on-campus .wp-block-columns {
  margin: 40px 0 0
}
.study-on-campus .wp-block-columns {
  margin: 0px 0 0
}
.student-support .wp-block-columns:last-child, .study-on-campus .wp-block-columns:last-child {
  margin-bottom: 40px
}
.student-support .wp-block-columns .wp-block-column, .study-on-campus .wp-block-columns .wp-block-column {
  margin-left: 0
}
.our-team .banner + .container .wp-block-columns .wp-block-column .wp-block-image {
  margin-bottom: 0
}
.mm-menu {
  z-index: 9999
}
.mm-ocd {
  max-width: 100vw
}
.multiselect-dropdown {
  margin-top: 10px
}
.multiselect-dropdown .dropdown-item label {
  font-size: .8em
}
@media only screen and (min-width:768px) {
  .multiselect-dropdown {
    margin-top: 0
  }
  .multiselect-dropdown .dropdown-item label {
    font-size: 1em
  }
}
.swiper-container .swiper__caption h2 {
  font-size: 26px
}
@media only screen and (min-width:768px) {
  .swiper-container .swiper__caption h2 {
    font-size: 36px
  }
}
.breadcrumbs {
  font-family: bio-sans, sans-serif;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 20px
}
.breadcrumbs .current {
  color: #499cff;
  padding-left: 10px;
  display: none
}
.breadcrumbs a {
  color: #fff
}
.breadcrumbs span.del:before {
  content: "";
  color: #3a7bc8;
  display: inline-block;
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding: 0 5px
}
.banner__breadcrumbs {
  color: #499cff;
  font-weight: 600
}
.banner__breadcrumbs a {
  color: #fff;
  padding: 0 10px
}
.banner__breadcrumbs a:hover {
  text-decoration: none;
  color: #e87722
}
.breadcrumb_last {
  padding-left: 10px
}
@media only screen and (min-width:768px) {
  .breadcrumbs .current {
    color: #499cff;
    padding-left: 10px;
    display: inline
  }
}
.wpDataTable td, .wpDataTable th {
  display: block; /*width:100%!important*/
}
@media only screen and (min-width:768px) {
  .wpDataTable td, .wpDataTable th {
    display: table-cell;
    width: auto
  }
}
.accreditation .content, .accreditation .title {
  text-align: center
}
.accreditation .accreditation-content {
  display: none;
  background-color: #0d3b70;
  color: #fff
}
.home__slider {
  position: relative
}
.home__slider .swiper-container {
  width: 100%;
  height: 440px
}
.home__quick-links {
  display: none;
  position: fixed;
  background-color: #0d3b70;
  padding: 30px 40px 40px 40px;
  right: 0;
  z-index: 9999;
  top: 50%;
  transform: translateY(-50%)
}
.page .home__quick-links h4 {
  color: #fff;
  font-weight: 700;
  margin: 0 0 30px
}
.home__quick-links ul {
  margin: 0;
  padding: 0
}
.home__quick-links ul li {
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0;
  min-width: 260px;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.home__quick-links ul li:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(img/arrow-light-blue.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(90deg)
}
.home__quick-links ul li:last-child {
  margin-bottom: 0
}
.home__quick-links ul li a {
  color: #fff
}
.home__slider .swiper-slide .swiper__background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative
}
.home__slider .swiper-slide .swiper__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0d3b70;
  opacity: .6;
  mix-blend-mode: multiply
}
.home__slider .swiper-slide .swiper__caption {
  color: #fff
}
.home__slider .swiper-pagination-bullet {
  background: #fff
}
.swiper__caption-container {
  position: relative;
  height: 100%
}
.swiper__caption-container .breadcrumbs {
  top: 45px
}
.fullheight, .swiper__caption-container .row {
  height: 100%
}
.banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  height: 250px;
  position: relative;
  padding: 30px
}
.banner-page {
  margin-bottom: 40px;
}
.banner__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0d3b70;
  opacity: .7;
  mix-blend-mode: multiply
}
.banner__content {
  text-align: center;
  color: #fff
}
.banner__content h1 {
  font-size: 25px;
  font-weight: 700
}
.scholarships .banner-page {
  margin-bottom: 0
}
@media only screen and (min-width:768px) {
  .home__slider .swiper-pagination {
    display: block;
    bottom: 140px
  }
  .banner__content h1 {
    font-size: 41px
  }
}
@media only screen and (min-width:992px) {
  .home__quick-links {
    display: block
  }
}
.single-courses .page__feature-banner .jumbotron {
  margin-bottom: 0
}
.page__feature-banner .jumbotron {
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-position: 50%;
  min-height: 350px;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
  position: relative
}
.page__feature-banner .jumbotron .subtitle {
  margin: 20px auto 0;
  max-width: 60%
}
.jumbotron:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0d3b70;
  opacity: .6;
  mix-blend-mode: multiply;
  z-index: 1
}
.jumbotron .container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  position: relative;
  z-index: 2
}
.jumbotron .container h1 {
  font-size: 30px
}
.page__feature-banner .jumbotron .featured-tag {
  align-self: center
}
@media only screen and (min-width:768px) {
  .jumbotron .container h1 {
    font-size: 41px
  }
}
.overview {
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: -50% -100px
}
.overview__quicklinks {
  margin: 0;
  padding: 0;
  border-top: 4px solid #3a7bc8;
}
.overview__quicklinks li {
  list-style-type: none;
  border: 1px solid #d6d9e1;
  margin-top: -1px
}
.overview__quicklinks li:first-child {
  border-top: 0;
  margin-top: 0
}
.overview__quicklinks li a {
  background-color: #fff;
  display: block;
  padding: 20px 20px;
  transition: all .5s ease;
  text-align: center
}
.overview__quicklinks li a:hover {
  text-decoration: none;
  background-color: #f5f5f5
}
.overview__quicklinks--text {
  display: inline-block;
  vertical-align: middle;
  max-width: 198px
}
.overview__quicklinks--subtitle {
  display: block;
  color: #000;
  font-weight: 100
}
.overview__quicklinks--icon {
  display: block
}
.overview__quicklinks--icon img {
  max-height: 50px;
  max-width: 50px
}
@media only screen and (min-width:1200px) {
  .overview__quicklinks li a {
    text-align: left
  }
  .overview__quicklinks--icon {
    display: inline-block;
    margin-right: 15px
  }
}
.courses section.information, .our-team section.information, .scholarships .page_wrapper section:nth-child(2), .student-support section.information {
  margin-top: 0
}
.information {
  margin-top: 60px;
  padding: 20px 0px;
}
.information__item-panel {
  padding: 20px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.information__item {
  background-color: #fff;
  margin-top: 5px
}
.information__icon, .information__item .col-md-4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%
}
.information__icon {
  background-color: #0d3b70;
  transition: all .5s ease;
  text-align: center;
  margin: 0 auto;
  display: flex; /* Use flexbox */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  padding: 0; /* Remove any default padding */
  box-sizing: border-box; /* Include padding in the width calculation */
  /* margin-top: 25px;
  margin-left: 10px;*/
}
.information__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.information__title {
  display: block;
  font-weight: 700;
  color: #0d3b70
}
.information__link, .information__title {
  transition: all .5s ease  
}
.information__link:hover {
  text-decoration: none
}
.information__link:hover .information__icon {
  background-color: #3a7bc8
}
.information__link:hover .information__title {
  color: #3a7bc8
}
.information__description {
  color: #000;
  padding-top: 10px;
  line-height: 120%;
  font-weight: 300;
  font-size: 13px
}
.at-glance {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-bottom: 40px
}
.glance__heading {
  color: #fff;
  padding-bottom: 30px
}
.glance__heading, .glance__icon {
  text-align: center
}
.glance__icon img {
  max-width: 60px;
  max-height: 60px
}
.glance__description {
  color: #fff;
  text-align: center
}
.glance__title {
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-size: 20px
}
.glance__subtitle {
  font-weight: 300;
  font-size: 16px
}
.glance__subtitle a {
  cursor: pointer;
  color: #fff;
  text-decoration: underline
}
.glance-items > div[class*=col-] {
  margin-bottom: 40px
}
.glance-items ul {
  list-style: none;
  margin: 0;
  padding: 0
}
@media only screen and (min-width:768px) {
  .glance__description {
    text-align: left
  }
}
@media only screen and (min-width:992px) {
  .at-glance {
    background-size: 50%
  }
}
.course-card {
  background-color: #fff;
  border-bottom: 4px solid #fff;
  display: block;
  height: 100%;
  transition: border-color .3s ease-in-out
}
.course-card:hover {
  text-decoration: none;
  border-bottom: 4px solid #3a7bc8
}
.course-card h3 {
  font-size: 18px;
  padding: 20px;
  color: #0d3b70;
  transition: color .3s ease-in-out
}
.course-card h3:hover {
  color: #3a7bc8
}
.view-more {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: right
}
.view-more a {
  color: #0d3b70;
  font-weight: 700;
  font-size: 22px;
  transition: color .3s ease-in-out
}
.view-more a:hover {
  text-decoration: none;
  color: #3a7bc8
}
.testimonials-heading {
  text-align: center
}
.testimonials__image {
  background-size: cover;
  background-position: 50%;
  width: 100%;
  height: 100%;
  min-height: 500px
}
.testimonials__caption-container {
  position: relative;
  text-align: center;
  padding-top: 50px
}
.testimonials__caption-container:after {
  display: none;
  background-image: url(svg/quote.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  top: 0;
  left: 20px;
  z-index: -1
}
.testimonials__caption {
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
  color: #000;
  padding-bottom: 50px
}
.testimonials__caption .fa-quote-left {
  color: #dee2e6;
  transform: translate(-10px, -10px)
}
.testimonials__caption .fa-quote-right {
  color: #dee2e6;
  transform: translate(10px, 10px)
}
.testimonials__author--degree, .testimonials__author--name {
  font-weight: 700;
  font-size: 16px
}
.testimonials__author--degree {
  color: #3a7bc8;
  text-decoration: underline;
  display: block
}
.testimonial-arrows {
  margin: 20px 0 0;
  text-align: center
}
.testimonial-button-next, .testimonial-button-prev {
  margin: 0 10px 0 0;
  text-align: center;
  display: inline-block
}
.testimonial-button-next:before, .testimonial-button-prev:before {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  color: #e0e0e0;
  font-size: 30px;
  transition: all .5s ease
}
.testimonial-button-prev:before {
  content: ""
}
.testimonial-button-prev:hover:before {
  color: #3a7bc8
}
.testimonial-button-next:before {
  content: ""
}
.testimonial-button-next:hover:before {
  color: #3a7bc8
}
.news-events section.post-slider {
  margin: 0;
  padding-bottom: 20px
}
section.post-slider {
  margin: 0 0 50px;
  padding-bottom: 100px
}
.post-slider .post-content h3 {
  margin-top: 20px
}
.carousel-indicators li {
  background-color: #0d3b70
}
.carousel-indicators {
  position: inherit;
  right: auto;
  left: auto;
  bottom: auto;
  padding-top: 40px
}
.latest-news .aos-animate {
  margin-bottom: 40px
}
.latest-news__header {
  margin-bottom: 30px;
  padding-top:30px;
}
.latest-news__viewall {
  color: #0d3b70;
  font-weight: 700;
  transition: all .5s ease
}
.latest-news__viewall:hover {
  text-decoration: none;
  color: #e87722
}
.latest-news__item {
  display: flex;
  flex-direction: column;
  height: 100%
}
.latest-news__item img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%
}
.latest-news__image {
  height: 275px
}
.latest-news__content {
  background-color: #fff;
  flex-grow: 1;
  padding: 20px 20px 60px;
  position: relative
}
.latest-news__content h4 {
  font-size: 16px;
  font-weight: 700;
  color: #0d3b70
}
.latest-news__content--read-more {
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
  padding-top: 10px;
  color: #0d3b70;
  font-size: 14px;
  font-weight: 700;
  border-top: 2px solid #f2f2f2;
  transition: all .5s ease
}
.latest-news__content--read-more:after {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  content: "";
  color: #0d3b70;
  position: absolute;
  right: 0;
  font-size: 15px;
  transition: all .5s ease
}
.latest-news__content--read-more:hover:after {
  color: #3a7bc8
}
.latest-news__content--read-more:hover {
  color: #3a7bc8;
  text-decoration: none
}
.latest-events__header {
  margin-bottom: 30px
}
.event__item-panel {
  padding: 20px
}
.event__item {
  background: #fff;
  min-height: 135px
}
.event__item--details {
  padding: 20px
}
.event__item a:hover {
  text-decoration: none
}
.event__item a:hover .event-date {
  background-color: #3a7bc8
}
.event-date {
  color: #fff !important;
  padding: 30px;
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
  background-color: #0d3b70;
  transition: background-color .5s ease-in-out;
  height: 100%;
  min-height: 135px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}
.event-date span {
  font-size: 32px
}
div[class^=event__item--] .muted {
  color: rgba(0, 0, 0, .5);
  font-size: 14px
}
.event__item--title {
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #0d3b70;
  line-height: 120%;
  position: relative
}
.event__item--link {
  margin-top: 20px
}
.subscribe-cta {
  color: #fff;
  position: relative;
  background: linear-gradient(to bottom, #0d3b70 0%, #0d3b70 20%, #e87722 20%, #e87722 100%);
  padding: 0;
  margin: 0;
}

.subscribe-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20%;
  background: #0d3b70;
  z-index: 1;
}

.subscribe-cta .container {
  position: relative;
  z-index: 2;
}

.subscribe-cta .subscribe__title h2 {
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.subscribe-cta .subscribe__subtitle p {
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}

/* HubSpot Form Styling for Subscribe CTA */
.subscribe-cta .hs-form-frame {
  background: transparent;
  padding: 0;
}

.subscribe-cta .hs-form-frame .hs-form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-start;
}

.subscribe-cta .hs-form-frame .hs-form-field {
  margin-bottom: 15px;
  flex: 1;
  min-width: 200px;
}

.subscribe-cta .hs-form-frame .hs-form-field input[type="text"],
.subscribe-cta .hs-form-frame .hs-form-field input[type="email"],
.subscribe-cta .hs-form-frame .hs-form-field input[type="tel"],
.subscribe-cta .hs-form-frame .hs-form-field select {
  width: 100%;
  padding: 12px 15px;
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  transition: all 0.3s ease;
}

.subscribe-cta .hs-form-frame .hs-form-field input[type="text"]:focus,
.subscribe-cta .hs-form-frame .hs-form-field input[type="email"]:focus,
.subscribe-cta .hs-form-frame .hs-form-field input[type="tel"]:focus,
.subscribe-cta .hs-form-frame .hs-form-field select:focus {
  outline: none;
  border-color: #fff;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}

.subscribe-cta .hs-form-frame .hs-form-field input[type="text"]::placeholder,
.subscribe-cta .hs-form-frame .hs-form-field input[type="email"]::placeholder,
.subscribe-cta .hs-form-frame .hs-form-field input[type="tel"]::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.subscribe-cta .hs-form-frame .hs-form-field label {
  display: none;
}

.subscribe-cta .hs-form-frame .hs-button {
  background: #fff;
  color: #e87722;
  border: none;
  padding: 12px 30px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 15px;
}

.subscribe-cta .hs-form-frame .hs-button:hover {
  background: #f8f9fa;
  color: #e87722;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.subscribe-cta .hs-form-frame .hs-error-msgs {
  color: #ff6b6b;
  font-size: 14px;
  margin-top: 5px;
}

.subscribe-cta .hs-form-frame .hs-form-field.hs-error input,
.subscribe-cta .hs-form-frame .hs-form-field.hs-error select {
  border-color: #ff6b6b;
}

.subscribe-cta .hs-form-frame .hs-form-field.hs-success input,
.subscribe-cta .hs-form-frame .hs-form-field.hs-success select {
  border-color: #51cf66;
}

.subscribe-cta .hs-form-frame .hs-form-field .hs-error-msgs .invalid-error {
  color: #ff6b6b;
}

.subscribe-cta .hs-form-frame .hs-form-title {
  display: none;
}

.subscribe-cta .hs-form-frame .hs-form-description {
  display: none;
}

.subscribe-cta .hs-form-frame .hs-form-field input[type="checkbox"],
.subscribe-cta .hs-form-frame .hs-form-field input[type="checkbox"] + label {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
}

.subscribe-cta .hs-form-frame .hs-form-loading {
  display: none;
}

/* Responsive Design */
@media (max-width: 768px) {
  .subscribe-cta .hs-form-frame .hs-form {
    flex-direction: column;
  }
  
  .subscribe-cta .hs-form-frame .hs-form-field {
    min-width: 100%;
  }
  
  .subscribe-cta .subscribe__title h2 {
    font-size: 2rem;
  }
  
  .subscribe-cta .subscribe__subtitle p {
    font-size: 1rem;
  }
}

@media (max-width: 992px) {
  .subscribe-cta {
    background: linear-gradient(to bottom, #0d3b70 0%, #0d3b70 15%, #e87722 15%, #e87722 100%);
  }
}

.subscribe-cta .gform_ajax_spinner, .subscribe-cta .gform_heading, .subscribe-cta .gform_wrapper div.validation_error {
  display: block !important
}
.subscribe-cta .gform_wrapper li.gfield.gfield_error {
  border: 0;
  background-color: transparent
}
.subscribe-cta .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  padding-right: 16px
}
.subscribe-cta .gform_confirmation_message {
  margin-top: 20px
}
.subscribe-cta .gform_wrapper {
  position: relative;
  margin-top: 0
}
.subscribe-cta .gform_wrapper .validation_message {
  position: absolute
}
.subscribe-cta .gform_wrapper li.hidden_label input {
  height: 100%
}
.subscribe-cta ::-moz-placeholder {
  color: #fff
}
.subscribe-cta :-ms-input-placeholder {
  color: #fff
}
.subscribe-cta ::placeholder {
  color: #fff
}
.subscribe-cta .gform_wrapper li.hidden_label input, .subscribe-cta .gform_wrapper li select {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  outline: none;
  padding: 10px;
}

.subscribe-cta .gform_wrapper li.hidden_label input, .subscribe-cta .gform_wrapper li select {
  border: 1px solid #fff !important;
  background-color: transparent !important;
  color: #fff !important;
  outline: none !important;
  padding: 10px !important;
}

.subscribe-cta .gform_wrapper li select {
  margin-top: 12px
}
.subscribe-cta .gform_wrapper li select option {
  color: #000
}
.subscribe-cta .gform_confirmation_wrapper, .subscribe-cta .gform_wrapper ul.gform_fields, .subscribe-cta form {
  align-items: center;
  height: 100%
}
.subscribe-cta .gform_wrapper ul.gform_fields li.gfield {
  margin-top: 0;
  width: 100%
}
.subscribe-cta .gform_wrapper ul.gform_fields li.gfield .gfield_label {
  display: none;
}
.subscribe-cta .gform_wrapper .gform_footer {
  padding: 0 16px 0 0;
  margin: 0;
  width: 100%
}
.subscribe-cta .gform_wrapper .gform_footer .gform_button {
  border: 0;
  border-radius: 0;
  background-color: #fff;
  color: #e87722;
  margin: 5px 0 0;
  outline: none;
  transition: background-color .5s ease-in-out, color .5s ease-in-out;
  padding: 0;
  width: 100%;
  height: 36px;
  right: 15px;
  border-radius: 5px;
  bottom: 0
}
.subscribe-cta .gform_button:focus {
  border: 0
}
.subscribe-cta li#field_1_8 {
  width: 100%
}
@media only screen and (min-width:768px) {
  .subscribe-cta .gform_confirmation_wrapper, .subscribe-cta .gform_wrapper ul.gform_fields, .subscribe-cta form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%
  }
  .subscribe-cta .gform_wrapper ul.gform_fields li.gfield {
    width: 50%
  }
}
@media only screen and (min-width:992px) {
  .subscribe-cta .gform_wrapper .gform_footer .gform_button {
    position: absolute;
    width: 100px
  }
}
.apply-online .gform_wrappe
.apply-online .gform_wrapper ul.gform_fields .gfield.proof-documents {
  margin-top: 40px
}
.apply-online .gform_wrapper ul.gform_fields .gfield.terms-conditions {
  font-size: 14px
}
.apply-online .gform_wrapper ul.gform_fields .gfield.terms-conditions label {
  margin-left: 20px
}
.apply-online .gform_wrapper ul.gform_fields .gfield.terms-conditions-details {
  font-size: 12px
}
.apply-online .gform_wrapper .gform_page_footer {
  text-align: right
}
.apply-online .gform_wrapper .gf_step_clear {
  display: none
}
.apply-online .gform_wrapper .gf_page_steps {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0 0 30px;
  width: calc(100% - 16px);
  border-bottom: 0
}
.apply-online .gform_wrapper .gf_step, .apply-online .gform_wrapper .gf_step span.gf_step_number {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: auto;
  position: relative;
  opacity: 1
}
.apply-online .gform_wrapper .gf_step span.gf_step_number {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f5f5f5;
  line-height: 0;
  color: transparent
}
.apply-online .gform_wrapper .gf_step span.gf_step_number:before {
  display: block;
  content: "";
  color: #0d3b70;
  font-family: Font Awesome\ 5 Free;
  position: relative
}
.apply-online .gform_wrapper .gf_step:after {
  position: absolute;
  display: block;
  content: "";
  height: 5px;
  background-color: #f5f5f5;
  width: 200px;
  left: 50%;
  top: 22px;
  z-index: -1
}
.apply-online .gform_wrapper .gf_step_last:after {
  display: none
}
.apply-online .gform_wrapper .gf_step_completed span.gf_step_number {
  background-color: #0d3b70
}
.apply-online .gform_wrapper .gf_step.gf_step_completed span.gf_step_number:before {
  color: #fff;
  content: ""
}
.apply-online .gform_wrapper .gf_step.gf_step_completed:after {
  background-color: #0d3b70
}
.make-enquiry .gform_wrapper ul.gform_fields .gfield.country, .make-enquiry .gform_wrapper ul.gform_fields .gfield.course, .make-enquiry .gform_wrapper ul.gform_fields .gfield.enquiry-message, .make-enquiry .gform_wrapper ul.gform_fields .gfield.enquiry-type, .make-enquiry .gform_wrapper ul.gform_fields li#field_6_20 {
  width: 100%
}
.visit-us {
  padding: 0 0 60px
}
.visit-us .map-container {
  position: relative;
  min-height: 600px
}
.visit-us .map {
  background-color: #f2f2f2;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1
}
.visit-us .map-location-details {
  position: absolute;
  padding: 30px;
  left: 30px;
  top: 100px;
  background-color: #fff;
  z-index: 2;
  box-shadow: 0 10px 13px -7px rgba(0, 0, 0, .2), 5px 5px 15px 5px transparent
}
/* Start of removing the padding for the student story page November 22, 2023 */
.generic-cta .button {
  display: block;
  text-align: center;
  border: 0;
  border-radius:5px;    
  cursor: pointer;
  outline: none;
  background-color: #0d3b70;
  color: #fff;
  border-radius: 40px;
  /* padding: 20px 40px; */
  font-size: 1.5em;
  transition: all .5s ease-in-out
}
/* End of removing the padding for the student story page November 22, 2023 */
.generic-cta .button:hover {
  background-color: #fff;
  color: #0d3b70
}
.generic-cta .cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}
.our-partnerships .generic-cta.bg-blue + .container {
  margin-top: 60px
}
.related-stories .story__image {
  background-size: cover;
  background-position: 50%;
  min-height: 200px
}
.related-stories .story-card {
  display: block;
  margin-top: 40px
}
.related-stories .story p {
  padding: 10px
}
.five-column {
  color: #fff;
  /*background-image: url(img/background-arrow-left.png);*/
  background-repeat: no-repeat;
  background-size: contain
}
.five-column .button__orange {
  padding: 8px 50px
}
.five-column.bg-white {
  color: #000
}
.five-column__header {
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px;
}
.five-column__header h2 {
  padding-bottom: 10px
}
.five-column__header p {
  font-weight: 300;
  line-height: 150%
}
.five-column__icon {
  text-align: center
}
.five-column__icon img {
  display: block;
  text-align: center;
  margin: 0 auto;
  max-height: 100px;
  width: initial;
}
.five-column__icon span {
  display: block;
  margin-top: 10px;
  line-height: 120%
}
.five-column.bg-white .five-column__icon span {
  font-weight: 700;
  color: #0d3b70
}
.five-column__button {
  margin: 55px 0 35px
}
.banner + .five-column {
  padding-top: 0
}
.filter {
  font-size: 21px;
  font-weight: 700;
  color: #0d3b70;
  background-color: #fff;
  padding: 40px;
  margin-bottom: 1.5em;
  height: 200px;
  box-shadow: 0 10px 13px -7px #d6d9e1, 5px 5px 15px 5px transparent
}
.post {
  margin-bottom: 40px
}
.post .thumbnail {
  background-size: cover;
  background-position: 50%;
  min-height: 275px;
  margin-bottom: 20px;
  transition: opacity .5s ease-in-out
}
.post .thumbnail:hover {
  opacity: .5
}
.post .post-excerpt {
  padding: 10px 0
}
.post .date {
  font-weight: 700;
  margin: 10px 0
}
.feature-block {
  padding: 60px 25px;
}
.feature-block__image {
  position: relative;
  min-height: 350px;
  background-position: 50%;
  background-size: cover;
  margin-left: auto;
  margin-right: auto
}
.feature-block__image:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0d3b70;
  opacity: .6;
  mix-blend-mode: multiply
}
.feature-block__image:hover {
  cursor: pointer
}
.feature-block__image:hover .feature-block__more:after {
  background-image: url(img/arrow-white.png)
}
.feature-block__image img {
  max-width: 100%
}
.feature-block__content {
  margin-top: 30px
}
.page .feature-block__content h3 {
  color: #fff
}
.feature-block__content span {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  line-height: 130%
}
.feature-block h3 {
  color: #fff
}
.feature-block__more {
  display: block;
  font-weight: 600;
  font-size: 14px;
  transition: all .5s ease;
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  padding: 25px;
  right: 0;
  z-index: 2
}
.feature-block__more:after {
  content: "";
  background-image: url(img/arrow-white.png);
  background-image: url(img/arrow-blue.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 10px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-20%) rotate(90deg)
}
.feature-block__more:hover {
  color: #fff;
  text-decoration: none
}
.study-areas .tab-pane .course-description {
  font-size: 14px
}
.study-areas .tab-pane h3 {
  font-size: 18px
}
.study-areas .tab-pane .learn-more {
  display: inline-block;
  margin-top: 20px;
  font-weight: 700;
  font-size: 14px;
  color: #3a7bc8;
  transition: color .3s ease-in-out
}
.study-areas .tab-pane .learn-more:hover {
  color: #0d3b70
}
.study-areas .tab-pane .study-area__image {
  height: 100%;
  background-position: 50%;
  background-size: cover
}
.study-areas .tab-pane > div {
  margin-bottom: 40px
}
.study-areas .tab-pane .view-all {
  margin-bottom: 0;
  display: flex;
  justify-content: center
}
@media only screen and (min-width:768px) {
  .study-areas .tab-pane .view-all {
    justify-content: flex-end
  }
}
.featured-tag {
  background-color: #3a7bc8;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  padding: 3px 15px;
  margin-bottom: 10px
}
.study-area__quicklinks {
  margin: 0 0 60px;
  padding: 0;
  border-top: 6px solid #3a7bc8;
  box-shadow: 0 10px 9px -6px rgba(0, 0, 0, .2)
}
.study-area__quicklinks li {
  list-style-type: none;
  border: 1px solid #d6d9e1;
  margin-top: -1px;
  width: 100%
}
.study-area__quicklinks li:first-child {
  border-top: 0;
  margin-top: 0
}
.study-area__quicklinks li a {
  display: block;
  padding: 20px 40px;
  transition: all .5s ease
}
.study-area__quicklinks li a.active {
  background-color: #f5f5f5
}
.study-area__quicklinks li a:hover {
  text-decoration: none;
  background-color: #f5f5f5
}
.overview__quicklinks--title {
  display: block;
  color: #0d3b70;
  font-size: 15px;
  font-weight: 700
}
@media only screen and (min-width:768px) {
  .overview__quicklinks--title {
    font-size: 20px
  }
}
.nav-tiles-block .nav-tile {
  margin-bottom: 40px
}
.nav-tiles-block .nav-tile .feature-block__image {
  min-height: 170px
}
.nav-tiles-block .nav-tile .feature-block__content {
  margin-top: 20px
}
.nav-tiles-block .nav-tile .feature-block__content h3 {
  font-size: 20px;
  color: #0d3b70
}
.nav-tiles-block .nav-tile .feature-block__content a {
  display: block;
  position: relative
}
.nav-tiles-block .nav-tile .feature-block__more {
  color: #0d3b70;
  padding: 0;
  font-size: 18px
}
.nav-tiles-block .nav-tile .feature-block__more:after {
  right: 0
}
section.tabs .tab-content .tab-pane {
  border: 1px solid #dee2e6
}
.home .latest-news .row.latest-news__header {
  border: 0;
  padding-bottom: 0;
  padding-top:60px;
}
.home .latest-news .row {
  padding-bottom: 30px;
  border-bottom: 3px solid #eaeaea
}
.home .latest-events {
  padding-top: 0;
  padding-bottom: 20px
}
.home .subscribe-cta {
  position: relative;
  padding: 0
}
.home .subscribe-cta .container {
  position: static;
  transform: none;
  z-index: 999;
  left: 50%;
  border-radius: 5px;
}
@media only screen and (min-width:768px) {
  .home .find-course {
    background-color: transparent
  }
  .home .find-course .find-course__panel {
    box-shadow: 0 10px 13px -7px rgba(0, 0, 0, .5), 5px 5px 15px 5px transparent
  }
}
@media only screen and (min-width:992px) {
  .home .subscribe-cta {
    margin: 100px 0 200px
  }
  .home .subscribe-cta .container {
    position: absolute;
    transform: translate(-50%, -50%)
  }
}
.search-results h1.display-1 {
  display: none
}
.results {
  margin-bottom: 0px
}
.results-hr {
  border-width: 4px;
  margin: 20px 0
}
.results-count {
  color: #0d3b70;
  font-weight: 700;
  font-size: 22px
}
.results article.courses {
  border: 1px solid #d6d9e1;
  box-shadow: 0 0 10px #d6d9e1;
  padding: 5%;
  margin-bottom: 10px
}
.results .course-image a {
  background-size: cover;
  background-position: 50%;
  display: block;
  height: 100%;
  min-height: 200px
}
.results .course-detail ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.results .course-heading a {
  color: #0d3b70
}
.results .course-heading a:hover {
  text-decoration: none
}
.results .course-crumbs {
  font-size: 12px;
  padding: 10px 0
}
.results .course-crumbs ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.results .course-crumbs ul li {
  background-color: #ddd;
  display: inline-block;
  font-weight: 700;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  border-radius: 5px;    
}
.results .course-crumbs .del:before {
  padding: 0 10px
}
.results .course-description {
  font-weight: 100;
  margin-top: 20px
}
.results .course-description .learn-more {
  font-size: 14px;
  font-weight: 700;
  color: #0d3b70;
  margin-top: 1rem;
  transition: color .3s ease-in-out
}
.results .course-description .learn-more:hover {
  color: #3a7bc8
}
.results .course-detail {
  font-weight: 100;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px
}
.results .course-meta {
  margin-top: 40px
}
.results .course-detail .label {
  font-weight: 700;
  color: #0d3b70
}
.results .course-detail .icon {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  min-width: 28px
}
.results .course-location .icon {
  background-image: url(img/icon-course-marker.png)
}
.results .course-delivery .icon {
  background-image: url(img/DeliveryMode.png)
}
.results .course-duration .icon {
  background-image: url(img/icon-course-clock.png)
}
.results .course-qualification .icon {
  background-image: url(img/CourseType.png)
}
.results .course-area .icon {
  background-image: url(img/CourseType.png)
}
.results .course-intake .icon {
  background-image: url(img/icon-course-calendar.png)
}
.searchwp-highlight {
  padding: 0;
  background-color: transparent;
  color: #3a7bc8
}
.search .pagination-container {
  margin-bottom: 2em
}
.search .pagination-container .pagination {
  justify-content: center
}
.results.generic-search {
  margin-top: 60px
}
.results.generic-search article {
  border-bottom: 2px solid #eee;
  padding: 0 0 20px;
  margin-bottom: 40px
}
.results.generic-search article h2 {
  font-size: 24px
}
@media only screen and (min-width:768px) {
  .results .course-details {
    padding: 20px 0 0 30px
  }
  .results .course-detail {
    border: 1px solid #d6d9e1;
    justify-content: center;
    padding: 20px;
    margin-bottom: 0
  }
}
@media only screen and (min-width:992px) {
  .results .course-detail:not(:first-child) {
    border-left: none
  }
}
.generic-search.results .result-type {
  display: inline-block;
  background-color: #ddd;
  color: #0d3b70;
  font-weight: 700;
  font-size: 14px;
  padding: 2px 20px;
  margin-bottom: 20px
}
.generic-search.results article.courses {
  border: 0;
  border-bottom: 2px solid #eee;
  box-shadow: none;
  padding-bottom: 20px
}
.courses .find-course {
  padding-bottom: 0
}
.courses .feature-block {
  padding-bottom: 30px
}
.courses .feature-block + .feature-block {
  padding-top: 0;
  padding-bottom: 60px
}
.courses .study-area__image {
  min-height: 200px
}
@media only screen and (min-width:768px) {
  .courses .find-course {
    background-color: transparent
  }
}
.overview h1, .overview h2 {
  margin-bottom: 40px
}
/*
.overview p {
  font-weight: 100
}
*/
.courses-template-default .wpDataTablesWrapper table.wpDataTable td {
  border: 0;
  padding: 10px
}
.courses-template-default .wpDataTablesWrapper table.wpDataTable tr.odd td {
  background-color: transparent
}
.courses-template-default .wpDataTablesWrapper table.wpDataTable td a {
  text-decoration: underline;
  color: #0d3b70
}
.courses-template-default .wpDataTablesWrapper table.wpDataTable > thead > tr > th {
  border: 0;
  border-bottom: 2px solid #d6d9e1;
  color: #000
}
.accordion__item #eit_course_fee_country_selector {
  margin-bottom: 20px
}
.course-detail .page__feature-banner .jumbotron {
  margin-bottom: 0
}
.course-professional-certificate .accordion__body ul {
  margin-top: .5rem
}
.banner-instructor_stories, .banner-student_stories {
  height: 225px;
  background-image: url(https://www.eit.edu.au/wp-content/uploads/2024/02/thumbnail_EIT_StudentStories_Banner.jpg) !important;

}
.featured-story .post-image {
  background-position: 50%;
  background-size: cover;
  min-height: 300px
}
.instructor-stories .card, .student-stories .card {
  border-radius: 0;
  border: 0;
  height: 100%;
  margin-bottom: 60px
}
.instructor-stories .card-img-top, .student-stories .card-img-top {
  background-position: 50%;
  background-size: cover;
  min-height: 275px
}
.instructor-stories .card-title, .student-stories .card-title {
  margin-top: .75em
}
.instructor-stories .card-body, .student-stories .card-body {
  display: flex;
  flex-direction: column;
  padding: 0;
  flex-grow: 1
}
.instructor-stories .course, .student-stories .course {
  margin-bottom: 1em
}
.instructor-stories .card-img-top {
  min-height: 250px;
  background: #fff;
  background-position: 50%;
  background-size: cover;
  width: 250px;
  align-content: center;
}
.student-story-block .gform_wrapper ul.gform_fields .gfield.country, .student-story-block .gform_wrapper ul.gform_fields li#field_8_11, .student-story-block .gform_wrapper ul.gform_fields li#field_10_11 {
  width: 100%
}
.make-enquiry .gform_wrapper ul.gform_fields .gfield.separator {
  display: none
}
.event-list .event-item__title h3 {
  color: #0d3b70;
  margin: 5px 0
}
.event-list .event-item__description {
  margin-bottom: 20px
}
.event-list .event-item__meta span {
  display: block;
  font-weight: 700
}
.event-list .event-item__category {
  margin-bottom: 20px
}
.event-list .event-item__category > div {
  display: none
}
.event-list .event-item__category ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.event-list .button {
  background-color: #e87722;
  color: #fff
}
#tribe-events .tribe-events-single .button {
    background-color: #e87722;
    color: #fff;
    border-radius: 5px;
    font-size: 16px; /* Increased font size to match design */
    padding: 5px 100px; /* Adjusted padding for better spacing */
    width: auto; /* Changed width to auto to fit the text */
    height: auto; /* Removed fixed height to make it flexible */
    text-align: center;
    line-height: 1.5; /* Ensures better text height alignment */
    display: inline-block; /* Ensures the button resizes based on the content */
    text-decoration: none; /* Ensure no underline on text */
    margin-top: -80px;
    margin-bottom: 15px;
}
#tribe-events .tribe-events-single .post-categories {
  list-style: none;
  padding: 0;
  margin: 0
}
#tribe-events .tribe-events-single .post-categories li {
  font-weight: 700;
  margin-bottom: 20px
}
#tribe-events .tribe-events-event-meta {
  display: none
}
#tribe-events .tribe-events-button {
  background-color: #0d3b70
}
#tribe-events .tribe-events-single .button.past-event, .event-list .button.past-event {
  background: transparent;
  color: #999;
  border: 2px solid #ccc
}
.resource-centre .banner-page {
  margin-bottom: 0
}
.resource-centre .banner__subtitle {
  display: none
}
.resource-centre .resources .resource-item .resource-item__image .thumbnail {
  background-size: cover;
  background-position: 50%;
  min-height: 180px
}
.resource-centre .resources .resource-item .resource-item__description a {
  display: none
}
.resource-centre .resources .resource-item .post-categories {
  margin-top: 20px
}
@media only screen and (min-width:768px) {
  .resource-centre .banner__subtitle {
    display: block;
    margin-bottom:20px;  
  }
}
.news-block .wpss_copy {
  display: none
}
#post-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 30vh;
  text-align: center;
  padding: 3em
}
body, html {
  overflow-x: hidden
}
body {
  font-family: bio-sans, sans-serif;
  font-style: normal;
  font-size: 16px
}
a {
  color: #0d3b70;
  transition: color .5s ease-in-out
}
a:hover {
  color: #3a7bc8;
  text-decoration: none
}
.section-padding {
  padding:0px 0px 20px 0px;
}
.section-padding.accordions, .section-padding.accreditation, .section-padding.apply-howto, .section-padding.applying-for-credit, .section-padding.deferring-withdrawing, .section-padding.research, .section-padding.student-support, .section-padding.study-areas, .section-padding.tabs, .section-padding.testimonials {
  padding: 0 0 20px
}
.section-padding.instructor-story-block {padding: 20px 0px 20px 0px;
}
.author .section-padding {padding: 20px 0px 20px 0px;
}
.attachment-post-thumbnail {
  max-width: 100%
}
h1 {
  font-size: 35px
}
h1, h2 {
  font-weight: 400
}
h2 {
  font-size: 30px
}
h3 {
  font-weight: 700;
  font-size: 21px
}
.wp-block-column {
  word-break: normal;
  overflow-wrap: normal
}
.wp-block-columns {
  margin-bottom: 0;
}
.wp-block-columns a {
  text-decoration: underline;
}
.wp-block-image {
  overflow: hidden
}
/* changed 26/8/2022 from none to 100% */
.wp-block-image img {
  max-width: 100%;
}
.aligncenter, .wp-block-image .aligncenter figcaption {
  text-align: center
}
.bg-grey {
  background-color: #f5f5f5
}
.bg-white {
  background-color: #fff
}
.bg-darkblue {
  background-color: #0d3b70
}
.bg-blue {
  background-color: #407EC9;
  color: #fff
}
.bg-orange {
  background-color: #e87722;
  color: #fff
}
.post-categories {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}
.post-categories li {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin: 0 10px 10px 0;
}
/* Exclude content-grid from old styling */
.post-categories li:not(.content-grid .post-categories li) {
  background: #ddd;
  padding: 5px 10px
}
/* Content Grid specific tag styling */
.content-grid .post-categories li {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: 400 !important
}
/* Content Grid tag links - Figma design */
.content-grid .post-categories a.tag-pill {
  position: relative !important;
  border-radius: 5px !important;
  background-color: #eaeef2 !important;
  background: #eaeef2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  font-size: 12px !important;
  color: #003a70 !important;
  font-family: 'Bio Sans', 'Open Sans', sans-serif !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  border: none !important;
  transition: all 0.3s ease !important
}
.content-grid .post-categories a.tag-pill:hover {
  background-color: #407EC9 !important;
  background: #407EC9 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(64, 126, 201, 0.3) !important
}
/* Content Grid Read More Button - Figma design */
.content-grid a.content-cta {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  color: #003a70 !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important
}
.content-grid a.content-cta:hover {
  background-color: #407EC9 !important;
  background: #407EC9 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(64, 126, 201, 0.3) !important
}
.content-grid a.content-cta::after {
  content: "›" !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-left: 5px !important;
  color: inherit !important;
  transition: all 0.3s ease !important;
  display: inline-block !important
}
.content-grid a.content-cta:hover::after {
  color: #ffffff !important
}
/* Reading Time - Figma Design */
.content-grid .read-time {
  width: 100% !important;
  height: 25px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: rgba(0, 0, 0, 0.5) !important;
  font-size: 14px !important;
  order: 3 !important
}
.content-grid .read-time .clock {
  height: 25px !important;
  width: 25px !important;
  position: relative !important;
  overflow: hidden !important;
  flex-shrink: 0 !important
}
.content-grid .read-time .clock svg {
  height: 83.2% !important;
  width: 83.2% !important;
  color: rgba(0, 0, 0, 0.5) !important
}
.content-grid .read-time .xx-min-read {
  flex: 1 !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.5) !important
}
.content-grid .post-meta .date {
  font-size: 14px !important;
  color: #000000 !important;
  font-weight: 600 !important;
  order: 1 !important
}
.content-grid .post-meta .category {
  order: 2 !important
}
.page h3 {
  color: #000000
}
.page h4, .single h4 {
  color: #0d3b70;
  font-weight: 700;
  font-size: 1.3rem;
  margin: 20px 0 0
}
select {
  padding: 10px
}
.student-support .contents-block {
  margin-top: 60px
}
.contents-block {
  position: relative;
  padding: 40px 0;
  background-image: url(img/arrow-background.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 0
}
.contents-block + .container {
  margin-top: 40px
}
.contents-block.bg-blue {
  background-image: url(img/arrow-background-blue.png);
  color: #fff
}
.contents-block.bg-blue h3 {
  color: #fff
}
.contents-block .col-fill-left {
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: 50%;
  z-index: 1
}
.contents-block .col-fill-container {
  position: relative;
  z-index: 2
}
.contents-block .col-fill-left__overlay {
  background-color: #112755;
  opacity: .6;
  position: absolute;
  width: 100%;
  height: 100%
}
.wp-block-column .container > ul {
  margin: 0 !important
}
.accordion__body ul, .page_wrapper .container > ul {
  padding: 0;
  margin: 0 0 0 18px
}
.accordion__body ul li, .page_wrapper .container > ul li {
  margin-bottom: .5rem
}
ol {
  margin: 0;
  padding: 0
}
ol li {
  margin-left: 18px;
  margin-bottom: .5rem
}
iframe {
  display: block
}
@media screen and (max-width:768px) {
  .contents-block {
    padding: 0 0 40px
  }
  .contents-block .col-fill-left, .contents-block .col-fill-right {
    width: 100%;
    position: relative;
    height: 300px;
    margin-bottom: 40px
  }
}
@media screen and (min-width:1024px) {
  .helpful-links {
    margin: 0
  }
  .quick-links {
    -moz-column-count: 1;
    column-count: 1
  }
  .quick-links li {
    margin-bottom: 10px
  }
  .quick-links li:last-child {
    margin-bottom: 0
  }
}
.overview__quicklinks--icon img {
  max-width: 50px
}
/* Firefox fix for the search function - 11-Nov-2020 */
@-moz-document url-prefix() {
  section.find-course.section-overlay {
    margin-top: -110.912px !important;
  }
  .banner__content h1 {
    margin-bottom: 30px;
  }
}
/*add author and date */
#author {
  margin: 20px 0px 20px 0px;
}

/* Side menu course icons are reduced in size */
.overview__quicklinks--icon img {
  max-width: 42px !important;
}
/* The newsletter subscribe text is changed from grey to white */
.ginput_container input::-webkit-input-placeholder {
  color: white;
}
/* Change in the course page course code title */
#eit_course_code {
  margin-bottom: 40px;
}
#eit_course_code:before {
  font-weight: bold;
  content: 'EIT Course Code:';
}
/* Author details styling */
div#author {
  font-weight: bold;
  font-size: 90%;
  padding-left: 0px;
}
/* Author details - including "by" */
/*div#author:before {
  content: 'By ';
}*/
/* Livechat module in different screen sizes */
@media only screen and (max-width: 992px) {
  .lhc-opened #lhc_container {
    left: initial !important;
    top: 25% !important;
  }
}
@media only screen and (max-width: 347px) {
  .lhc-opened #lhc_container {
    left: 0 !important;
    top: 0 !important;
  }
}
/* Live chat icon */
body #lhc_container.lhc-min .status-icon, body #lhc_status_container .status-icon {
  border-radius: 18px;
  width: 242px !important;
  height: 22px !important;
  background: white url(/wp-content/uploads/2021/03/EIT_LiveChat_Icon_v4-1.png) !important;
  background-repeat: no-repeat !important;
  background-size: 115% !important;
  background-position: center !important;
  border-color: #3A7BC8 !important;
  border-width: 3px !important;
}
/*schedule page */
.button_white a {
  color: #FFFFFF !important;
  margin: 0px 0px 10px -5px;
  text-overflow: unset !important;
}
.wpDataTablesWrapper table.wpDataTable td {
  text-overflow: unset !important;
}
.course_name_width td {
  width: 65% !important;
}
/* Remove the "need help" speech bubble */
div#lhc_need_help_container {
  display: none;
}
/* Live chat icon on hover */
body #lhc_container.lhc-min .status-icon:hover, body #lhc_status_container .status-icon:hover {
  box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.5) !important;
}
/*remove cookie law_again*/
#cookie-law-info-again {
  display: none !important
}
/*Latest News */
.latest-news__content h4 {
  margin-bottom: 20px !important;
}
/* Updated breadcrumb colour */
.breadcrumbs {
  font-weight: normal;
}
.breadcrumbs .current {
  color: white !important;
  font-weight: bold;
}
.breadcrumbs a:hover {
  color: white !important;
  text-decoration: underline;
}
.breadcrumbs span:before {
  color: white !important;
}
/*======================

 * Fix the search function display for courses https://app.clickup.com/t/2yqwzp



.search-results .find-course.section-overlay {

    /* padding-top: 88.5px; */
/* margin-top: -88.5px;

}



.search-results .results {

    padding-top: 130px;

}

 =======================*/
/* Remove the strange width issue with tabs when stacked */
@media only screen and (max-width: 1024px) {
  .nav-tabs .nav-item {
    margin-right: 0 !important;
  }
  /* Display the selectable tabs in mobile */
  .nav, .main-navigation, .genesis-nav-menu, #et-top-navigation, .site-header, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
    display: initial !important;
  }
}
/* Banner for the search page */
.search .banner__overlay {
  background: url("https://www.eit.edu.au/files/AdobeStock_307501239.jpeg");
  background-repeat: no-repeat;
  opacity: 1;
  background-size: cover;
}
.search .banner__overlay:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(13 59 112 / 0.70);
}
/* fix the first paint load for the front-page search menu */
.home section.find-course.section-overlay {
  margin-top: -110.912px;
}
.navbar-brand img {
  width: 220px !important;
  height: 100px !important;
}
img {
  height: auto
}
.five-column__icon img {
  max-width: 160px;
}
/* 

.navbar-brand img {

    width: initial;

    height: initial;

}

*/
.tribe-events-cal-links .tribe-events-gcal, .tribe-events-cal-links .tribe-events-ical {
  font-size: 16px;
  font-weight: 600;
  color: #003771;
  ;
}
.tribe-events .tribe-events-button {
  background-color: #fff !important;
}
/* Auto Load */
.grid-auto {
  display: inline-block;
  max-width: 33%;
  vertical-align: top;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.grid-auto .latest-news__image {
  height: 200px;
}
/* Autoload in mobile */
@media only screen and (max-width: 496px) {
  .grid-auto.result {
    max-width: 100%;
  }
}
/*Stretch are you interested in image */
.stretched {
  max-height: 200px;
}
/* css for course navigation pages*/
.taxonomy-description {
  color: #FFF;
}
.coursenav .breadcrumbs {
  position: relative;
}
.coursenav .banner__breadcrumbs {
  color: #FFF;
}
.banner .coursenav {
  min-height: 250px;
  height: 250px;
}
.coursenav .banner__overlay {
  background-color: #407EC8;
  opacity: 1;
}

/* On-Campus Study Mode Banner with Image */
.coursenav .banner__overlay.on-campus {
  background-image: url('https://www.eit.edu.au/wp-content/uploads/2025/10/Website-Banner-Perth-Melb-Bris.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #0d3b70;
  opacity: .9;
}

/* Online study-mode taxonomy now uses Slim Banner markup (see archive.php); overlay image rule retained for any legacy markup */
.coursenav .banner__overlay.online {
  background-image: url('https://www.eit.edu.au/wp-content/uploads/2026/04/Website-Banner-Perth-Melb-Bris-1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #0d3b70;
  opacity: .9;
}

.course-qualification .text li:nth-of-type(2), .course-qualification .text li:nth-of-type(3), .course-qualification .text li:nth-of-type(4), .course-qualification .text li:nth-of-type(5), .course-qualification .text li:nth-of-type(6), .course-qualification .text li:nth-of-type(7), .course-qualification .text li:nth-of-type(8) {
  display: none;
}
.course_type .typer li:nth-of-type(2), .course_type .typer li:nth-of-type(3), .course_type .typer li:nth-of-type(4), .course_type .typer li:nth-of-type(5), .course_type .typer li:nth-of-type(6), .course_type .typer li:nth-of-type(7), .course_type .typer li:nth-of-type(8) {
  display: none;
}
.course-delivery .text li:nth-of-type(2), .course-delivery .text li:nth-of-type(3), .course-delivery .text li:nth-of-type(4), .course-delivery .text li:nth-of-type(5), .course-delivery .text li:nth-of-type(6), .course-delivery .text li:nth-of-type(7), .course-delivery .text li:nth-of-type(8) {
  display: none;
}
/*Hide form intro line "course-enquiry"*/
/*.page-id-7819 h3 {display: none; }*/
/*squished logo */
/*.navbar-brand img {
  width: initial;
  height: initial;
} */
.navbar1 {
  overflow: hidden;
  /*background-color: #333;*/
  margin-top: 5px;
}
.navbar1 a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.fe {
  display: block;
  background-image: url("/wp-content/themes/eit/images/arrow-nav-down.png");
  right: 0;
  width: 25px;
  height: 14px;
  float: right;
  margin: 6px 0px 0px 20px;
}
.dropdown1 {
  float: left;
  overflow: hidden;
}
.dropdown1 .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  /*color: white;*/
  padding: 7px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.navbar1 a:hover, .dropdown1:hover .dropbtn {
  background-color: #e87722;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a:hover {
  background-color: #ddd;
}
.dropdown1:hover .dropdown-content {
  display: block;
}
/*cat-description archive template*/
.cat-description {
  border: 1px solid #d6d9e1;
  box-shadow: 0 0 10px #d6d9e1;
  padding: 5%;
  margin-top: 20px;
}
.cat-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  min-height: 160px;
  position: relative;
  padding: 15px 30px 0px 30px;
}
.cat-banner h1 {
  margin: 0px 0px 0px 0px;
  text-align: center;
  font-size: 41px;
  font-weight: 700;
  color: #FFFFFF;
}
.term-industrial-automation-instrumentation-and-process-control .cat-banner h1 {
  margin-top: -20px;
}
/* hide "Undergraduates Certs in Filter Box"*/
[data-term="course-types"] li:nth-of-type(7) {
  display: none;
}
/*News and resource CTA*/
#news-cta {
  width: 330px;
  display: block;
  position: fixed;
  background-color: #0d3b70;
  padding: 30px 40px 40px 40px;
  right: 0;
  z-index: 9999;
  top: 50%;
  transform: translateY(-50%);
  color: #FFF;
}
.news-cta-default {
  width: 330px;
  display: block;
  position: fixed;
  background-color: #0d3b70;
  padding: 30px 40px 40px 40px;
  right: 0;
  z-index: 9999;
  top: 50%;
  transform: translateY(-50%);
  color: #FFF;
}
.news-cta-default h4 {
  color: #fff !important;
  font-weight: 700;
  margin: 0 0 30px;
  font-size: 1.3rem;
}
.news-cta h4 {
  color: #fff !important;
  font-weight: 700;
  margin: 0 0 30px;
  font-size: 1.3rem;
}
.news-cta a {
  color: #fff !important;
  font-weight: bold;
  text-decoration: underline;
  margin: 0 0 0px;
  font-size: 1.0rem;
}
@media only screen and (max-width:768px) {
  .news-cta, .news-cta-default {
    display: none;
  }
}
/* apply hide text */
.courses-template .apply_form {
  display: none;
}
.courses-template-default .apply_form {
  display: none;
}
.page-template-default .on_page_form {
  display: none;
}
/*Push Engage widjet Bell*/
#pe-widget-bell.pe-bottom-right {
  left: 25px !important;
  bottom: 90px;
}
.pe-bottom-right #pe-widget-bell-launcher-message {
  left: 60px;
}
.nav1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
@media only screen and (max-width:768px) {
  .nav1 {
    display: initial !important;
  }
}
/* Tribe Events hide iCal and Google Calender*/
.tribe-events-gcal.tribe-events-button {
  display: none;
}
.tribe-events-ical.tribe-events-button {
  display: none;
}
/* Calendly Div thank-you page*/
#calendly-panel {
  border-top: 4px solid #3A7BC8;
  border-bottom: 4px solid #3A7BC8;
  border-left: 1px solid #3A7BC8;
  border-right: 1px solid #3A7BC8;
  padding: 20px;
}
.banner-scholarships {
  margin-bottom: 30px;
}
/* Pre-requisite Form Entry */
.pre_apply_form .wp-block-button a {
  padding: 3px 5px;
}
/* Non WPData tables 
.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-table100 {
  width: 100%;
  min-height: 100vh;
  background: #003771;
  background: -webkit-linear-gradient(45deg, #4158d0, #003771);
  background: -o-linear-gradient(45deg, #4158d0, #003771);
  background: -moz-linear-gradient(45deg, #4158d0, #003771);
  background: linear-gradient(45deg, #4158d0, #003771);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 1px 1px;
}
.wrap-table100 {
  width: 1170px;
}
table {
  border-spacing: 1;
  border-collapse: collapse;
  background: white;
  border-radius: 0px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
table * {
  position: relative;
}
table td, table th {
  padding-left: 8px;
}
table thead tr {
  height: 60px;
  background: #003771;
}
table tbody tr {
  height: 50px;
}
table tbody tr:last-child {
  border: 0;
}
table td, table th {
  text-align: left;
}
table td.l, table th.l {
  text-align: right;
}
table td.c, table th.c {
  text-align: center;
}
table td.r, table th.r {
  text-align: center;
}
.table100-head th{  
  font-size: 18px;
  color: #fff;
  line-height: 1.2;
  font-weight: unset;
}
tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}
tbody tr {
  font-size: 15px;
  line-height: 1.2;
  font-weight: unset;
}
tbody tr:hover {
  color: #555555;
  background-color: #f5f5f5;
  cursor: pointer;
}
.column1 {
  width: 60px;
  padding-left: 40px;
}

.column2 {
  width: 400px;
}

.column3 {
  width: 245px;
}

.column4 {
  width: 110px;
  text-align: right;
}

.column5 {
  width: 170px;
  text-align: right;
}

.column6 {
  width: 222px;
  text-align: right;
  padding-right: 62px;
}


@media screen and (max-width: 992px) {
  table {
    display: block;
  }
  table > *, table tr, table td, table th {
    display: block;
  }
  table thead {
    display: none;
  }
  table tbody tr {
    height: auto;
    padding: 37px 0;
  }
  table tbody tr td {
    padding-left: 40% !important;
    margin-bottom: 24px;
  }
  table tbody tr td:last-child {
    margin-bottom: 0;
  }
  table tbody tr td:before {
    line-height: 1.2;
    font-weight: unset;
    position: absolute;
    width: 40%;
    left: 30px;
    top: 0;
  }
  table tbody tr td:nth-child(1):before {
    content: "Lab";
  }
  table tbody tr td:nth-child(2):before {
    content: "Software";
  }
  table tbody tr td:nth-child(3):before {

    content: "Name";
  }
  table tbody tr td:nth-child(4):before {
    content: "Price";
  }
  table tbody tr td:nth-child(5):before {
    content: "Quantity";
  }
  table tbody tr td:nth-child(6):before {
    content: "Total";
  }
  .column4,
  .column5,
  .column6 {
    text-align: left;
  }
  .column4,
  .column5,
  .column6,
  .column1,
  .column2,
  .column3 {
    width: 100%;
  }
 tbody tr {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .container-table100 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
*/
/* end Non WPData tables */
[data-term=course-types] li:nth-of-type(7) {
  display: initial !important;
}
/* James M - autowrap the tables - 22-Dec-2021 */
.wpDataTablesWrapper table.wpDataTable td {
  white-space: initial !important;
}
/*Course study-area course-types fixed banner display*/
.advanced-diploma, .advanced-diploma-ce, .advanced-diploma-dc, .advanced-diploma-ece, .advanced-diploma-ee, .advanced-diploma-em, .advanced-diploma-ia, .advanced-diploma-me, .diploma {
  background-image: url(img/banners/EIT_Advanced_Diploma_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.bachelors, .bachelors-degree-ce, .bachelors-degree-me, .bachelors-degree-ia, .bachelors-degree-ee {
  background-image: url(img/banners/EIT_Bachelors_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.civil-engineering, .civil-engineering-ad, .civil-engineering-b, .civil-engineering-de, .civil-engineering-m, .civil-engineering-pc, .civil-engineering-ug {
  background-image: url(img/banners/EIT_Civil_Engineering_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.data-comms-industrial-it, .data-comms-industrial-it-ad, .data-comms-industrial-it-de, .data-comms-industrial-it-pc {
  background-image: url(img/banners/EIT_Data_Comms_Industrial_IT_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.electrical-engineering, .electrical-engineering-ad, .electrical-engineering-b, .electrical-engineering-d, .electrical-engineering-de, .electrical-engineering-gc, .electrical-engineering-m, .electrical-engineering-pc, .electrical-engineering-ug, .electrical-engineering-vgc, .diploma-ee {
  background-image: url(img/banners/EIT_Electrical_Engineering_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.electronic-engineering, .electronic-engineering-ad, .electronic-engineering-de, .electronic-engineering-pc {
  background-image: url(img/banners/EIT_Electronic_Engineering_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.engineering-management, .engineering-management-de, .engineering-management-d, .engineering-management-pc {
  background-image: url(img/banners/EIT_Engineering_Management_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.graduate-certificate, .graduate-certificates-ce, .graduate-certificates-ee, .graduate-certificates-ia, .graduate-certificates-me {
  background-image: url(img/banners/EIT_Graduate_Certificate_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.industrial-automation-instrumentation-and-process-control, .industrial-automation-instrumentation-and-process-control-ad, .industrial-automation-instrumentation-and-process-control-b, .industrial-automation-instrumentation-and-process-control-de, .industrial-automation-instrumentation-and-process-control-m, .industrial-automation-instrumentation-and-process-control-pc, .industrial-automation-instrumentation-and-process-control-ug {
  background-image: url(img/banners/EIT_IndustrialAutomation_Instrumentation_ProcessControl_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.masters, .masters-ce, .masters-ee, .masters-ia, .masters-me {
  background-image: url(img/banners/EIT_Masters_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.mechanical-engineering, .mechanical-engineering-ad, .mechanical-engineering-b, .mechanical-engineering-de, .mechanical-engineering-gc, .mechanical-engineering-m, .mechanical-engineering-pc, .mechanical-engineering-ug {
  background-image: url(img/banners/EIT_Mechanical_Engineering_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.professional-certificate, .professional-certificate-ce, .professional-certificate-dc, .professional-certificate-ece, .professional-certificate-ece, .professional-certificate-ee, .professional-certificate-em, .professional-certificate-ia, .professional-certificate-me {
  background-image: url(img/banners/EIT_Professional_Certificate_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.undergraduate-certificate, .undergraduate-certificate-ce, .undergraduate-certificate-ee, .undergraduate-certificate-ia, .undergraduate-certificate-me {
  background-image: url(img/banners/EIT_Undergraduate_Certificate_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.vocational-graduate-certificate, .vocational-graduate-certificates-ee {
  background-image: url(img/banners/EIT_Vocational_Graduate_Certificate_Courses.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
/*End Banners */
/*GeopIP CTA*/
#course-overview-cta {
  margin: 20px 20px;
  padding: 20px;
  background-color: #0D3B70;
  color: white;
}
#course-overview-cta a {
  font-weight: 700;
  color: #FFFFFF;
}
/*End Geo IP CTA*/
#accordion a {
  text-decoration: underline;
}
/*temporary only Joy
.home.page-template-default .subscribe-cta .gform_wrapper li.hidden_label input {
    height: auto !important;
}

.home.page-template-default .testimonials .swiper-wrapper {
height: initial;
}

.home.page-template-default .container.swiper__caption-container {
display: flex;
}*/
#wa_chpcs_foo_content28864 li {
  background-color: #FFFFFF;
}
#wa_chpcs_image_carousel28864 li {
  background-color: #FFFFFF;
}
/* Hide CSP Commonwealth Supported from Drop down filter */
/*[data-term="study-areas"] ul li:nth-of-type(10) {
    display: none;
}*/
/*  Quick links z-index conflict* 999 to 10000*/
#site-search__form {
  background-color: #fff;
  bottom: 0px;
  display: none;
  padding: 0px;
  position: absolute;
  right: 0;
  z-index: 10000;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .2);
  border: 1px solid #eee;
  top: 140px;
  min-width: 265px;
}
/*  End - Quick links z-index conflict*/
/*Upcoming cards*/
.search-upcoming h1.display-1 {
  display: none
}
.upcoming {
  margin-bottom: 20px
}
.upcoming-hr {
  border-width: 4px;
  margin: 20px 0
}
.upcoming-count {
  color: #0d3b70;
  font-weight: 700;
  font-size: 22px
}
.upcoming article.courses {
  border: 1px solid #d6d9e1;
  box-shadow: 0 0 10px #d6d9e1;
  padding: 20px;
  margin-bottom: 0px
}
.upcoming .course-image a {
  background-size: cover;
  background-position: 50%;
  display: block;
  height: 200px;
  margin-bottom: 15px;
}
.upcoming .course-detail ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.upcoming .course-heading a {
  color: #0d3b70
}
.upcoming .course-heading a:hover {
  text-decoration: none
}
.upcoming .course-crumbs {
  font-size: 12px;
  padding: 5px 0
}
.upcoming .course-crumbs ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.upcoming .course-crumbs ul li {
  /*background-color: #ddd;*/
  display: inline-block;
  font-weight: 700;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  border-radius: 5px;    
}
.upcoming .course-crumbs .del:before {
  padding: 0 10px
}
.upcoming .course-description {
  font-weight: 100;
  margin-top: 0px
}
.upcoming .course-description .learn-more {
  font-size: 14px;
  font-weight: 700;
  color: #0d3b70;
  margin-top: 1rem;
  transition: color .3s ease-in-out
}
.upcoming .course-description .learn-more:hover {
  color: #3a7bc8
}
.upcoming .course-detail {
  font-weight: 100;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px
}
.upcoming .course-meta {
  margin-top: 0px
}
.upcoming .course-detail .label {
  font-weight: 700;
  color: #0d3b70
}
.upcoming .course-detail .icon {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  min-width: 28px
}
.upcoming .course-location .icon {
  background-image: url(img/icon-course-marker.png)
}
.upcoming .course-delivery .icon {
  background-image: url(img/icon-course-clock.png)
}
.upcoming .course-duration .icon {
  background-image: url(img/icon-course-calendar.png)
}
.upcoming .course-qualification .icon {
  background-image: url(img/icon-course-like.png)
}
.upcoming .course-area .icon {
  background-image: url(img/icon-course-study.png)
}
.upcoming .course-intake .icon {
  background-image: url(img/icon-course-calendar.png)
}
.searchwp-highlight {
  padding: 0;
  background-color: transparent;
  color: #3a7bc8
}
.search .pagination-container {
  margin-bottom: 2em
}
.search .pagination-container .pagination {
  justify-content: center
}
.upcoming.generic-search {
  margin-top: 30px
}
.upcoming.generic-search article {
  border-bottom: 2px solid #eee;
  padding: 0 0 10px;
  margin-bottom: 20px
}
.upcoming.generic-search article h2 {
  font-size: 24px
}
@media only screen and (min-width:768px) {
  .upcoming .course-details {
    padding: 0px 0 0 20px
  }
  .upcoming .course-detail {
    border: 1px solid #d6d9e1;
    justify-content: center;
    padding: 10px;
    margin-bottom: 0
  }
}
@media only screen and (min-width:992px) {
  .upcoming .course-detail:not(:first-child) {
    border-left: none
  }
}
.generic-search.upcoming .result-type {
  display: inline-block;
  background-color: #ddd;
  color: #0d3b70;
  font-weight: 700;
  font-size: 14px;
  padding: 2px 10px;
  margin-bottom: 10px
}
.generic-search.upcoming article.courses {
  border: 0;
  border-bottom: 2px solid #eee;
  box-shadow: none;
  padding-bottom: 10px
}
/* End Upcoming Course */
/* Maphub iframe conatiner class*/
.maphub {
  min-width: 1100px;
  display: block;
  margin: 0px auto;
}
/*pagination Bottom*/
.pagination {
  margin-bottom: 10px;
}

	
	/* Update on Jan 24, 2023 */
	/* https://www.eit.edu.au/current-students/?swcfpc=1 */
	.container {
/*   	padding-left: 0px !important; */
  /*	margin-left: 10px; commented out causing extreme page load left 28 Feb 2023*/
  /*	margin-right: 10px; commented out causing extreme page load left  28 Feb 2023*/
	}
	
	.no-guttersatglance {
  	margin-right: 0;
  	margin-left: 80px;
  	/*margin-top: -20px; March 1, 2023 overlaping field */
	}

	.information__item {
  	background-color: #fff;
  	margin-top: 25px; 
	}

	/* https://www.eit.edu.au/information-for/ */
	.nav-tiles-block .nav-tile {
  	margin-bottom: 20px;
  	margin-left: 35px;
	}

	.nav-tiles-block .nav-tile .feature-block__more {
  	color: #0d3b70;
  	padding: 0px;
  	font-size: 14px;
	}

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

/* addind style to authors.php and instructor stories */
#author ul li {
    list-style:none;
    background-color: #ddd;
    font-weight: 700;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
}
.cat-row {
  border: 1px solid #d6d9e1;
  box-shadow: 0 0 10px #d6d9e1;
  padding: 2% 5%;
  margin-top: 20px;
}
.cat-row img{
  width: 180px;
}
.cat-row .post{
  margin-bottom: 10px;
}
.cat-row h4 { margin: 10px 0px 10px 0px; }
.author-thumb {
    float:left;
    margin: 0px 20px 0px 0px; 
}
.author-thumb img { width: 150px;}
.pagin-author {margin: 0px auto;}
.news-sub {display: grid; }
.news-sub a {margin: 0px auto}
.container {padding-left: 0px !important;}/*to fix left aligned columns */
/* to fix instructor stories layout in cache*/ 
.is-layout-flex.wp-container-4.wp-block-columns { 
    display: flex;
}
.is-layout-flex.wp-container-6.wp-block-columns { 
    display: flex;
}
.is-layout-flow .wp-block-column {margin-right: 20px}
/* end layout cache fix */
/* 2022-12-15 - JM: temporary patch due to headings losing their boldness */
h1, h2 {
    font-weight: bold !important;
}
.ginput_container_phone > input::placeholder {
		color: lightgray !important;
}

/*

/* CSS added Nurqayza 7 Mar 2023*/
.eventbrite {
  background-color: #e87722;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2em;
    padding: 10px 20px;
    display: block;
    box-sizing: border-box;
    border: 0;
    cursor: pointer;
    text-align: center;
    margin-top: -80px;
    margin-bottom: 10px;
    transition: background-color .5s ease-in-out;
  }

/* Start CSS changes  Course Page Nurqayza 17 August 2023*/

.at-glance {
  box-shadow: 6px 8px 15px rgb(79 68 68);
  /* border: 1px solid blue; */
}

/* End CSS changes  Course Page Nurqayza 17 August 2023*/
/* CSS changes Nurqayza 13 Feb 2023*/
.home__quick-links {
   -webkit-animation: 10s ease 0s normal forwards 1 fadein;
  }
	@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
  }

    @-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
  }
/* CSS changes Mobile Nurqayza 13 Sept 2022*/
@media (max-width: 600px) {
/* Start Dropdown button in events page code November 6, 2023 */
.elegant-dropdown{
  font-size: 12px;
}
/* End Dropdown button in events page code November 6, 2023 */

/*Start button event section to oepn a new page for previous and upcoming event css code November 6,2023 ;*/  
.button_event{
  display:block;
}
.button_event {
  position: absolute;
  bottom: -50px;
  left: 10px;
  padding: 5px 10px;
  font-size: 14px;
  height: 40px;
  margin-left: 5px !important;
  }
.filter {
  height: 190px;
}
/*End button event section to oepn a new page for previous and upcoming event css code November 6,2023 ;*/  

/*Start Filter event section css code November 6,2023 ;*/ 
.category_events{
  font-size: 12px;
  width: 220px;
}
.elegant-dropdown {
  font-size: 12px;
  width: 250px;
}
/*End Filter event section css code November 6,2023 ;*/ 
  /*Start Accreditation section css code November 3,2023 ;*/ 
  .center-icon1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .center-icon1 img {
    max-width: 100%; /* Ensure the image doesn't exceed the container width */
    height: auto; /* Maintain the aspect ratio */
  }
  
  .center-button1 {
    text-align: center;
    margin-bottom: 15px;
  }

  .center-button1 a {
    display: inline-block;
    margin-top: 10px; /* Add spacing if needed */
  }
   .center-button1 a {
      display: block;
      margin: 0 auto;
    }
/*End Accreditation section css code November 3,2023 ;*/  


  .news-sub-article a {
    margin: 20px;
    font-size: 16px !important;
    margin-top: 80px !important;
  }
  .container.wp-block-heading {
    margin-top: auto;
  }
  .container2024.wp-block-heading {
    margin-top: 0px !important;
  }
  .informationsection {
    margin-left: -115px !important;
    margin-top: -10px !important;
  }

  
  .at-glance .dropfees {
    /* width: 66px; */
    margin-left: 117px  !important;
  }

.center-iframe {
 display: block;
 margin-left: auto;
 margin-right: auto;
 width: 600px;
 height: 315px;
}

  .gform_next_button{
    background-color: #0d3b70;
  }

  section .gform_wrapper ul.gform_fields .gfield {
    width: 90%;
  }
  section .gform_wrapper ul.gform_fields {
    /* display: flex; */
    flex-wrap: wrap;
    width: 340px;
  }

  body .gform_legacy_markup_wrapper .top_label div.ginput_container {
    /* margin-top: 8px; */
  }

  /* Banner */
  .home__slider .swiper-slide .swiper__caption {
    color: #fff;
    inline-size: 300px;
    overflow-wrap: break-word;
    font-size: 20p;

  }
  .home__slider {
    position: relative;
    height: 385px;
  }
  .home__slider .swiper-slide .swiper__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0d3b70;
    opacity: .6;
    mix-blend-mode: multiply;
  }
  .home__slider .swiper-slide .swiper__background {
    width: auto;  /*Clarence - 03/02/2023  426px test*/
    height: 420px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }
  .home__slider .swiper-container {
    width: 100%;
    height: 550px;
    margin-bottom: -120px;
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
    margin-bottom: 180px;
  }

   h1,
  h2 {
    font-weight: 550;
	/* margin-left: 10px */
  }

  h1 {
    font-size: 30px;
	/* margin-left: 10px */
  }

  h2 {
    font-size: 25px;
  }
  p {
    margin-top: 0;
    margin-bottom: 1rem;
    /* margin-left: 10px; */
  }

  .button {
    border: 0;
    padding: 8px 25px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
  }

  /* Logo */
  .navbar-brand img {
    width: 100px !important;
    height: 50px !important;
  }
  body {
    font-family: bio-sans, sans-serif;
    font-style: normal;
    font-size: 14px;
  }

  /* Find a course */
  .find-course {
    display: none;
  }

  /* Discover why EIT Section*/
  .mb-5,
  .my-5 {
    margin-bottom: 0.1rem !important;
    flex: 0 0 40%;
    margin-top: -20px;
  }
  .five-column {
    color: #fff;
    /*background-image: url(img/background-arrow-left.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    height: auto; /*Clarence - 03/07/2023 */
    /* margin: -50px; */
    /* margin-top: -50px; */
	  
	padding:80px 0 0 0; /*Clarence - 03/07/2023 */
	  
  }
	
	
  .five-column__header {
    text-align: center;
    padding-bottom: 20px;
    margin-top: -30px;
  }
  /* Newsletter Popup*/
  .wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
    font-size: 20px;
	margin-top: 130px;
  }
  .wp-block-buttons.wp-container-1 {
    justify-content: center;
    margin-top: -50px;
    margin-bottom: -90px;
  }
  /* Graduate Certificate*/
  .feature2 {
    margin-top: -200px;
  }
  /* Category banner*/
  .cat-banner h1 {
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #FFFFFF;
  }
  /* how to apply banner*/
  .banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: auto;
    position: relative;
    padding: 15px 0px 0px 0px;
  }
  .banner__breadcrumbs{
    margin-bottom: 5px;
}
  /* Latest Events*/
  .home .latest-events {
    padding-top: 0;
    margin-top: -40px;
    /* padding-bottom: 100px; */
    height: auto;
    background-color: #EAEEF2;
  }
  .latest-news__header {
    margin-bottom: 30px;
    text-align: center;
    /* font-weight: 700; */
  }
  .event__item--title {
    padding-bottom: 0px;
    font-size: 18px;
    font-weight: 700;
    color: #0d3b70;
    line-height: 120%;
    position: relative;
  }
  div[class^=event__item--] .muted {
    color: rgba(0, 0, 0, .5);
    font-size: 16px;
    color: black;
  }
  /* Footer */
	.container {padding-left:15px !important;}/*to fix left aligned columns  - changes by clarence 03/07/2023  */
  .helpful-links {
    flex-grow: 1;
    flex: 0 0 40%;
    margin: 0px 0;
  }
  .connect-with-us {
    margin-bottom: 40px;
    flex: 0 0 50%;
  }
  /* Find a program */
  .feature-block__image {
    position: relative;
    min-height: 188px;
    width: 168px;
    background-position: 50%;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
  }
  .feature-block__content {
      margin-top: -80px;
  }
  .feature-block__content {
    margin-top: -50px;
    text-align: center;
  }
  .feature-block__more {
    display: block;
    font-weight: 600;
    font-size: 14px;
    transition: all .5s ease;
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    padding: 20px;
    right: 0;
    z-index: 2;
    text-align: center;
  }
  element.style {
    flex: 0 0 40%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 50%;
    float: left;
    /* height: 188px; */
  }
  element.style {
    margin-top: -120px;
    margin-left: 190px;
    /* display: block; */
    float: none;
  }
  /* Quicklinks */
  .page .home__quick-links h4 {
  color: #fff;
  font-weight: 700;
  margin: 0 0 30px;
  }
  .home__quick-links ul li {
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
  min-width: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
  .home__quick-links ul {
  margin: 0;
  margin-bottom: -25px;
  padding: 0;
  }
  .home__quick-links {
  display: none;
  }
  .home__quick-links {
  display: block;
  width: 240px;
  padding: 20px 20px 20px 20px;
   -webkit-animation: 10s ease 0s normal forwards 1 fadein;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  }
	@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
  }

    @-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
  }
  /* Start CSS Nurqayza 3 August 2023*/

  button:hover .toggle_button {
    transform: scale(1.2);
  }

  /* End CSS Quicklinks Nurqayza 3 August 2023*/

  /* Start CSS changes Mobile for Course Page Nurqayza 11 July 2023*/

  .glance-items {
    margin-top: 20px;
    display: grid;
    /* grid-auto-flow: column; */
    grid-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    padding: 10px;
  }
  .at-glance {
    max-width: 1140px;
    border-radius: 20px;
    margin: -60px auto 40px;
    z-index: 1000;
    position: relative;
    padding: 15px;
    width: 370px;
    height: auto;
    box-shadow: 0 2px 10px rgba(2, 1, 1, 2);
    padding-left: 40px;
    padding-top: 15px;
    /* border: 1px solid blue; */
  }
  body.postid-18636 .at-glance {
    margin: -0px auto 40px !important;
  }
  .postid-18636 .at-glance {
    margin: -0px auto 40px !important;
  }

  .mb-5, .my-5 {
    margin-bottom: 0.1rem !important;
    flex: 0 0 40%;
    margin-top: auto;
  }

  .section-padding.accordions, .section-padding.accreditation, .section-padding.apply-howto, .section-padding.applying-for-credit, .section-padding.deferring-withdrawing, .section-padding.research, .section-padding.student-support, .section-padding.study-areas, .section-padding.tabs, .section-padding.testimonials {
    padding: 0 0 20px;
    margin-top: 50px;
    /* margin-left: 15px; */
  }
  .section-padding.accordions{
    padding: 0 0 20px;
    margin-top: 0px;
    /* margin-left: 15px; */
  }
  
  .study-areas .tab-pane>div {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .courses section.information, .our-team section.information, .scholarships .page_wrapper section:nth-child(2), .student-support section.information {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  /* End CSS changes Mobile for Course Page Nurqayza 11 July 2023*/

  /* Start CSS Country Selector August 21 2023*/
  .at-glance select {
    width: 300px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    margin-left: 10px;
    margin-top: 5px;
  }
  .glance-items {
    margin-top: 25px;
    /* margin-left: -40px; */
  }
  .glance-items > div[class*=col-] {
    margin-bottom: 20px;
  }
  .no-guttersatglance {
    /* margin-right: 0; */
    margin-left: -40px;
  }
  .no-gutters1 {
    /* margin-right: 0; */
    margin-left: 85px;
  }
  
  /* End CSS Country Selector August 21 2023*/

  .overview__quicklinks {
    border-radius: 10px;
    border-left:3px solid #3A7BC8;
    border-right:3px solid #3A7BC8;
    border-bottom:3px solid #3A7BC8;
    box-shadow: 7px 7px 20px rgb(69 61 61);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
/* Start Event filter in events page code November 7, 2023 */
  .filter {
    display: block;
  }
  /* End Event filter in events page code November 7, 2023 */

  .banner__content {
    margin-top: 20px;
}
iframe {
  margin-left: 40px;
  margin-bottom: 20px;
  width: 340px !important;
}

}

/* End CSS changes Mobile Nurqayza 13 Sept 2022*/

/* CSS added for overview quicklink Nurqayza August 21, 2023 */
.overview__quicklinks {
  border-radius: 10px;
  border-left:3px solid #3A7BC8;
  border-right:3px solid #3A7BC8;
  border-bottom:3px solid #3A7BC8;
  box-shadow: 7px 7px 20px rgb(69 61 61) !important;
}
/*Courses page tab content*/
.courses .tab-content { margin-top: 20px;}
/*Google Search Box */
.gsc-input-box {
    border-color: #dfe1e5 !important ;    
    border-radius: 5px;
}
.gsc-search-button-v2 {
    padding: 10px 35px !important;
    border-radius: 5px !important;   
}
/* end Google Search Box*/
.backbut {
    background-color:#e87722;
    padding:10px 40px;
    color:#FFFFFF;
    border:0px;
    border-radius: 5px;
    font-weight: 700;
}
/*FindCourse Block*/
.find-course__panel h3 { color: #3A7BC8;margin-left:15px; }
/* border-radius additions*/
    .home__quick-links {
    border-radius: 10px 0px 0px 10px;
}
  
 .find-course .find-course__panel {
    border-radius: 10px;
}

.snip1361 {
   border-radius: 10px;
}
.snip1561 {
   border-radius: 10px 10px 0px 0px;
}
 .latest-news__content {
  border-radius: 10px;
}
 .event__item {
   border-radius: 10px;
}
.information__item {
   border-radius: 10px;       
}
.information__icon {
   border-radius: 10px 0px 0px 10px;       
}
.event-date {
   border-radius: 10px 0px 0px 10px;
}
.contents-block .col-fill-left {
    border-radius: 0px 10px 0px 0px;
}
.contents-block .col-fill-left__overlay {
    border-radius: 0px 10px 0px 0px;
}
.cat-description {
    border-radius:10px;   
}
.results article.courses {
     border-radius:10px;
}
.results .course-location {
    border-radius:10px 0px 0px 10px;
}
.results .course-intake {
    border-radius:0px 10px 10px 0px;
}
.results .course-image a {
    border-radius: 10px;
}
.study-areas .tab-pane .study-area__image {
   border-radius: 10px;
}
.study-area__quicklinks {
    border-radius: 10px;
}
.pagination-container a, .pagination-container span {
    border-radius: 5px;
}
.upcoming article.courses {
   border-radius: 10px;
}
.upcoming .course-image a {
    border-radius: 10px;
}
.cat-row {
    border-radius: 10px;
}
.cat-row img {
    border-radius: 10px;
}
.author-thumb img {
    border-radius: 10px;
}
.layout {
    border-radius: 10px;
}
.featured-news .post-image img{ border-radius: 10px; }
/* end border radius additions*/
/* At a Glance */
.at-glance { max-width: 1140px; border-radius: 10px; margin: -60px auto 40px; z-index:1000; position: relative; }
.at-glance select {
  width: 850px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.glance-items {
  margin-top:25px;
  margin-left: -25px;
}
.at-glance #eit_course_fee_display {
    background: #FFF;
    text-align:left;
    padding: 0px 5px;
    color: #000;
    max-width: 380px
}
.at-glance #eit_course_fee_display .row .col-md-4 {
    -ms-flex:100%;
    flex: 100%;
    max-width: 100%;
}
.at-glance .single_fee {
    background: #FFF;
    text-align:left;
    padding: 0px 5px;
    color: #000;   
    margin: 30px 0px;     
}

.overview__quicklinks {
    border-radius: 10px;
    border-left: 3px solid #3A7BC8;border-right: 3px solid #3A7BC8;border-bottom: 3px solid #3A7BC8;
    box-shadow: 7px 7px 20px rgb(69 61 61);
    }
/* Start CSS Added for the Accordion August 21, 2023*/
#accordion { 
  border-radius: 10px;
  margin-top: -20px;
}

.gform_legacy_markup_wrapper {
    /* padding: 10px;
    border: 3px solid #3A7BC8;
    border-radius: 10px;
    box-shadow: 6px 8px 15px rgb(79 68 68);
     height: auto; */
}
/* End CSS Added for the Accordion August 21, 2023*/
.subscribe-cta .gform_wrapper {  
    border: 1px solid #e87722;    
}
body.postid-18636 .banner__subtitle {
  display: block;
}

.postid-18636 .banner__subtitle {
  display: block !important;
}



.toggle_button {
  border: 1px solid white;
  width: 60px;
  text-align: center;
  padding: 2px 0;
  border-radius: 5px;
  transition: all .3s;
  cursor: pointer;
}
.toggle_button:hover {
  color: #0d3b70 !important;
  background-color: #ffffff;
}

.gform_legacy_markup_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper .ginput_complex .ginput_right select, .gform_legacy_markup_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper .ginput_complex select {
  color: white;
  border-color: #ffff;
}

.gform_legacy_markup_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper .ginput_complex .ginput_right select, .gform_legacy_markup_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper .ginput_complex select {
    pointer-events: none;
}

/*
.gform_legacy_markup_wrapper .gform_footer {
  margin-top: -280px;
  margin-bottom: 30px;
}*/

.gform_legacy_markup_wrapper form {
  margin-left: 20px;
  margin-right: 20px;
  /* margin-top: 20px; */
}
.gform_legacy_markup_wrapper .gform_heading {
  margin-left: 25px;
  margin-top: 20px;
  /* margin-bottom: 20px; */
}

/* Start Media query for front page slider Nurqayza 9-11-2023 */
/* Media query for front page slider Brad Lohoar 2-10-2023 */
@media only screen and (min-width:768px) {
  .mobile {display:none;
     }  
     
     
}
@media (max-width: 768px) {
 .desktop { display:block !important;
 }
}
/* End Media query for front page slider Nurqayza 9-11-2023 */
@media (max-width: 768px) {
    .desktop { display:block !important;
    }
}

@media (width: 768px) {
  .desktop { display:block !important;
  }
  .at-glance {
    max-width: 740px;
    border-radius: 10px;
    margin: -60px auto 40px;
    z-index: 1000;
    position: relative;
  }

  .no-guttersatglance {
    margin-right: 0;
    margin-left: 80px;
    flex-wrap: unset;
  }
  .at-glance select {
    width: 220%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .informationsection {
    margin-left: -15px;
  }
  .news-sub-article a {
    margin-top: 20px !important;
  }
  .information__icon {
    width: 90px;
  }
}

.gform_next_button{
  background-color: #0d3b70;
}

.at-glance .dropfees{ 
  /*width:66px;*/ 
  margin-left: -20px;
}

.custom-padding-top {
  padding-top: 50px; /* Adjust this value according to your needs */
 }

 .informationsection {
  margin-left: -15px;
  margin-top: -10px;
}


@media screen and (max-width: 600px) {
  .ytp-cued-thumbnail-overlay-image{
    background-size: contain;
  }
}

.news-sub-article a {
  margin-top: 20px !important;
}

 
/*Start Accreditation Section button code November 3, 2023 */
.buttonoverview {
  border: 0;
  border-radius: 5px;
  padding: 6px 20px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 650;
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
  background-color: #3a7bc8;
  margin-left: 10px;
}

.buttonoverview:hover {
  background-color: #0056b3;
  color: white;
}

.overview__quicklinks--icon1 img {
  max-width: 100px;
  max-height: 100px;
}

/*End Accreditation Section button code November 3, 2023 */

/*Start Past Event Button Code CSS November 3, 2023 */
.filter_past_event {
  display: block;
  background-color: #0d3b70;
  box-sizing: border-box;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  padding: 10px 20px;
  transition: background-color .5s ease-in-out;
  font-size: 16px;
  float: right;
}

.filter_past_event:hover {
  background-color: #1a5ebc; /* Change this color to the desired hover effect color */
}

/* Custom styles for the dropdown */
.elegant-dropdown {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px; /* Increase the border-radius for smoother edges */
  background-color: #f5f5f5;
  color: #333;
  font-size: 16px;
  transition: border-color 0.3s, background-color 0.3s;
  outline: none;
}

.elegant-dropdown:focus {
  border-color: #007BFF;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.elegant-dropdown option {
  font-size: 14px;
}

/* Style the arrow (you may need to create a custom arrow image) */
.elegant-dropdown::-ms-expand {
  display: none;
}
.elegant-dropdown::after {
  content: '\25BC'; /* Down arrow character */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 16px;
  color: #333;
}

/* Tablet view */
@media (max-width: 768px) { /* Adjust the breakpoint as needed for your tablet view */
  .filter_past_event {
     margin-left: 0px;
     margin-top:  10px;
  }
}

/*Mobile view display the button at the bottom */
@media (max-width: 767px) {
  .cat-row.event-item {
      display: flex;
      flex-direction: column;
   
  }

  .event-item__details {
      order: 1;
  }

  .event-item__image {
      order: 2;
      margin-top: 10px; /* Adjust margin as needed */
  }
  .event-list .button {
  margin-bottom: 10px;
  }
  .event-list .event-item__category {
  margin-bottom: -10px;
  }
}

/*End Past Event Button and Dropdown Code CSS November 3, 2023 */

/* Start Hide input field in event form code November 6, 2023 */

.gf_readonly{
  display: none;
}

.separator{
  display: inline-block;
  margin-right: 10px; /* Adjust the value as per your requirement */
  padding-left: 10px; /* Adjust the value as per your requirement */

}

/* End Hide input field in event form code November 6, 2023 */

/* Start button in event form code November 6, 2023 */

.button_event{
  display: block;
  background-color: #e87722;
  box-sizing: border-box;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
  padding: 10px 20px;
  transition: background-color .5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button_event:hover {
  background-color: #0d3b70;
  color: #fff;
}

/* End button in event form code November 6, 2023 */

/* Start Dropdown button in events page code November 6, 2023 */
.elegant-dropdown{
  border-radius: 5px;
  font-size: 16px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f5f5f5;
  color: #333;
  font-size: 16px;
  transition: border-color 0.3s, background-color 0.3s;
  outline: none;
}
/* End Dropdown button in events page code November 6, 2023 */

/* Start Video Block in course page code November 6, 2023 */
.video-container-coursepage {
  min-height: 675px;
  position: relative;
  display: block;
  width: 100%;
}

.video-iframe-coursepage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 675px;
}
/* End Video Block in course page code November 6, 2023 */

/* Start Accreditation block fix text and button in course page code November 7, 2023 */
.overview__quicklinks--text1 {
  display: inline-block;
  vertical-align: middle;
}
/* End Accreditation block fix text and button in course page code November 7, 2023 */

/* Start Video Block in course page code November 6, 2023 */
.video-container-coursepage {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100) */
  height: 0;
  overflow: hidden;
  margin-bottom: -120px;
}

.video-iframe-coursepage {
  position: absolute;
  top: 0;
  left: 0;
  width: 68%;
  height: 70%;
  border: none;
}

/* Responsive styles for tablet and mobile devices */
@media (max-width: 768px) {
    .video-container-coursepage {
                padding-bottom: 75%; /* 4:3 aspect ratio for tablets */
            }
        }

@media (max-width: 480px) {
.video-iframe-coursepage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.video-container-coursepage {
  margin-bottom: -0px;
  margin-left: -30px;
}
}
/* End Video Block in course page code November 6, 2023 */

/* Start News page for newsletter button code November 9, 2023 */
/* Mobile Styles (up to 576px) */
@media (max-width: 480px){
  .wp-block-button a {
    padding: 8px 16px;
  }
  .centered-button {
    margin-top: 6px;
    text-align: center;
  }
  .social-icons {
    text-align: center;
    margin-top: 71px !important;
    margin-right: 71px !important;
  }
  .news-date {
    margin: 10px 0;
    text-align: center;
  }
  .news-author {
    margin-top: -140px;
    text-align: center;
  }
  .news-content {
    padding: 10px 0;
  }
  .centered-content1 {
    text-align: center;
    margin-top: 151px !important;
}
}

.social-icons {
   margin-top: -40px;
   margin-right: 50px;
  }
  /*
   .news-author {
    margin: 15px 0;
    text-align: center;
  }
  .news-date {
    margin: 15px 0;
    text-align: center;
  }
  .centered-content1{
    margin-top: -40px;
    margin-left: 15px;
  }
/* End News page for newsletter button code November 9, 2023 */
    


/* Start banner on homepage code November 9, 2023 */
@media (max-width: 480px){
  .mobile {display:block;}
  .desktop { display:none !important;
     }  
     
     
}
/* End banner on homepage code November 9, 2023 */


/* Start banner on homepage code November 22, 2023 */
@media (max-width: 600px){

  .home__slider .swiper-container {
    width: 100%;
    height: 385px;
    margin-bottom: -120px;
}
}

/* End banner on homepage code November 22, 2023 */

/* Start maphub code November 22, 2023 */
@media (max-width: 480px){

  .maphub {
      min-width: 0px;
      display: block;
      margin: 0px auto;
      height: 200px;
  }
          
  }
  /* End maphub code November 22, 2023 */
  

  /* Start Four Columns  in about page code January 3, 2024 */
@media (max-width: 480px){

  .four_column_about {
      height: 800px;
  }
          
  }

  @media (max-width: 768px) {
    .four_column_about {
      height: 700px;
  }
        }

        .four_column_about {
          height: 800px;
      }
  /* End Four Columns  in about page code January 3, 2024 */

  /* News Page Adjust select widths for mobile */
@media (max-width: 767px) {
   
  #categoryFilter {
      width: 100%; /* Set the width to 100% for mobile */
      margin-bottom: 10px; /* Add some bottom margin for spacing */
      margin-top: 5px;
  }
}

/* News Page Center the filter button on mobile */
@media (max-width: 767px) {
  .filter-button-container {
      display: flex;
      justify-content: center; /* Centers the button horizontally */
      margin-bottom: 20px; /* Optional: adds some spacing below the button */
  }
}

#filterContentButton {
  background-color: #407EC9; /* Sets the background color */
  border-color: #407EC9; /* Sets the border color to match the background */
  color: #ffffff; /* Sets the text color to white for better visibility */
}

#filterContentButton:hover {
  background-color: #35699a; /* Darker shade for hover effect */
  border-color: #35699a; /* Border color to match on hover */
}

/* Instructor and Student Page Adjust select widths for mobile */
@media (max-width: 768px) {
  .form-control {
      width: auto; /* or any other value you prefer */
  }
}
@media (max-width: 768px) {
  #filterButton {
      width: 100px;
      margin-top: 50px;
      display: block;
      margin-left: -125px;
      margin-right: auto;
  }
   #courseFilter {
      width: 365px;
      margin-top: 5px;
      display: block;
      margin-left: auto;
      margin-right: auto;
  }
}

/* Student Page Add Margin for mobile */
@media only screen and (max-width: 767px) {
  .student-stories .container {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.df-popup-thumb {  
  width: 240px !important;
}


/* Student Story issue fix in mobile */
.container_student_h {
  font-weight: 800 !important;
}

@media only screen and (max-width: 768px) {
  .container_student_p {
  margin-left: -45px;
  width: 350px;
}
.container_student_h {
  width: 350px;
  margin-left: -45px;
}

/* Google search fixed issue */
.gsc-control-cse {
  max-width: 100% !important;
  float: right !important;
}

}

/* Enable the close button in Pop-up */
#pum-52181 .pum-close {
  display: block !important;
}

/* Enable the close button in Pop-up */
#pum-52878 .pum-close {
  display: block !important;
}

/* Remove this after virtual open week */
/* Custom burger menu adjustments */
.burger-menu {
  position: fixed;
  top: 0; 
  right: 10px;
  z-index: 99999; /* Keep the burger menu above the banner */
  margin-top: 60px; /* Adjust based on the banner height */
}

@media (max-width: 1200px) {
  .mob-menu-header-holder {
     background-color: transparent;
 }
}
/* For mobile screens (max width 767px) */
@media (max-width: 767px) {
 .simple-banner {
     padding: 5px 0;
     text-align: center;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 1; /* Banner behind the menu */
 }

 .burger-menu {
     position: relative;
     z-index: 2; /* Menu above the banner */
     margin-top: 60px; /* Adjust space for the menu */
 }
}

/* For small tablets (768px to 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
 .simple-banner {
     padding: 5px 0;
     text-align: center;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 1; /* Banner behind the menu */
 }

 .burger-menu {
     position: relative;
     z-index: 2; /* Menu above the banner */
     margin-top: 70px; /* Adjust space for the menu on tablets */
 }
}

/* For larger tablets (1024px to 1366px, including iPad and iPad Mini) */
@media (min-width: 1024px) and (max-width: 1366px) {
 .simple-banner {
     padding: 5px 0;
     text-align: center;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 1; /* Banner behind the menu */
 }

 .burger-menu {
     position: relative;
     z-index: 2; /* Menu above the banner */
     margin-top: 80px; /* Adjust space for the menu on iPad and larger tablets */
 }
}

 /* Adjust margins for mobile and tablet screens */
 @media (max-width: 992px) { /* Adjust the max-width as needed */
  .subscribe-cta {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

#input_1_15_raw {
  padding-left: 46px !important;
}
.iti__tel-input {
  padding-left: 46px !important;
}


 /* Toggle CSS code for course page */
.toggle-container {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  align-items: center;
}

.custom-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
}

/* Hide default checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Custom checkbox style */
.checkmark {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #f9f9f9;
  border: 2px solid #003a70;
  border-radius: 4px;
  margin-right: 8px;
  position: relative;
}

/* When checkbox is checked */
.custom-checkbox input:checked ~ .checkmark {
  background-color: #003a70;
  border-color: #003a70;
}

/* Add icon inside checked box */
.custom-checkbox input:checked ~ .checkmark::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 12px;
  height: 18px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

#form-container-inquire,
#form-container-apply {
  margin-top: 20px;
}

#form-subheading {
  font-size: 16px;
  margin-bottom: 15px;
}

/*.study_mode .typer li:nth-of-type(2), .study_mode .typer li:nth-of-type(3), .study_mode .typer li:nth-of-type(4), .study_mode .typer li:nth-of-type(5), .study_mode .typer li:nth-of-type(6), .study_mode .typer li:nth-of-type(7), .course_type .typer li:nth-of-type(8) {
  display: none;
}*/

#form-subheading {
  margin-bottom: 20px;
}



/* HubSpot Form Styling to match EIT website theme */
.hs-form-frame {
  font-family: 'bio-sans', sans-serif !important;
}

/* Form container styling */
.hs-form-frame .hs-form {
  background-color: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 13px -7px #d6d9e1, 5px 5px 15px 5px transparent !important;
  padding: 30px !important;
}

/* Form field styling */
.hs-form-frame .hs-form-field input[type="text"],
.hs-form-frame .hs-form-field input[type="email"],
.hs-form-frame .hs-form-field input[type="tel"],
.hs-form-frame .hs-form-field select,
.hs-form-frame .hs-form-field textarea {
  border: 1px solid #d6d9e1 !important;
  border-radius: 4px !important;
  padding: 12px 15px !important;
  font-size: 16px !important;
  color: #0d3b70 !important;
  background-color: #fff !important;
  transition: border-color 0.3s ease-in-out !important;
}

.hs-form-frame .hs-form-field input[type="text"]:focus,
.hs-form-frame .hs-form-field input[type="email"]:focus,
.hs-form-frame .hs-form-field input[type="tel"]:focus,
.hs-form-frame .hs-form-field select:focus,
.hs-form-frame .hs-form-field textarea:focus {
  outline: none !important;
  border-color: #3a7bc8 !important;
  box-shadow: 0 0 0 2px rgba(58, 123, 200, 0.2) !important;
}

/* Form labels */
.hs-form-frame .hs-form-field label {
  color: #0d3b70 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Submit button styling */
.hs-form-frame .hs-button {
  background-color: #3a7bc8 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 12px 30px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.5s ease-in-out !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.hs-form-frame .hs-button:hover {
  background-color: #0d3b70 !important;
  color: #fff !important;
}

/* Error styling */
.hs-form-frame .hs-error-msgs {
  color: #dc3545 !important;
  font-size: 14px !important;
  margin-top: 5px !important;
}

.hs-form-frame .hs-form-field.hs-error input,
.hs-form-frame .hs-form-field.hs-error select,
.hs-form-frame .hs-form-field.hs-error textarea {
  border-color: #dc3545 !important;
}

/* Success styling */
.hs-form-frame .hs-form-field.hs-success input,
.hs-form-frame .hs-form-field.hs-success select,
.hs-form-frame .hs-form-field.hs-success textarea {
  border-color: #28a745 !important;
}

/* Form field spacing */
.hs-form-frame .hs-form-field {
  margin-bottom: 20px !important;
}

/* Required field indicator */
.hs-form-frame .hs-form-field .hs-error-msgs .invalid-error {
  color: #dc3545 !important;
}

/* Form title styling */
.hs-form-frame .hs-form-title {
  color: #0d3b70 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
}

/* Form description */
.hs-form-frame .hs-form-description {
  color: #666 !important;
  font-size: 16px !important;
  margin-bottom: 25px !important;
}

/* Checkbox and radio styling */
.hs-form-frame .hs-form-field input[type="checkbox"],
.hs-form-frame .hs-form-field input[type="radio"] {
  accent-color: #3a7bc8 !important;
}

.hs-form-frame .hs-form-field input[type="checkbox"] + label,
.hs-form-frame .hs-form-field input[type="radio"] + label {
  color: #0d3b70 !important;
  font-weight: 500 !important;
  margin-left: 8px !important;
}

/* Loading state */
.hs-form-frame .hs-form-loading {
  opacity: 0.7 !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .hs-form-frame .hs-form {
    padding: 20px !important;
  }
  
  .hs-form-frame .hs-form-field input[type="text"],
  .hs-form-frame .hs-form-field input[type="email"],
  .hs-form-frame .hs-form-field input[type="tel"],
  .hs-form-frame .hs-form-field select,
  .hs-form-frame .hs-form-field textarea {
    font-size: 16px !important; /* Prevents zoom on iOS */
  }
}

.subscribe-cta .hs-form-frame .hs-form-title {
  display: none;
}

.subscribe-cta .hs-form-frame .hs-form-description {
  display: none;
}

.subscribe-cta .hs-form-frame .hs-form-field input[type="checkbox"],
.subscribe-cta .hs-form-frame .hs-form-field input[type="checkbox"] + label {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
}

.subscribe-cta .hs-form-frame .hs-form-loading {
  display: none;
}

/* Hide any HubSpot form headers or titles that might be showing */
.subscribe-cta .hs-form-frame .hs-form-header,
.subscribe-cta .hs-form-frame .hs-form-header *,
.subscribe-cta .hs-form-frame .hs-form-header h1,
.subscribe-cta .hs-form-frame .hs-form-header h2,
.subscribe-cta .hs-form-frame .hs-form-header h3,
.subscribe-cta .hs-form-frame .hs-form-header p,
.subscribe-cta .hs-form-frame .hs-form-header span {
  display: none !important;
}

/* Hide any other potential highlighted text elements */
.subscribe-cta .hs-form-frame .hs-form-field .hs-field-desc,
.subscribe-cta .hs-form-frame .hs-form-field .hs-field-name,
.subscribe-cta .hs-form-frame .hs-form-field .hs-error-msgs .hs-error-msg {
  display: none !important;
}

/* Custom CSS for aroundtheworld_column */
.aroundtheworld_column {
  margin-left: -270px !important;
}

/* ECT Logo Shortcode Styles - 2 Column Layout */
.ect-logo-container {
  display: flex;
  align-items: center;
  padding: 30px;
  background-color: #0d3b70;
  border-radius: 10px;
  margin: 20px 0;
  gap: 50px;
}

.ect-logo-container .ect-logo-column {
  flex: 0 0 35%;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ect-logo-container .ect-content-column {
  flex: 0 0 60%;
  text-align: left;
}

.ect-logo-container .ect-logo {
  max-width: 200px;
  height: auto;
  display: block;
}

.ect-logo-container .ect-description {
  color: #fff;
  font-size: 16px;
  margin: 0 0 20px 0;
  line-height: 1.5;
  font-weight: 400;
}

.ect-logo-container .ect-learn-more-btn {
  display: inline-block;
  background-color: #407EC9;
  color: #fff;
  padding: 10px 25px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: background-color 0.3s ease;
  text-transform: none;
}

.ect-logo-container .ect-learn-more-btn:hover {
  background-color: #3a7bc8;
  color: #fff;
  text-decoration: none;
}

/* Responsive design for mobile */
@media (max-width: 768px) {
  .ect-logo-container {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }
  
  .ect-logo-container .ect-logo-column {
    text-align: center;
    justify-content: center;
  }
  
  .ect-logo-container .ect-content-column {
    text-align: center;
  }
}

/* -----------------------------------------------------------
   Subscribe CTA
----------------------------------------------------------- */
.acf-subscribe-cta {
  background: #e87722 !important;
  padding: 60px 0 !important;
  color: #ffffff !important;
}

.acf-subscribe-cta::before {
  content: none;
  display: none;
}

.acf-subscribe-cta .container {
  position: static;
}

.acf-subscribe-cta .subscribe-cta__card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  display: block !important;
  gap: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  text-align: left;
  font-family: 'Bio Sans', 'Open Sans', sans-serif;
}

.acf-subscribe-cta .subscribe-cta__header {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  margin: 0 !important;
  padding-right: 40px !important;
}

.acf-subscribe-cta .subscribe-cta__heading {
  margin: 0;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
  color: #ffffff;
}

.acf-subscribe-cta .subscribe-cta__description {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
}

.acf-subscribe-cta .subscribe-cta__form {
  width: 100%;
}

/* Ensure proper Bootstrap grid behavior */
.acf-subscribe-cta .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.acf-subscribe-cta .col-lg-6 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.acf-subscribe-cta .hs-form fieldset {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.acf-subscribe-cta .hs-form .hs-form-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.acf-subscribe-cta .hs-form .hs-form-field.field-half {
  flex: 1 1 calc(50% - 7.5px) !important;
  max-width: calc(50% - 7.5px) !important;
}

.acf-subscribe-cta .hs-form .hs-form-field.field-full {
  flex: 1 1 100% !important;
  max-width: 100% !important;
}

.acf-subscribe-cta .hs-form .hs-form-field:not(.checkbox-field) label {
  display: none !important;
}

.acf-subscribe-cta .hs-form .hs-input,
.acf-subscribe-cta .hs-form textarea.hs-input,
.acf-subscribe-cta .hs-form select.hs-input {
  width: 100% !important;
  border-radius: 5px !important;
  border: 1px solid #ffffff !important;
  background: #ffffff !important;
  color: #333333 !important;
  padding: 12px 15px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-family: 'Bio Sans', 'Open Sans', sans-serif !important;
  box-shadow: none !important;
}

.acf-subscribe-cta .hs-form .hs-input::placeholder,
.acf-subscribe-cta .hs-form textarea.hs-input::placeholder {
  color: #666666 !important;
  opacity: 1 !important;
}

.acf-subscribe-cta .hs-form select.hs-input {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 15px) center !important;
  background-size: 10px 6px !important;
  padding-right: 40px !important;
}

.acf-subscribe-cta .hs-form select.hs-input option {
  color: #333333 !important;
}

.acf-subscribe-cta .hs-form .hs-form-field.checkbox-field {
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.acf-subscribe-cta .hs-form .hs-form-field.checkbox-field label {
  display: block !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: #ffffff !important;
}

.acf-subscribe-cta .hs-form .inputs-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.acf-subscribe-cta .hs-form .inputs-list li {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.acf-subscribe-cta .hs-form .inputs-list input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border-radius: 3px !important;
  border: 1px solid #ffffff !important;
  background: #ffffff !important;
  accent-color: #e87722 !important;
  margin: 0 !important;
  margin-top: 2px !important;
}

.acf-subscribe-cta .hs-form .hs-richtext {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  flex: 1 1 100% !important;
  max-width: 100% !important;
}

.acf-subscribe-cta .hs-form .hs-richtext + .hs-richtext {
  margin-top: 10px !important;
}

.acf-subscribe-cta .hs-form .hs-richtext a {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.acf-subscribe-cta .hs-form .actions,
.acf-subscribe-cta .hs-form .hs-submit {
  flex: 1 1 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin-top: 20px !important;
}

.acf-subscribe-cta .hs-form .hs-button.primary {
  background: #003a70 !important;
  color: #ffffff !important;
  border-radius: 5px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  border: none !important;
  text-transform: none !important;
  transition: background 0.3s ease !important;
  box-shadow: none !important;
  min-width: 120px !important;
}

.acf-subscribe-cta .hs-form .hs-button.primary:hover {
  background: #002f59 !important;
}

@media (max-width: 991px) {
  .acf-subscribe-cta {
    padding: 50px 0;
  }

  .acf-subscribe-cta .subscribe-cta__header {
    padding-right: 0;
    margin-bottom: 30px;
    text-align: center;
  }

  .acf-subscribe-cta .subscribe-cta__heading {
    font-size: 28px;
    line-height: 1.25;
  }

  .acf-subscribe-cta .subscribe-cta__description {
    font-size: 16px;
  }

  .acf-subscribe-cta .hs-form fieldset {
    gap: 15px !important;
  }

  .acf-subscribe-cta .hs-form .hs-form-field.field-half {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }

  .acf-subscribe-cta .hs-form .actions,
  .acf-subscribe-cta .hs-form .hs-submit {
    justify-content: center !important;
  }
}

@media (max-width: 767px) {
  .acf-subscribe-cta {
    padding: 40px 0;
  }

  .acf-subscribe-cta .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .acf-subscribe-cta .subscribe-cta__header {
    margin-bottom: 25px;
  }

  .acf-subscribe-cta .subscribe-cta__heading {
    font-size: 24px;
  }

  .acf-subscribe-cta .subscribe-cta__description {
    font-size: 15px;
  }

  .acf-subscribe-cta .hs-form fieldset {
    gap: 12px !important;
  }

  .acf-subscribe-cta .hs-form .hs-form-field.checkbox-field {
    align-items: flex-start !important;
  }
}

@media (max-width: 480px) {
  .acf-subscribe-cta {
    padding: 35px 0;
  }

  .acf-subscribe-cta .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .acf-subscribe-cta .subscribe-cta__header {
    margin-bottom: 20px;
  }

  .acf-subscribe-cta .subscribe-cta__heading {
    font-size: 22px;
  }

  .acf-subscribe-cta .subscribe-cta__description {
    font-size: 14px;
  }

  .acf-subscribe-cta .subscribe-cta__form {
    max-width: 100%;
  }

  .acf-subscribe-cta .hs-form fieldset {
    gap: 10px !important;
  }

  .acf-subscribe-cta .hs-form .hs-input,
  .acf-subscribe-cta .hs-form textarea.hs-input,
  .acf-subscribe-cta .hs-form select.hs-input {
    padding: 10px 12px !important;
    font-size: 14px !important;
  }

  .acf-subscribe-cta .hs-form .hs-button.primary {
    padding: 10px 20px !important;
    font-size: 14px !important;
    width: 100% !important;
    max-width: 200px !important;
  }
}

/* -----------------------------------------------------------
   Content Cards (Shared between Content Grid & Latest News)
----------------------------------------------------------- */
.content-grid__filters {
  padding: 15px 0;
}

.content-grid__filters .form-control {
  min-height: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.content-grid-layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(250px, 355px));
  gap: 30px;
  margin-bottom: 30px;
  justify-content: center;
}

.content-item-wrapper {
  width: 100%;
  max-width: 365px;
  margin: 0 auto;
}

.content-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
}

.content-card .card-img-top {
  width: 100%;
  height: 275px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}

.content-card .card-body {
  padding: 20px 15px 15px 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}

.content-title {
  font-size: 20px;
  font-weight: bold;
  color: #003a70;
  margin: 0 0 10px 0;
  line-height: 1.2;
}

.content-title a {
  color: #003a70;
  text-decoration: none;
}

.content-title a:hover {
  color: #407ec9;
  text-decoration: none;
}

.post-excerpt {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  margin: 0 0 10px 0;
  flex-grow: 1;
}

.post-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  margin-bottom: 10px;
}

.post-meta .date {
  font-size: 14px;
  color: #003a70;
  font-weight: 600;
}

.post-categories {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.post-categories .tag-pill {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 30px;
  background-color: transparent;
  border: 1px solid #407EC9;
  color: #407EC9;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.post-categories .tag-pill:hover {
  background-color: #407EC9;
  color: #fff;
}

.read-time {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}

.read-time .clock {
  width: 20px;
  height: 20px;
}

.read-time .icon {
  width: 100%;
  height: 100%;
}

.content-cta {
  color: #003a70 !important;
  text-decoration: none !important;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
}

.content-cta:hover {
  color: #407EC9 !important;
}

.content-cta::after {
  content: "›";
  font-size: 18px;
  font-weight: 700;
  color: inherit;
  transition: transform 0.3s ease;
}

.content-grid__load-more-wrap {
  margin-top: 20px;
}

.content-grid__load-more {
  background: #003a70;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 14px 40px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  box-shadow: 0 18px 35px rgba(0, 58, 112, 0.3);
}

.content-grid__load-more:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 42px rgba(0, 58, 112, 0.35);
}

.content-grid__load-more.is-loading {
  opacity: 0.65;
  cursor: wait;
}

@media (max-width: 1200px) {
  .content-grid-layout {
    grid-template-columns: repeat(2, minmax(250px, 365px));
    gap: 25px;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .content-grid-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .content-item-wrapper {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .content-grid-layout {
    gap: 15px;
  }

  .content-card .card-body {
    padding: 15px 12px 12px 12px;
  }
}