/* home carousal */
.home-carousel #page-wrapper .carousel__item .promo .promo__main:before {
  background-color: var(--coral) !important;
}
/* List Styles */
.listacle--wrapper {
  display: block;
  margin: 0 auto;
  max-width: 55rem;
  padding: 1rem;
}

.listacle--wrapper ol {
  counter-reset: gradient-counter;
  list-style: none;
  margin: 1.75rem 0;
  padding-left: 1rem;
}
.listacle--wrapper  ol> li {
  background: white;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  counter-increment: gradient-counter;
  margin-top: 1rem;
  min-height: 3rem;
  padding: 1rem 1rem 1rem 3rem;
  position: relative;
}
.listacle--wrapper ol> li::before, .listacle--wrapper ol > li::after {
  background: var(--coral);
  border-radius: 1rem 1rem 0 1rem;
  content: "";
  height: 3rem;
  left: -1rem;
  overflow: hidden;
  position: absolute;
  top: -1rem;
  width: 3rem;
}
.listacle--wrapper ol > li::before {
  align-items: flex-end;
  content: counter(gradient-counter);
  color: #1d1f20;
  display: flex;
  font-weight: 700;
font-size:2.25rem;
  justify-content: flex-end;
  padding: 0.125em 0.25em;
  z-index: 1;
}

.listacle--wrapper ol > li + li {
  margin-top: 1.75rem;
}

.listacle--wrapper ol > li::before, .listacle--wrapper ol > li {
box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.05), 0 0.5rem 1.125rem rgba(75, 0, 0, 0.05);
}

/* Profile Styles */
/*spotlight Profile */
.profiles--section-display{
 	width: 100%;
}
.profile--cards-wrapper{
	display: flex;
    flex-wrap: wrap;
}

.profile--cards-wrapper .grid--item{
	max-width: 22%;
}

.profile--cards-wrapper .grid--item img{
	margin-bottom: 0px;
}
.profile--cards-wrapper .single-profile-details {
    background: var(--navy);
    padding: 1rem !important;
    margin: 0rem;
    color: var(--offwhite);
}
.profile--cards-wrapper .card-front--detail{
 	display: flex;
	flex-direction: column;
}
.profile--cards-wrapper .single-profile-details .grid__main-name{
    color: var(--offwhite);
    font-weight: 700;
    font-size: max(4vh, 2rem);
    text-transform: capitalize;
	margin: 0.75rem 0rem 0.75rem 0rem;
}
.profile--cards-wrapper .single-profile-details .grid__main-subject{
    padding: 0;
    text-transform: none;
    font-size: max(3vh,1.75rem);
	font-weight: 500;
	margin: 0.75rem 0rem 0rem 0rem;
}

.profile--cards-wrapper .modal-content .modal-header h1, .profile--cards-wrapper .modal-content .modal-header h2, .profile--cards-wrapper .modal-content .modal-header h3, .profile--cards-wrapper .modal-content .modal-header h4, .profile--cards-wrapper .modal-content .modal-header h5, .profile--cards-wrapper .modal-content .modal-header h6 {
  margin: 0.5rem auto 0rem;
}
.profile--cards-wrapper .text-left {
  text-align: left;
}
.profile--cards-wrapper .button {
	color: #ffff !important;
	background: var(--theme) !important;
	border-color: var(--theme) !important;
	align-items: center;
	border-radius: 0rem;
  	font-weight: 700;
  	line-height: 1;
  	text-transform: capitalize;;
	cursor: pointer;
	padding: .6875rem 1.25rem .5625rem;
}
.profile--cards-wrapper .button:hover {
	color: var(--navy) !important;
	background: #ffff !important;
	border-color: var(--theme) !important;
	align-items: center;
}
.profile--cards-wrapper table td {
	background: var(--offwhite) !important;
}
.profile--cards-wrapper table th {
	background: var(--offwhite) !important;
	color: var(--theme) !important;
}



/* Modal */
.profile--cards-wrapper .modal-content {
	background-color: var(--offwhite) !important;
    color: var(--navy) !important;
  }
.profile--cards-wrapper  .text-center {
    text-align: center;
}
.profile--cards-wrapper .modal-content .modal-header img {
  max-width: 12rem !important;
  min-width: 12rem;
  max-height: 12rem !important;
  min-height: 12rem;
  border-radius: 100px;
}
.modal-header {
    padding: 2.75rem;
    background-color: var(--offwhite) !important;
    color: var(--navy) !important;
}
.profile--cards-wrapper .modal-header .modal-title {
  color: var(--theme);
}
.profile--cards-wrapper .modal-body .modal-title {
  color: var(--theme);
}
.profile--cards-wrapper .modal-body {
  padding: 0rem 2.7rem;
}
.profile--cards-wrapper .modal-body p {
  color: var(--navy);
}
.profile--cards-wrapper table {
  margin: 2.75rem auto !important;
}
.profile--cards-wrapper .modal-body tr {
  vertical-align: top;
}
.profile--cards-wrapper .profile--social {
  padding-bottom: 0.5rem;
  text-align: center;
}
.profile--cards-wrapper .modal-footer {
    display: flex;
    justify-content: center;
	background: var(--offwhite)
}
.profile--cards-wrapper .modal-footer a.button{
    margin-right: 10px;
}
.profile--cards-wrapper tbody tr:nth-child(odd):last-child td, tbody tr:nth-child(odd):last-child th {
  padding-bottom: 2.75rem;
  border-bottom: .25rem solid var(--theme);
}
.profile--cards-wrapper tbody tr:nth-child(odd):last-child th {
    padding-bottom: 2.75rem;
    border-bottom: 0.25rem solid var(--theme);
}
.profile--cards-wrapper .button i {
    margin-left: 6px;
}
@media (max-width: 768px) {
   .profile--cards-wrapper {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
  }
}

/* End Spotlight Profile */
#profile--wrapper{
background: #f0f5fa;
display: inline-grid;
  width: 100%;
  text-align: center;
}
#profile--wrapper .grid--container{
  justify-content: center;
}
#profile--wrapper .grid{
  padding-top: 1rem;
}
#profile--wrapper .grid--fullwidth {
  background: none !important;
}
#profile--wrapper .card {
box-shadow: 0 0.5rem 0.8rem 0 rgba(0, 0, 0, 0.2);
text-align: left;
font-family: arial;
background-color: #0e2234 !important;
color: white;
}

#profile--wrapper .title {
white-space: nowrap;
overflow: hidden;
margin-bottom:0px;
font-size: calc(0.75rem + .5vw) !important;
}

#profile--wrapper a {
text-decoration: underline;
font-size: inherit;
}

#profile--wrapper a.button {
 text-decoration: none;
 font-size: 1.125rem;
}
#profile--wrapper .grid--item h3 {
color: var(--primary);
font-size: 2rem;
}


#profile--wrapper  .card-title{
    color: var(--theme);
}
#profile--wrapper .modal-body{
  padding: 0rem 2.7rem;
}
#profile--wrapper .modal-body .modal-title {
  color: var(--theme);
}
#profile--wrapper .text-center{
    text-align: center;
}
#profile--wrapper h1{
  font-size: 1.5rem;
}

#profile--wrapper .social-icon {
 margin-left: 10px;
 margin-right: 10px;
padding: 6px;
    background-color: var(--navy);
}
#profile--wrapper a:hover .social-icon {
	background-color: var(--coral);
	color: var(--navy);
}
#profile--wrapper img{
	overflow: hidden;
    margin: 0 0 0rem !important;
    max-width: 50%;
    min-width: 50%;
  
}
#profile--wrapper .modal-content {
background-color: #0e2234 !important;
  color: white;
}
#profile--wrapper .grid__strong {
  font-size: 1rem !important;
  font-weight: 700;
  text-transform: uppercase;
}
#profile--wrapper .grid--fullwidth {
padding: 2.25rem;
  background: #94b7cf52;
}
#profile--wrapper .grid--item {
flex: 1;
min-width: 23%;
}
#profile--wrapper .text-left {
    text-align: left;
}
#profile--wrapper .button {
	color: var(--offwhite) !important;
	background: var(--theme) !important;
	border-color: var(--theme) !important;
	align-items: center;
  	font-size: 0.75rem !important;
	padding: .6875rem 1.25rem .5625rem;
	border-radius: 0rem;
  	font-weight: 700;
  	line-height: 1;
  	text-transform: capitalize;;
	cursor: pointer;
	padding: .6875rem 1.25rem .5625rem;
}
#profile--wrapper .button:hover {
	color: var(--navy) !important;
	background: var(--offwhite) !important;
	border-color: var(--theme) !important;
	align-items: center;
}
#profile--wrapper h5{
   margin: 0px;
}
.profile--social i {
    color: var(--theme);
}
#profile--wrapper .button i {
    margin-left: 6px;
}
#profile--wrapper .model-close-button .button i {
    margin-left: 0px;
}

#profile--wrapper .modal-header .modal-title{
 color: var(--theme);
}
#profile--wrapper .modal-body p{
color:white;
}
#profile--wrapper .modal-body tr{
vertical-align: top;
}
#profile--wrapper td,#profile--wrapper th,#profile--wrapper tr {
background: none;
}
#profile--wrapper .grid--item {
  padding: 0 !important;
margin: 0 0 1.5rem 1.5rem !important;
}

#profile--wrapper .single--profile .grid--item{
display: flex !important;
max-width: 100% !important;
align-items: center;
padding: 0 !important
}
#profile--wrapper .single-profile-details{
    min-width: 50%;
    padding: 1rem;
}
#profile--wrapper .single--profile img, #profile--wrapper .two--profiles .single--image img{
margin: 0 !important;
  width: -webkit-fill-available;
  height: 100%;
}
#profile--wrapper .single--image{
max-width: 20rem;
min-width: 15rem;
}
#profile--wrapper .single--profile .single--image{
max-width: 20rem;
min-width: 20rem;
}
#profile--wrapper .single--profile .short-bio{
width:75%;
padding: 1.5rem;
}
#profile--wrapper .single-profile-details h5,#profile--wrapper .single-profile-details .button{
 margin: 0.75rem 0rem;
}
#profile--wrapper .two--profiles{
display: flex;
width: 100% !important;
}
#profile--wrapper .two--profiles .grid--item {
display: flex;
max-width:50%;
padding: 0 !important;
}
#profile--wrapper .grid--item h5, #profile--wrapper .grid--item .button{
margin: 0.75rem 0rem;
}
#profile--wrapper .modal-content .modal-header img {
max-width: 12rem !important;
min-width: 12rem;
  max-height: 12rem !important;
  min-height: 12rem;
border-radius: 100px;
}
#profile--wrapper .modal-content .modal-header h1,
#profile--wrapper .modal-content .modal-header h2,
#profile--wrapper .modal-content .modal-header h3,
#profile--wrapper .modal-content .modal-header h4,
#profile--wrapper .modal-content .modal-header h5,
#profile--wrapper .modal-content .modal-header h6 {
  margin: 0.5rem auto 0rem;
}
#profile--wrapper .modal-content .model-close-button a{
padding: .6875rem .75rem .5625rem !important;
float: right;
  margin: 5px;
}
#profile--wrapper tbody tr:nth-child(odd):last-child td, tbody tr:nth-child(odd):last-child th {
  padding-bottom: 2.75rem;
  border-bottom: .25rem solid #f0f0f0;
}
#profile--wrapper table {
  margin: 2.75rem auto !important;
}
#profile--wrapper .profile--social{
padding-bottom: 0.5rem;
  text-align: center;
}

/* Profile Styles end */

/* CTA List Campaign Variant list*/
.general-content-listacle {
  display: block;
  margin: 0 auto 3.75rem;
  max-width: 45rem;
  padding: 0;
}

@media (max-width: 768px) {
  .general-content-listacle {
      display: block;
      margin: 0 auto;
      width: 80%;
      padding: 0;
      text-align: left;
      font-size: 1rem;
  }
	body.ov table th, body.ov table td {
    padding-left: 0rem;
  }
	
}

.general-content-listacle .gradient-list a,
.general-content-listacle .gradient-list a:hover {
  text-decoration: none;
  opacity: 1;
  font-weight: 700;
  border: none;
}
.general-content-listacle .gradient-list a:hover {
  color: #ffffff;
}
.general-content-listacle .gradient-list a .list-item::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 0;
  width: calc(100% + 2px);
  height: 100%;
  transition: 0.4s;
  border: none;
  font-weight: 700;
}
.general-content-listacle .gradient-list a .list-item::after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  padding: 0 2px;
  width: 1px;
  height: 100%;
  transition: 0.4s;
}
.general-content-listacle .gradient-list a:hover .list-item::after {
  width: 100%;
  background-color: var(--theme);
  border: 1px solid var(--theme);
  font-weight: 700;
}

.general-content-listacle .list-item {
  background: white;
  background: transparent;
  border: 1px solid var(--theme);
  counter-increment: gradient-counter;
  margin-top: 1rem;
  min-height: 3rem;
  position: relative;
  display: flex;
  padding-left: 1rem;
  justify-content: space-between;
  align-items: center;
  box-shadow: 4px 4px 3px 1px #f1f2f2;
  font-weight: 700;
  font-size: 1.55rem;
}
@media (max-width: 768px) {
  .general-content-listacle .list-item {
      font-size: 1.15rem;
  }
}

.general-content-listacle .list-item .fa-angle-right{
  background-color: var(--theme);
  font-size: 2.5rem;
  color: #ffffff;
  padding: 5px 10px;
  
}

/* clearing variant start */

#clearing .general-content-listacle .gradient-list a:hover {
  color: var(--navy);
}
#clearing .general-content-listacle .gradient-list a:hover .list-item::after {
  background-color: rgb(24, 239, 172);
  border: 1px solid rgb(24, 239, 172);
  border-radius: 0 0.5rem 0.5rem 0.5rem;
}

#clearing .general-content-listacle .list-item {
  background: white;
  background: transparent;
  border: 1px solid #cacaca8c;
  box-shadow: 4px 4px 3px 1px #f1f2f2;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
}

#clearing .general-content-listacle .list-item .fa-angle-right{
  background-color: #18efac;
  color: black;
  border-radius:  0 0.5rem 0.5rem 0rem;
}
/* clearing variant end */

/* END CTA List Campaign Variant */

/* Start New Sticky header  */
.sticky {
          position: fixed !important;
          transform: none !important;
          background-color: #0e2234 !important;
          top: 0;
          width: 100%;
          z-index: 9999;
      }
      .sticky .logo{
          transform: none !important;
          padding: 0.85rem;
      }
      .sticky .logo svg{
          width:8rem;
          height: 2rem;
      }
      .sticky .header__button svg{
          width: 0.75rem;
          height: 0.75rem;
      }
      .sticky .header__buttons button{
          padding: 0.75rem !important;
      }
/* END New Sticky Header */

/* new banner start */

#banner--v3.banner .carousel:before {
  background: var(--navy);
}
#banner--v3.banner.darkgrey .carousel:before {
  background: #222;
}
#banner--v3.banner.clearing .carousel:before {
  background: var(--navy);
  color: var(--clearing);
}

#banner--v3 .grid-container {
  display: grid;
  grid-auto-flow: row dense;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 4rem;
  margin: 8rem 3rem 0rem 3rem;
}
@media (max-width: 768px) {
  #banner--v3 .grid-container {
      display: block; 
      margin: 4.75rem 1.25rem 0;
      padding-bottom: 0;
  } 
}
#banner--v3 .h-group {
  text-align: left;
}
#banner--v3 .carousel {
  background-color: transparent;
}
#banner--v3 .carousel__item {
  background-color: transparent;
}
#banner--v3 .hero--content {
  background-color: transparent;
  padding: 2rem;
}
#banner--v3 .hero--content .h-group__main {
  font-size: 5rem;
}
#banner--v3 .hero--content.bestfit .h-group__main {
  font-size: 3rem;
}
#banner--v3 .hero--content.bestfit .h-group__intro {
  font-size: 1.15rem;
}
#banner--v3 .hero--content.bestfit .h-group__lead {
  font-size: 1.25rem;
}
@media (max-width: 1120px) {
  #banner--v3 .hero--content.bestfit .h-group__main {
      font-size: 2.5rem;
  }
  #banner--v3 .hero--content.bestfit .h-group__intro {
      font-size: 1rem;
  }
  #banner--v3 .hero--content.bestfit .h-group__lead {
      font-size: 1rem;
  }
}
@media (max-width: 1020px) {
  #banner--v3 .hero--content .h-group__main {
      font-size: 3.25rem;
  }
}
@media (max-width: 920px) {
  #banner--v3 .hero--content.bestfit .h-group__main {
      font-size: 2.5rem;
  }
  #banner--v3 .hero--content.bestfit .h-group__intro {
      font-size: 1rem;
  }
  #banner--v3 .hero--content.bestfit .h-group__lead {
      font-size: 1rem;
  }
	#profile--wrapper .grid--item {
    	min-width: 50%;
	}
}


#banner--v3 .hero--content .h-group a.button {
  font-size: 1rem;
  margin-bottom: 1rem;
}
#banner--v3 .hero--content .h-group a.button.ghost, 
#banner--v3 .hero--content .h-group a.button.ghost:visited {
  background: transparent;
  color: #fff;
  border-color: var(--coral);
}
#banner--v3 .hero--image {
  background-color: transparent;
  padding: 2rem;
}
#banner--v3 .hero--image img,
#banner--v3 .hero--image picture {
  max-height: 350px !important;
}
@media (max-width: 768px) {
  #banner--v3 .hero--image.bestfit img,
  #banner--v3 .hero--image.bestfit picture {
      max-height: 200px !important;
  }
}
#banner--v3 .carousel {
    max-width: 100rem;
    margin: 3.75rem auto;
}
@media (max-width: 768px) {
   #banner--v3 .carousel {
    display: block; 
     margin-bottom: 0;
     padding-bottom: 0;
  }
}
#banner--v3 .carousel:first-child {
    margin-top: 0;
}
#banner--v3 .carousel:last-child {
    margin-bottom: 0;
}
#banner--v3 .carousel__item {
    width: 100%;
    position: relative;
}
#banner--v3 .carousel__nav {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 2.5rem 0 1.25rem;
}
@media (min-width: 1024px) {
    #banner--v3 .carousel__nav {
        position: absolute;
        bottom: 2.5rem;
        left: 50%;
        display: -webkit-inline-box;
        display: inline-flex;
        margin: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
#banner--v3 .carousel__nav .flickity-prev-next-button {
    position: static;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 2.875rem;
    margin: 0 0.625rem;
    -webkit-transform: none !important;
    transform: none !important;
}
#banner--v3 .carousel__nav .flickity-prev-next-button.next {
    -webkit-box-ordinal-group: 4;
    order: 3;
}
#banner--v3 .carousel__nav .flickity-page-dots {
    position: static;
    margin: 0 0.3125rem;
}
#banner--v3 .flickity-page-dots,
#banner--v3 .flickity-prev-next-button {
    padding: 0;
    margin: 0;
}
#banner--v3 .flickity-prev-next-button {
    width: auto;
    height: auto;
    padding: 0.625rem;
    background: transparent !important;
    border: 0.25rem solid #dd3c65;
    border-color: var(--primary);
    border-radius: 50%;
    color: inherit;
    opacity: 1;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    white-space: nowrap;
}
#banner--v3 .flickity-prev-next-button .flickity-button-icon {
    position: static;
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#banner--v3 .flickity-prev-next-button[disabled] {
    opacity: 0.5;
}
#banner--v3 .flickity-prev-next-button.previous {
    left: 1.25rem;
}
#banner--v3 .flickity-prev-next-button.next {
    right: 1.25rem;
}
#banner--v3 .flickity-page-dots {
    bottom: 1.25rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
#banner--v3 .flickity-page-dots .dot {
    width: 0.875rem;
    height: 0.875rem;
    margin: 0.3125rem;
    background: currentColor;
    border: 0.25rem solid;
    border-radius: 50%;
    opacity: 1;
}
#banner--v3 .flickity-page-dots .is-selected {
    background: transparent;
    border-color: #dd3c65;
    border-color: var(--primary);
}
#banner--v3 .carousel:not(.flickity-enabled) {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
}
#banner--v3 .carousel:not(.flickity-enabled) .carousel__item {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
}
#banner--v3 .carousel:not(.flickity-enabled) .carousel__caption,
#banner--v3 .carousel:not(.flickity-enabled) .carousel__item {
    opacity: 1 !important;
}
#banner--v3 .carousel.is-fade .is-selected {
    z-index: 2;
}

@supports ((-webkit-clip-path: polygon(0% 0%, 100% 100%)) or (clip-path: polygon(0% 0%, 100% 100%))) {
    #banner--v3.banner .carousel:before {
        -webkit-clip-path: none !important;
        clip-path: none !important;
    }
    #banner--v3.banner .carousel__nav {
        margin-bottom: var(--spacing);
    }
    @media (min-width: 1024px) {
        #banner--v3.banner .image-overlay .inner {
            padding-bottom: var(--spacing);
        }
        #banner--v3.banner .carousel__nav {
            bottom: var(--spacing);
            margin: 0;
        }
    }
}

#banner--v3.content-type {
  --spacing: 0.5rem !important;
}

#banner--v3 .carousel__nav {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 1rem 0 1.25rem;
}
/* new banner end */

/* Start Header navigation Accesibility */

  /**
* Tooltip Styles
*/

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}

/* Show tooltip content on focus */
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

#back-close-button{
  opacity: 0;
}
#back-close-button:focus{
  opacity: 1;
}


/* End Header navigation Accesibility */


/* statistics wrapper - temporary start */
.stats-wrapper {
  background-color: #e2e2e2;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.stats-wrapper .grid--container {
  padding-top: 1rem;
}
.stats-wrapper .grid--item strong {
  display: inline-block;
}
.stat-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.stat-single {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.stat-single:nth-of-type(1) {
  flex-basis: 25%;
  padding-right: 1rem;
}
.stat-single:nth-of-type(2) {
  flex-basis: 75%;
}
.stat-single img {
  width: 100% !important;
  height: auto !important;
}
.stat-single svg {
  width: 80% !important;
  margin: 0 auto;
}
/* statistics wrapper - temporary end */

/* flex-container addition to allow thirds start */
.flex-container.onetwo > *:nth-child(1) {
  width: calc(100% / 3 * 1);
}
.flex-container.onetwo > *:nth-child(2) {
  width: calc(100% / 3 * 2);
}
.flex-container.twoone > *:nth-child(1) {
  width: calc(100% / 3 * 2);
}
.flex-container.twoone > *:nth-child(2) {
  width: calc(100% / 3 * 1);
}
/* flex-container addition to allow thirds end */



/* summary and details override start */
summary {
  display: list-item !important;
  cursor: pointer !important;
}
details[open] summary {
  margin-bottom: 1rem;
}
details[open] p:last-child {
  margin-bottom: 1rem;
}
/* summary and details override end */

/* Start Unibuddy Styling */
.unibuddy--container .h-group a.button{
    background: var(--theme);
    color: var(--offwhite);
    border-color: var(--theme);
    border-radius: 0px;
    font-weight: 500;
}
/* END Unibuddy Styling */