@font-face {
  font-family: "Inter H1";
  src: url("../fonts/Inter_28pt-SemiBold.ttf");
}
@font-face {
  font-family: "Inter M";
  src: url("../fonts/Inter_24pt-Medium.ttf");
}
@font-face {
  font-family: "Plus Jakarta";
  src: url("../fonts/PlusJakartaSans-Regular.ttf");
}
.hide-on-mobile {
  display: flex;
}

.hide-on-xs {
  display: flex;
}

@media (max-width: 960px) {
  #hero-section {
    height: 95vh !important;
    min-height: 30em !important;
  }
  #hero-section .floater {
    height: 40em !important;
    width: 40em !important;
  }
  .mud-main-content {
    margin-top: 0 !important;
  }
}
@media (max-width: 700px) {
  .hide-on-mobile {
    flex: none;
    display: none !important;
  }
}
@media (max-width: 500px) {
  .hide-on-xs {
    flex: none;
    display: none !important;
  }
  .services-list .service div:first-child svg {
    width: 100%;
  }
}
@media (max-width: 1240px) {
  #header .mid-section {
    display: none !important;
  }
  #header .end-section .mobile-menu-btn {
    display: block !important;
  }
}
@media (min-width: 1240px) {
  #header .mid-section {
    display: flex !important;
  }
  #header .end-section .mobile-menu-btn {
    display: none !important;
  }
}
body {
  font-family: "Plus Jakarta";
}

html {
  scroll-padding-top: 145px;
}

#hero-section {
  height: 90vh;
  min-height: 45em;
  display: flex;
  align-items: center;
  padding-top: 0 !important;
}
#hero-section .floater {
  background: #001489;
  height: 50em;
  width: 50em;
  position: absolute;
  left: -5%;
  border-radius: 50%;
  opacity: 0.1;
}
#hero-section .floater .inner-floater-1 {
  width: 10em;
  height: 10em;
  background: #4E97F7;
  right: 0em;
  position: absolute;
  border-radius: 50%;
}
#hero-section .clip-image {
  padding-top: 100%;
  border-image-slice: 1;
  border-radius: 70% 30% 30% 70%/60% 40% 60% 40%;
  background: #efefef url(../images/bib_gown.png) center center;
  background-size: 100%;
}

#header {
  background: #e11;
  transition: margin 0.3s ease, opacity 0.3s ease;
  border-top: 4px solid #009a44;
}
#header .mud-grid-item {
  padding-left: 0 !important;
}
#header .nav-menu {
  padding-left: 10px;
}
#header .nav-menu a {
  font-family: "Plus Jakarta";
  font-weight: 400;
  color: #666;
  border-radius: 20px !important;
  background: none !important;
  color: #232323;
}
#header .nav-menu a .mud-nav-link-text {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
#header .nav-menu .active-nav {
  color: #001489 !important;
}
#header .nav-menu-mobile a {
  font-family: "Plus Jakarta";
  font-weight: 400;
  color: #666;
  border-radius: 20px !important;
  background: none !important;
  color: #232323;
}
#header .nav-menu-mobile a .mud-nav-link-text {
  margin-left: 10px !important;
  margin-right: 10px !important;
  padding: 5px 0 !important;
  padding: 5px 0 !important;
  text-align: center !important;
  font-size: 18pt;
}
#header .nav-menu-mobile .active-nav {
  color: #001489 !important;
}
#header .mud-menu {
  margin-right: 0px !important;
  padding: 4px;
}
#header .mud-menu .mud-menu-activator button {
  background: none !important;
  border-radius: 20px;
  padding: 10px 15px;
}

#header.padded-top {
  top: 45px;
}

#header.top-most {
  top: 0 !important;
}

#working-hours-header {
  background: #001489;
  height: 45px;
  color: #fff;
}
#working-hours-header a {
  color: #fff !important;
}
#working-hours-header svg {
  margin-right: 15px;
}

div.nav-dropdown a.mud-list-item {
  padding: 15px 20px !important;
}

#footer {
  border-top: none;
  padding-top: 50px;
  margin-top: 50px;
}
#footer .socials button {
  border: 1px solid #ccc;
}
#footer .footer-link {
  padding: 10px 0 !important;
  background: none !important;
  width: 100%;
  text-align: left !important;
  color: #fff !important;
}
#footer .footer-link span {
  text-align: left !important;
  justify-content: left;
}
#footer svg {
  color: #fff;
}
#footer .contact-card a {
  color: #fff !important;
}

.stats-section .mud-grid {
  background-color: #001489 !important;
  border-radius: 20px;
  margin-left: 0 !important;
  width: 100% !important;
  padding: 0 24px;
}
.stats-section .mud-grid .mud-grid-item {
  text-align: center !important;
  width: 100% !important;
  padding: 1em !important;
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stats-section .mud-grid .mud-grid-item .container .stat {
  width: 100%;
  text-align: center;
  font-size: 40px;
  font-family: "Inter H1";
  font-weight: 600;
  color: #fff;
}
.stats-section .mud-grid .mud-grid-item.divi {
  padding: 0 0 !important;
}

.news-card {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin-bottom: 3em;
  padding: 0.7em;
  background: #fff;
}
.news-card .mud-card-media {
  border-radius: 15px !important;
}
.news-card .mud-card-content {
  padding: 15px 0 !important;
}
.news-card .mud-card-content b {
  font-family: "Inter M";
  font-size: 19px;
}
.news-card .mud-card-content a {
  padding: 0 !important;
  margin-top: 10px;
}
.news-card .mud-card-content a svg {
  margin-left: 10px;
}
.news-card .mud-card-content a:hover {
  background: none !important;
}
.news-card .mud-card-actions {
  padding: 0 !important;
}
.news-card .mud-card-actions button {
  padding: 0 !important;
  background: none !important;
}

.mud-card.main {
  border-radius: 20px !important;
  box-shadow: none;
  border: 1px solid #eee;
}
.mud-card.main .mud-card-content {
  padding: 32px 16px;
  text-align: center;
}
.mud-card.main .mud-card-content p {
  height: 40px;
  color: #888;
}
.mud-card.main .mud-card-content h6 {
  margin-bottom: 10px;
}

.action-btn {
  padding: 16px 32px;
  border-radius: 20px;
}

.sec-action-btn {
  padding: 12px 16px;
  border-radius: 10px;
}

.primary.action-btn {
  background-color: #001489;
  color: white;
  text-transform: capitalize;
}

.secondary.action-btn, .secondary.sec-action-btn {
  background-color: #cdd2f0;
  color: black;
  text-transform: capitalize;
}

a.mud-button.mud-button-text.mud-button-text-default.to-primary:hover {
  background: #001489;
}

.action-btn.primary, .action-btn.secondary {
  box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 15px !important;
}

h1, h2, h3 {
  font-family: "Inter H1" !important;
}

h4, h5 {
  font-family: "Inter M" !important;
}

.mud-input.mud-input-outlined {
  border-radius: 10px !important;
  border: none !important;
}
.mud-input.mud-input-outlined .mud-input-outlined-border {
  border-radius: 10px !important;
}

.mud-button-filled {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.mud-button-filled:hover {
  box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px !important;
}

.mud-icon-button {
  border-radius: 50% !important;
}

a.card-link:hover .mud-card {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}
a.card-link:hover .mud-card .mud-card-content h6 {
  color: #001489;
}

.text-center {
  text-align: center !important;
}

.mud-expand-panel.faq {
  border: 1px solid #f9f9f9;
  background: #fff !important;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.mud-expand-panel.mud-panel-expanded {
  border: 1px solid #eee;
}
.mud-expand-panel.mud-panel-expanded .mud-expand-panel-text {
  color: #001489;
}

.services-icons .service {
  height: 250px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services-icons .service div.icon {
  height: 110px;
}
.services-icons .service svg, .services-icons .service img {
  width: 100px !important;
  height: auto !important;
  transition: width 0.3s ease-in-out;
}
.services-icons .service label {
  margin-top: 14px;
  font-size: 15pt;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center !important;
}
.services-icons .service:hover svg, .services-icons .service:hover img {
  width: 108px !important;
}

.services-icons.colored .service .outer {
  padding: 15px 10px;
  width: 100%;
  background: #001489;
  color: #fff;
  border-radius: 10px;
}
.services-icons.colored .service .outer img {
  filter: invert(100%);
  padding-top: 20px;
}
.services-icons.colored .service:first-child {
  padding-left: 0 !important;
}

.publication p.description {
  font-size: 14pt;
  margin-bottom: 7px;
}
.publication .stats .col {
  border-left: 1px solid #ddd;
  padding-left: 15px;
  padding-right: 15px;
}
.publication .stats .col:first-child {
  border-left: none !important;
  padding-left: 0;
}

.publication:hover .title {
  color: #001489;
}

.addresses-cards .mud-card.mud-paper {
  border: 1px solid #eee;
  min-height: 150px;
  display: flex;
  align-items: center !important;
  justify-content: center;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 15px !important;
}
.addresses-cards .mud-card.mud-paper .mud-card-content {
  flex-grow: unset !important;
}

button#back-to-top-btn.hidden {
  display: none !important;
}

.services-list .service {
  display: flex;
  background: #f3f3f3;
  border-radius: 20px;
  margin-bottom: 50px !important;
}
.services-list .service div:first-child {
  width: 30% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
}
.services-list .service div:first-child svg {
  width: 65%;
  min-width: 80px;
  background: #f3f3f3;
  padding: 5px;
}
.services-list .service div:nth-child(2) {
  width: 70%;
  padding: 15px;
  padding-left: 0;
}

.mud-grid.zeroed, .mud-grid-item.zeroed {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
}

table.services-table thead th {
  background: #001489;
  color: #fff;
}
table.services-table th, table.services-table td {
  padding: 14px;
}
table.services-table th:last-child, table.services-table td:last-child {
  text-align: center;
}
table.services-table td:last-child {
  background: #009a44 !important;
  color: #fff;
  font-weight: 800;
}
table.services-table tr:nth-child(2n) td {
  background: #eee;
}