/This is the CSS for block specific styles throughout the WMG website. Updated 01/10/24 MH****/

/Starting with hero blocks as they are generally the first thing on a page. After that, blocks CSS are in alphabetical order*/



/WMS HERO BLOCKS*/

#pause {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px 10px 10px 20px;
  color: var(--wms-white);
  z-index: 99;
}

.horizontal-scroller-item {
  padding: 0 !important;
}

.wms-top-hero {
  position: relative;

  height: 550px;
  overflow: hidden;
  margin-bottom: 10px;

  &.wms-top-hero-medium {
    height: 500px;
    max-height: 500px;
  }

  &.wms-top-hero-small {
    height: 416px;
    max-height: 416px;
  }
	
	&.top-hero-nfwb {
	height: 400px;	
		
	}

  &.wms-top-hero-static {
    /* Non-slider hero blocks */

    max-height: 650px;
    height: auto;
  }
}

.wms-top-hero-border-bottom {
	border-bottom: 5px solid;
	border-bottom-color: inherit;
}

.wms-top-hero--content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  width: 650px;
  height: 25em;
	 opacity: 0.95;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  /*clip-path: polygon(0% 100%, calc(100% - 100px) 100%, 100% calc(100% - 100px), 100% 0%, 0% 0%);*/
  clip-path: polygon(0% 20%, 10% 0%, 100% 0%, 100% 80%, 90% 100%, 0% 100%);
  z-index: 1;

  &.wms-content-small {
    height: 100%;
  }
	
	&.wms-content-nfwb {
		bottom: auto;
		top:0;
	height: 25em;
		width: 30em;
		clip-path: none;
	}
}

.wms-top-hero-image-nfwb img {
	height: 400px;
}

.wms-top-hero--text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px;
  background: transparent;
  margin-bottom: 10px;
}



.wms-scrollable-hero-small .horizontal-scroller-number-buttons {
  position: absolute;
  bottom: 25px;
  left: 35px;
  display: block;
  color: #fff;
  z-index: 2;
}

.wms-scrollable-hero .horizontal-scroller-number-buttons {
  position: absolute;
  bottom: 1em;
  left: 35px;
  display: block;
  color: #fff;
  z-index: 2;
	margin: 0;
}

@media (max-width: 992px) {
  .wms-top-hero--content {
    position: inherit;
    width: 100%;
    padding: 30px;
    height: 350px;
	 
    clip-path: polygon(0% 100%,
        calc(100% - 100px) 100%,
        100% calc(100% - 100px),
        100% 0%,
        0% 0%);
  }

  .wms-top-hero--text {
    padding: 30px 30px 30px 0;
  }

  .wms-scrollable-hero .horizontal-scroller-number-buttons {
    position: relative;
    left: 30px;
	  bottom: 3em;

  }
	
	.wms-top-hero--text {
		justify-content: flex-start;
	}

  .wms-top-hero-medium {
    height: auto !important;
    max-height: 750px !important;
  }
}

/***WMS-HB001 HOMEPAGE HERO START***/

.wms-HB001 {
  display: grid;
  /* padding: 0;*/
  grid-template-rows: 10rem 40rem 18rem;
  grid-template-columns: 1.5fr 0.2fr 1fr 1fr 1fr 3rem;
}

@media screen and (min-width: 1568px) {
  .wms-HB001 {
    overflow: hidden;
  }
}

.HB001-videoContainer {
  position: relative;
  grid-row: 2;
  grid-column: 2 / span 5;
  object-fit: cover;
  border-top: 5px solid var(--wms-dark-blue);
}

.HB001-overlay-contents {
  /*border-radius:25px;*/
  padding: 60px;
  grid-column: 1 / span 2;
  grid-row: 1 / span 3;
  min-width: 22.5rem;

  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  position: relative;

  &.rightify {
    grid-column: 4 / span 1;
  }
}

.HB001-overlay-contents:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-top: 100px solid white;
  border-left: 80px solid var(--wms-dark-blue);
  width: 0;
}

@media screen and (max-width: 1200px) {
  .HB001-overlay-contents {
    grid-column: 1 / span 2;
  }

  .wms-logo {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .wms-HB001 {
    grid-template-rows: 30rem 30rem;
    grid-template-columns: none !important;
  }

  .HB001-videoContainer {
    grid-row: 2;
    grid-column: unset;
    width: 100vw;
    height: 100% !important;
    max-width: none !important;
  }

  .HB001-overlay-contents {
    grid-row: 1;
    width: 100vw;
    height: min-content;
  }
}

.HB001-hero-heading {
  font-size: 4.8rem;
  letter-spacing: 0.3rem;
}

.no-text-decoration {
  text-decoration: none;

  &:hover {
    text-decoration: none;
  }
}

/***WMS-HB001 HOMEPAGE HERO END***/

/**wms-HB00 START*/

.wms-HB00 {
  position: relative;

  padding: 0;
}

.HB00-videoContainer {
  max-height: 700px;
  overflow: hidden;
}

/***HB00 END**/

/WMS-HB01 START****/

.wms-HB01 {
  position: relative;

  padding: 0;
}

.HB01-videoContainer {
  max-height: 500px;
  overflow: hidden;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.overlay-contents {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--wms-white) !important;
}

.overlay-contents h2 {
  text-align: center;
}

.headingText {
  font-size: 1em;
  letter-spacing: 7px;
  line-height: 2em;
  text-align: center;
  text-transform: uppercase;
  color: var(--wms-white) !important;
}

.headingText2 {
  font-size: 2.5em;
  letter-spacing: 13px;
  margin: 0 0 10px 0;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
  color: var(--wms-white) !important;
}

@media (max-width: 768px) {
  .headingText {
    font-size: 0.5em;
  }

  .headingText2 {
    font-size: 1.5em;
  }
}

/**wms-HB01 END/

/***NEW WMS VIDEO HERO BANNER 01/10/24 MH****/

 .wms-mainContainer {
  position: relative;
  width: 100%;
  height: var(--wms-main-banner-height);
  overflow: hidden;
  }
  
  
    .wms-videoContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }
  
  
  .wms-videoContainer video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  }
  
  .wms-shadow {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
    z-index:1;
  }
    
  .wms-overlayText {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  top: 0;
  left: 0;
    z-index:2;
  }
  
  .wms-banner-sub-text, .wms-banner-main-text {
    color: var(--wms-white)!important;
    text-transform: uppercase;
    letter-spacing: 7px;
  }
  
  .wms-banner-sub-text {
    font-size: calc(2vw + 1vh);
  }
    .wms-banner-main-text {
    font-size: calc(3vw + 1vh);
      font-weight: 600;
  }
  /* Media Queries for Mobile Devices */
  @media (max-width: 768px) {
  :root {
    --wms-main-banner-height: 300px; /* Adjust height for mobile */
  }
  
  .wms-banner-sub-text {
    font-size: calc(1.5vw + 1vh);
  }
  
  .wms-banner-main-text {
    font-size: calc(2.5vw + 1vh);
  }
  }

/****NEW BANNER END/

/HERO BLOCKS END*/

/***WMS ACCORDION BLOCKS START***/

/***WMS-AC01 START****/

.wms-AC01 .panel-body {
  padding: 50px !important;
}

.wms-AC01 .tabs-vertical {
  border-top: 5px solid var(--background-color);
}

.wms-AC01 .tabs-component--tabslist {
  flex: 1;
}

.wms-AC01 .panel {
  display: flex;
}

.wms-AC01 .panel-body {
  flex: 1;
}

/*WMS-AC01 END*/

/ACCORDION BLOCKS END***/
	  
	  
	  /*WMS-BN01 START**/
	  
	  .wms-BN01 {
  
  
    position: relative;
  }
  
  .wms-BN01-content {
  
    display: flex;
    flex-direction: column;
  
    justify-content: start;
    padding: 50px;
  }
  
  .wms-BN01-content h2 {
  
    font-size: 4rem;
  }
  
    .wms-BN01-content p {
  
    font-size: 2.5rem;
  }
  
  .wms-BN01-image {
  
    position: relative;
   
  }
  
   .wms-BN01-image img {
     position: absolute;
    
        top: 0;
        max-width: 330px;
        margin-top: 50px;
     border-radius: 100%;
   }
	  
	  @media screen and (max-width: 768px) {
	  
	  .wms-BN01-image img {
     position: relative;
max-width: auto;

   margin-top: auto;
    border-radius: 0;
		  
	  }
	  }
  
	  
	  /****WMS-BN01 END/

/***WMS-CB01 START****/



.wms-card {
  position: relative;
  color: #000;
  transition: 0.4s;
  clip-path: polygon(0 100%, calc(100% - 100px) 100%, 100% calc(100% - 100px), 100% 0, 0 0);
}

.wms-card:hover {
  &.wms-card-bg-dark-teal {
    background-color: var(--wms-dark-teal) !important;
  }

  &.wms-card-bg-dark-blue {
    background-color: var(--wms-dark-blue) !important;
  }

  &.wms-card-bg-dark-gold {
    background-color: var(--wms-dark-gold) !important;
  }

  &.wms-card-bg-dark-orange {
    background-color: var(--wms-dark-orange) !important;
  }

  &.wms-card-bg-grey {
    background-color: var(--wms-grey) !important;
  }

  &.wms-card-bg-itm-navy {
    background-color: var(--wms-itm-navy) !important;
  }

  &.wms-card-bg-dark-teal h4,
  &.wms-card-bg-dark-teal p,
  &.wms-card-bg-dark-teal a,
  &.wms-card-bg-dark-blue h4,
  &.wms-card-bg-dark-blue p,
  &.wms-card-bg-dark-blue a,
  &.wms-card-bg-dark-gold h4,
  &.wms-card-bg-dark-gold p,
  &.wms-card-bg-dark-gold a,
  &.wms-card-bg-dark-orange h4,
  &.wms-card-bg-dark-orange h6,
  &.wms-card-bg-dark-orange p,
  &.wms-card-bg-dark-orange li,
  &.wms-card-bg-dark-orange a,
  &.wms-card-bg-grey h4,
  &.wms-card-bg-grey p,
  &.wms-card-bg-grey a,
  &.wms-card-bg-itm-navy h4,
  &.wms-card-bg-itm-navy p,
  &.wms-card-bg-itm-navy a {
    color: #fff !important;
  }

  &.wms-card-bg-bright-blue {
    background-color: var(--wms-bright-blue) !important;
  }

  &.wms-card-bg-bright-gold {
    background-color: var(--wms-bright-gold) !important;
  }

  &.wms-card-bg-bright-teal {
    background-color: var(--wms-bright-teal) !important;
  }

  &.wms-card-bg-bright-orange {
    background-color: var(--wms-bright-orange) !important;
  }

  &.wms-card-bg-bright-ruby {
    background-color: var(--wms-bright-ruby) !important;
  }

  &.wms-card-bg-bright-blue h4,
  &.wms-card-bg-bright-blue p,
  &.wms-card-bg-bright-blue a,
  &.wms-card-bg-bright-gold h4,
  &.wms-card-bg-bright-gold p,
  &.wms-card-bg-bright-gold a,
  &.wms-card-bg-bright-teal h4,
  &.wms-card-bg-bright-teal p,
  &.wms-card-bg-bright-teal a,
  &.wms-card-bg-bright-orange h4,
  &.wms-card-bg-bright-orange p,
  &.wms-card-bg-bright-orange a,
  &.wms-card-bg-bright-ruby h4,
  &.wms-card-bg-bright-ruby p,
  &.wms-card-bg-bright-ruby a {
    color: #000 !important;
  }
}

.wms-card h4,
.wms-card a {
  color: #000 !important;
}

.wms-card-content {
  padding: 20px 50px 20px 0;
}

.wms-card-content li {
  font-weight: 200;
}

@media screen and (max-width: 768px) {
  .wms-card-content {
    padding: 50px 50px 50px 20px;
  }

  .wms-card img {
    height: 50vh !important;
  }
}

.wms-CB01-img {
  overflow: hidden !important;
  height: 225px;
}

.wms-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  transition: 0.4s;
}

.wms-card:hover img {
  transform: scale(1.15);
}
/***WMS-CB01 END****/

/***WMS-CB02 START****/

.wms-CB02 {
  position: relative;
  width: 90%;
  max-width: 400px;
  max-height: 400px;
  margin: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.wms-CB02-bg-dark-teal {
  --background-color: var(--wms-dark-teal);
  color: var(--wms-white) !important;

  & h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a {
    color: var(--wms-white) !important;
  }
}

.wms-CB02-bg-dark-blue {
  --background-color: var(--wms-dark-blue);
  color: var(--wms-white) !important;

  & h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a {
    color: var(--wms-white) !important;
  }
}

.wms-CB02-link-heading {
  position: absolute;
  top: 0;
  background-color: var(--background-color);
  width: 100%;
  padding: 20px;
  left: 0;
}

.wms-CB02 .wms-CB02-content-overlay {
  background: var(--background-color);
  position: absolute;
  height: 27.7rem;
  width: 100%;
  left: 0;
  top: 16%;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.wms-CB02:hover .wms-CB02-content-overlay {
  opacity: 1;
  z-index: 1;
}

.wms-CB02-content {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.wms-CB02-content a {
  text-decoration-color: #fff !important;
}

.wms-CB02-content p {
  font-size: 1.3rem;
}

.wms-CB02:hover .wms-CB02-content {
  top: 50%;
  left: 50%;
  opacity: 1;
  z-index: 2;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wms-CB02-content {
    display: none;
  }

  .wms-CB02-content-overlay {
    display: none;
  }
}

.wms-fadeIn-bottom {
  top: 80%;
}

@media screen and (max-width: 768px) {
  .wms-CB02-content-overlay {
    top: 13% !important;
    height: 400px !important;
  }

  .wms-CB02 {
    margin-bottom: 20px;
  }
}

/***WMS-CB02 END****/
	
	/***WMS-CB03 START****/
	
	.wms-CB03 {
  
    height: 400px;
  }
  .wms-CB03-card {
  
    position: relative; 
  }
  
  .wms-CB03-contents {
  
    position: absolute;
    bottom:0;
    padding: 25px;
    width: 100%;
  }
	
		/***WMS-CB03 END****/
	
	/***WMS-CB04 START**/
	
	 .wms-CB04-contents {
      
    padding: 40px;
      }
	
	.wms-CB04-image img {
		max-height: 400px;
		object-fit: cover;
	}
	
	/***WMS-CB04 END*/
	
	.alt-card {
    clip-path: none;
  }

/CARD BLOCKS END*/

/CAROUSEL BLOCKS START (CAB)*/
	
	/*WMS-CAB01 START*/
	
	
	.wms-CAB01 .horizontal-scroller-items-wrapper {
    overflow:hidden;
  }
    .wms-CAB01 .horizontal-scroller-items {
    display: flex;
    transition: transform 0.5s ease;
   }
   
   .wms-CAB01 .horizontal-scroller-item {
    flex: 0 0 100%; /* Each item takes up 100% of the container width */
  box-sizing: border-box;
   }
   .wms-CAB01 .horizontal-scroller {
   display: flex;
   overflow-x: auto;
   scroll-behavior: smooth;
   }
  .progress-bar-container {
   width: 100%;
   height: 10px;
   background-color: #e6e6e6;
   position: relative;
   margin-bottom: 10px;
   }
   
   .wms-progress-bar {
   height: 100%;
   background-color: var(--wms-dark-teal);
   width: 0;
   transition: width 0.25s ease;
   }
   .wms-CAB01 {
   /*height: 650px;*/
   position: relative;
    }
    .wms-CAB01 .layout-col {
   height: 650px;
    }
    
    .wms-CAB01-image img {
       object-fit: cover;
   height: 650px;
   width: 100vw;
   
    }
    
    .wms-CAB01 h2 {
   font-size: 5rem;
    }
   
   .wms-CAB01 .wms-h2-hook:after {
   border: 8px solid var(--wms-white);
   }
   
  .wms-CAB01 .horizontal-scroller-items-wrapper {
    margin: 0!important;
    width: 100vw!important;
    max-width: max-content!important;
  }
    .wms-CAB01 .horizontal-scroller-controls {
    
      position: absolute;
     bottom: 5rem;
   left: 3rem;
   z-index:99;
    }
  .wms-CAB01 .horizontal-scroller-controls i {
    
    color: var(--wms-black)!important;
    }
    
   .wms-CAB01 .horizontal-scroller-left  {
     background-color: var(--wms-white)!important;
     padding: 15px;
      top: auto!important;
      left: auto!important;
     font-family: 'Font Awesome 5 Pro';
    
    }
    
  .wms-CAB01 .horizontal-scroller-right {
    
     background-color: var(--wms-white)!important;
     padding: 15px;
   top: auto!important;
   right: auto!important;
        font-family: 'Font Awesome 5 Pro';
    }
    
   .wms-CAB01 .horizontal-scroller-right {
    
     margin-left: 35px;
    }
    
    .wms-CAB01 .fa-chevron-right:before {
   font-family: 'Font Awesome 5 Pro';
    }
    .wms-CAB01 .fa-chevron-left:before {
   font-family: 'Font Awesome 5 Pro';
    }
    .wms-CAB01-text-container {
       display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 80px;
   width: 100%;
    }
   
   .wms-CAB01-text-container .editable-block {
  width: 80%;
   }
  
  @media (max-width: 875px) {
  .wms-CAB01 .layout-col {
    height: 50%; /* Remove fixed height */
  }
  
  .wms-CAB01 h2 {
    font-size: 3rem; /* Adjust font size for smaller screens */
  }
  
  .wms-CAB01-image img {
    width: 100%; /* Ensure the image takes up the full width */
    height: auto; /* Adjust height to maintain aspect ratio */
  }
  
  .wms-CAB01 .layout-row {
    flex-direction: column; /* Stack the columns vertically */
  }
  
  .wms-CAB01 .layout-col {
    width: 100%; /* Ensure each column takes up the full width */
  }
  
  .wms-CAB01 .wms-CAB01-image {
    order: -1; /* Move the image to the top */
  }
  
  .wms-CAB01 .wms-CAB01-text-container {
    order: 1; /* Move the text container below the image */
    height: 675px;
  }
  
    .wms-CAB01 .horizontal-scroller-left  {
     background-color: var(--wms-dark-teal)!important;
    }
  
       .wms-CAB01 .horizontal-scroller-right  {
          background-color: var(--wms-dark-teal)!important;
  }
     .wms-CAB01 .horizontal-scroller-controls i {
    
    color: var(--wms-white)!important;
    }
  }
	
	/*WMS-CAB01 END*/

/*WMS-CAB02 START*/

.wms-video-placeholder {
  /*For carousel vid placeholders*/

  height: 150px;
  position: relative;
  background-size: cover;
  background-position: center;
	background-color: var(--color);
}

.wms-CAB02 iframe {
  width: 400px !important;
  height: 200px !important;
}

.wms-CAB02 .slick-prev:before {
  color: #000 !important;
  content: "\f060";
  font-family: "Font Awesome 5 Pro";
}

.wms-CAB02 .slick-prev {
  background: none !important;
  color: #000 !important;
}

.wms-CAB02 .slick-next {
  background: none !important;
  color: #000 !important;
}

.wms-CAB02 .slick-next:before {
  content: "\f061";
  color: #000 !important;
  font-family: "Font Awesome 5 Pro";
}

@media (max-width: 1200px) {
  .wms-CAB02 {
    padding: 5rem;
  }
}
	
	 .wms-CAB02 .student-tag {
  
        position: absolute;
    top: 0;
    left: 1.1em;
    padding: 5px 10px;
    background-color: var(--wms-bright-blue);
    color: #fff;
    font-size: 0.9rem;
  
    z-index: 10;
 
   &.tag-hms {
    background-color: var(--wms-dark-gold);
  }
  
  &.tag-ins {
    background-color: var(--wms-bright-blue);
    
  }
  
  &.tag-mbchb {
    background-color: var(--wms-dark-teal);
  }
  &.tag-pgr {
    background-color: var(--wms-dark-orange);
  }
		  }
	
	.ins-link a{
	text-decoration-color: var(--wms-bright-blue);
	}

/*WMS-CAB02 END*/

/*WMS-CAB03 START*/

.wms-CAB03 .slick-prev:before {
  color: #000 !important;
  content: "\f060";
  font-family: "Font Awesome 5 Pro";
}

.wms-CAB03 .slick-prev {
  background: none !important;
  color: #000 !important;
}

.wms-CAB03 .slick-next {
  background: none !important;
  color: #000 !important;
}

.wms-CAB03 .slick-next:before {
  content: "\f061";
  color: #000 !important;
  font-family: "Font Awesome 5 Pro";
}

@media (max-width: 1200px) {
  .wms-CAB03 {
    padding: 5rem;
  }
}

/*WMS-CAB03 START*/

/CAROUSEL BLOCKS END (CAB)*/

/FEATURE BLOCKS START*/

/**WMS-FB01 START*/

.wms-FB01 {
  display: grid;
  /* padding: 0;*/
  grid-template-rows: 2rem 50rem 2rem;
  grid-template-columns: 5rem 1fr 1fr 1fr 3rem;
}

.wms-FB01-image {
  grid-row: 2;
  max-height: 20rem;
  grid-column-start: 1;
  grid-column-end: -1;
  object-fit: cover;
  height: 100%;
}

.wms-FB01-image img {
  display: inline-block;
  vertical-align: middle;
width:100vw;
	/*height: 320px;*/
	object-fit: cover;
}

.wms-FB01-image-border-top {
  border-top: 5px solid var(--wms-default);

  &.border-top-bright-teal {
    border-top: 5px solid var(--wms-bright-teal);
  }

  &.border-top-bright-gold {
    border-top: 5px solid var(--wms-bright-gold);
  }
}

.wms-FB01-contents {
  padding: 25px;
  grid-column: 2 / span 1;
  grid-row-start: -1;
  grid-row-end: 1;
  min-width: 22.5rem;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  position: relative;
	width: 400px;

  &.wms-FB01-rightify {
    grid-column: 4 / span 1;
  }
}

@media screen and (max-width: 1000px) {
  .wms-FB01 {
    display: block;
  }

  .wms-FB01-contents {
    border-top: 0 !important;
	  width: auto;
  }
	
}

.wms-FB01-contents h4 {
  font-weight: 600;
}
	
	/* .wms-FB01-contents {
    
      border: 5px solid var(--wms-bright-teal);
    }*/
/* .wms-FB01-contents p {
    
      font-size: 1.4rem;
    }*/

/***WMS-FB01 END****/

/***WMS-FB02 START****/

.wms-FB02 {
  display: flex;
  flex-direction: row;
  height: 700px;
  /* Fixed height */

  &.wms-FB02-thin {
    height: 500px !important;
  }
}

.wms-FB02-contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  position: relative;
  clip-path: polygon(108px -1px,
      100.32% 0px,
      100% 100.74%,
      -98px 100.59%,
      -3px 16.17%);

  /*&.wms-FB02-contents::before {
     content: '';
    position: absolute;
    top: 0; 
	left: 0;
    border-top: 100px solid white;
    border-right: 100px solid var(--background-color);
    width: 0;
   }*/

  &.wms-FB02-flex-start {
    justify-content: flex-start !important;
  }

  &.wms-FB02-leftify {
    order: 2;
    clip-path: polygon(0 100%,
        calc(100% - 100px) 100%,
        100% calc(100% - 100px),
        100% 0,
        0 0);

    /*&::before {
	
	
	
	content: "";
    position: absolute;
    bottom: 0;
    right: 0;
	top: auto;
	left: auto;
	border-top: 0;
	border-right: 0!important;
    border-bottom: 100px solid #fff;
    border-left: 100px solid var(--background-color);
    width: 0;
		
	}*/
  }
}

.wms-FB02-image {
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  &.wms-FB02-image-fw {
    width: 100% !important;
  }
}

.wms-FB02-border-top {
  border-top: 5px solid var(--background-color);
}

.wms-FB02-image img {
  width: 100vw;
  /* Stretch image to fit container */
  height: 100%;
  /* Stretch image to fit container */
  object-fit: cover;
  /* Crop image to fit container if necessary */
  margin-bottom: 0;
}

/* Responsive layout for mobile */
@media screen and (max-width: 882px) {
  .wms-FB02 {
    display: flex;
    /* Stack elements on top of each other */
    flex-direction: column;
    /* Remove fixed height for mobile */
    height: auto;
  }

  .wms-FB02-contents {
    margin-bottom: 0;
  }

  .wms-FB02-image {
    display: block;
  }

  .wms-FB02-image img {
    height: 50%;
    /* Stretch image to fit container */
  }

  div.image-component.margin-full {
    margin-bottom: 0 !important;
  }
}

/*& FB02 SCROLLER**/

.wms-FB02 .horizontal-scroller-number-buttons {
  margin-top: -45px !important;
  position: relative;
}

.wms-FB02 .horizontal-scroller-items {
  height: 680px;
}

.wms-FB02 .stretchItems {
  width: 34vw !important;
}

.wms-FB02-full-slider .horizontal-scroller-item {
  display: flex !important;
}

/SCROLLER END**/

/***WMS-FB02 END****/
	
	/WMS-FB03 START**/

.wms-FB03 {
  position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.wms-FB03-image {
  width: 100;
	  height: 450px;
  position: absolute!important;
}
	
	

.wms-FB03-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  left: 0;
  top: 0;
  display: inline-block;
}

.wms-FB03-text-container {
  position: relative;

  background-color: #fff;
  margin: 50px 50px;
  max-width: 600px;
  padding: 2rem;
	opacity: .95;
	clip-path: polygon(0 100%,calc(100% - 100px) 100%,100% calc(100% - 100px),100% 0,0 0);
	
	&.wms-FB03-text-container-dark {
	background-color: rgba(0,0,0,.8);
		color: var(--wms-white)!important;
		
		& h2, p, a {
		color: var(--wms-white)!important;	
		}
	}

}
	
	

.wms-FB03-grid-container {
  max-width: 90%;
 /* margin-left: auto;
  margin-right: auto;*/
}

/**WMS-FB03 END/

/***WMS-FB04 START****/
.wms-FB04 {
  min-height: 750px;
  position: relative;
  overflow: hidden;
}

.wms-FB04::before {
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
}

.wms-FB04-feature-image {
  right: 0;
  left: auto;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 50px;
  width: 73%;
}

.wms-FB04-text-container {
  float: left;

  position: relative;
  padding: 40px 33px;
  margin: 140px 100px 0;
  max-width: 534px;
  background-color: var(--wms-white);

  &.wms-FB04-text-container p,
  h2,
  h3,
  h4,
  a,
  ul,
  li {
    color: var(--wms-black) !important;
  }
}

/* New styles for flipped layout */
.wms-FB04-flipped .wms-FB04-feature-image {
  left: 0;
  right: auto;
}

.wms-FB04-flipped .wms-FB04-text-container {
  float: right;
  z-index: 2;
}

/***WMS-FB04 VIDEO**/

.wms-FB04-videoContainer {
  position: relative;
  object-fit: cover;
  width: 100vw;
  height: 100% !important;
}

.wms-FB04-video-container video {
  max-width: max-content !important;
}

/***WMS-FB04 END****/
	
	/***WMS-FB06**/
	
	   /* Common styles for both layouts */
  .wms-FB06 {
   position: relative;
    width: 85%;
    overflow-x:hidden;
        overflow-y: hidden;
    margin: 0 0 64px 0;
	  
	  &.wms-FB06-fw {
		width: 100%;  
	  }
  }
  
   .wms-FB06-image {
   position: absolute;
     right: 0;
     top: 0;
     margin-right: 15px;
     width: 60%;
     height: 100%;
  
   z-index: 0;
  }
	
	.wms-FB06-image-nfwb {
		  
     width: auto!important;
     
   
	}
  
  .wms-FB06-contents {
   margin: 70px 50% 70px 0;
   padding: 40px;
    min-height: 333px;
   width: 60%;
   height: 60%;
   z-index: 1;
   position: relative;
    display: flex;
    flex-direction: column;
  }
	
.wms-FB06-contents-nfwb {
width: auto!important;	
}
  .wms-FB06-reversed {
  
     margin: 64px 0;
  }
  .wms-FB06-reversed .wms-FB06-image {
    right: auto;
    left:auto;
    margin-left: 15px;
    margin-right: auto;
  }
   .wms-FB06-reversed .wms-FB06-contents {
  margin: 70px 0 70px 50%;
  }
  
   @media (max-width: 1180px) {
   .wms-FB06 {
  width: 100%;
   }
  .wms-FB06-reversed {
  
    margin: auto;
  }
     .wms-FB06-image {
       width: 100%;
       margin-right: 0;
       position: relative;
      
     }
	   
	    .wms-FB06-image img {
			width: 100vw;
			height: 300px;
			object-fit: cover;
		}
  
     .wms-FB06-reversed .wms-FB06-image {
       width: 100%;
       position: relative;
       margin-left: 0;
       height: 50%;
     }
  
     .wms-FB06-contents {
  
       width: 100%;
       margin:auto;
		 height: auto;
		 min-height: auto;
     }
  
          .wms-FB06-reversed .wms-FB06-contents {
      margin: 0 0 5rem 0;
     }
   }
	
	/****wms-FB06 END**/


/FEATURE BLOCKS END*/

/WMS IMAGE BLOCKS START**/

.wms-IB01 {
  position: relative;
}

.wms-IB01-image {
  width: 100%;
}

.wms-IB01-content {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0rem;
  right: 65rem;
  color: #fff !important;

  padding: 40px;
}

@media screen and (max-width: 1200px) {
  .wms-IB01-content {
    width: 50%;
  }
}

@media screen and (max-width: 992px) {
  .wms-IB01-content {
    width: 100%;
    position: unset;
  }
}

/WMS IMAGE BLOCKS END**/

/INFOGRAPHIC BLOCKS START*/

/***WMS-IG01 START****/

.wms-IG01 {
  padding: 40px;
}

.wms-IG01 .level {
  padding: 5rem 0;
  color: #ffffff;
  margin: 0 !important;
}

.wms-IG01 .wms-counter-title {
  font-size: 8rem;
}

.wms-IG01 p {
  font-size: 1.8rem;
  font-weight: 600;
}

/***WMS-IG01 END****/
	
	/****WMS-IG02-START***/
	
	  .wms-IG02-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 250px; /* Ensure consistent height */
  }
  
 .wms-IG02 .icon-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px; /* Adjust as needed to ensure consistent spacing */
    width: 100%;
  }
  
  .wms-IG02-fa, .wms-IG02-image {
    max-height: 100%; /* Ensure the icon/image fits within the container */
    max-width: 100%;
  }
	
	
  
  .wms-IG02-text-container {
    margin-top: auto; /* Align the text at the bottom */
    padding-top: 20px; /* Adjust as needed to ensure consistent spacing */
    text-align: center;
  }
      
      
      
      .wms-IG02 strong {
        color: var(--wms-bright-blue);
      }
	
	@media screen and (max-width: 768px) {
		
		.wms-IG02-image {
			max-width: 25%!important;
		}
		
		.wms-IG02-text-container {
			margin-top: 0!important;
		
		}
	}
		
	
	/WMS-IG02-END/

/INFOGRAPHICS BLOCKS END*/

/NEWS BLOCKS START*/

/***NEWS TILES OVERRIDES START****/

.wms-NB01 .news-tile-title {
	color: var(--wms-black)!important;
  font-size: 1.5rem;
  padding-right: 50px;
}

.wms-NB01 .news-tile-title a {
	color: var(--wms-black)!important;
  text-decoration: none !important;
}

.wms-NB01 .news-tile-title a:hover {
  text-decoration: underline !important;
}
	
	.wms-NB01 .news-tile-title-and-abstract {
		
		position: relative;
	}
	
	.wms-NB01 .news-tile-event-details {
		position: absolute;
		bottom: 0!important;
		padding: 10px!important;
		background-color: var(--background-color)!important;
		color: var(--wms-white)!important;
		margin-bottom: 0!important;
		display: flex;
		flex-direction: column;
	}
	
	.wms-NB01 .news-tile-event-details .news-tile-date {
		position: relative!important;
		padding: 0!important;
		background-color: var(--background-color)!important;
		color: var(--wms-white)!important;
		left: 0!important;
		
	}
	
	.wms-NB01 .news-tile-event-details i:before {
		
		color: var(--wms-white)!important;
	}

.wms-NB01 .news-tile-title-and-abstract a {
  text-decoration: none !important;
}
	
	.wms-NB01 .news-tile-image-and-date {
		height: 300px!important;
		border-bottom: 5px solid var(--background-color);
	}
	
	.wms-NB01 .wms-NB01-events .news-tile-image-and-date {
		background-color: transparent!important;
	}

.wms-NB01 .news-tile-date:not(.news-tile-event-details > .news-tile-date) {
  left: auto !important;
  /*right: 15px!important;*/
  background-color: var(--background-color) !important;
}

.wms-NB01 .news-tile-tags {
  display: none;
}
	
.wms-NB01 .fa-chevron-left:before {
	
	color: var(--wms-black)!important;
	
}
	
	.wms-NB01 .fa-chevron-right:before {
	
	color: var(--wms-black)!important;
	
}

/***NEWS PANEL COLOR VARIATIONS**/
	
	.wms-NB01 .wms-btn-nb {
	width: auto;	
		background-color: transparent;
	}
	

.wms-NB01-bg-dark-teal {
  --background-color: var(--wms-dark-teal);
  color: var(--wms-white) !important;

  /*& h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a:not(.wms-a-link-nb, .dropdown-menu > li > a),
  fa,
  i:not(.dropdown-menu > li > a > i) {
    color: var(--wms-white) !important;
  }*/

  &.wms-btn-default:after {
    color: var(--wms-white) !important;
  }

  &.news-tile-title {
    color: var(--wms-white) !important;
  }
	  &.news-tile-date {
    color: var(--wms-white) !important;
  }

  /*&.wms-NB01 .wms-btn-nb {
    color: var(--wms-white) !important;

    border: 1px solid var(--wms-white) !important;

  }*/

  &.wms-NB01 .wms-btn-nb:hover {
    background-color: var(--wms-white) !important;
    color: var(--wms-black) !important;

    & i,
    fa {
      color: var(--wms-black) !important;
    }

    &.wms-btn-default:after {
      color: var(--wms-black) !important;
    }
  }
}
	
	.wms-NB01-bg-bright-teal {
  --background-color: var(--wms-bright-teal);
  color: var(--wms-white) !important;

  & h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a:not(.wms-a-link-nb, .dropdown-menu > li > a),
  fa,
  i:not(.dropdown-menu > li > a > i) {
    color: var(--wms-black) !important;
  }

  &.news-tile-title {
    color: var(--wms-black) !important;
  }

 /* &.wms-NB01 .wms-btn-nb {
    border: 1px solid var(--wms-black) !important;
  }

  &.wms-NB01 .wms-btn-nb:hover {
    background-color: var(--wms-black) !important;
    color: var(--wms-white) !important;
  }*/
}

.wms-NB01-bg-dark-blue {
  --background-color: var(--wms-dark-blue);
  color: var(--wms-black) !important;

  & h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a:not(.wms-a-link-nb, .dropdown-menu > li > a),
  fa,
  i:not(.dropdown-menu > li > a > i) {
    color: var(--wms-black) !important;
  }

  &.news-tile-title {
    color: var(--wms-black) !important;
  }
	  &.news-tile-image-and-date {
		  color: var(--wms-white)!important;
	  }
	  
	 &.news-tile-date {
		 color: var(--wms-white)!important;
	 }

  &.wms-NB01 .wms-btn-nb {
    border: 1px solid var(--wms-white) !important;
  }

  &.wms-NB01 .wms-btn-nb:hover {
    background-color: var(--wms-white) !important;
    color: var(--wms-black) !important;
  }
}
	
	.wms-NB01-bg-dark-blue.news-tile-date {
  color: var(--wms-white) !important;
}

.wms-NB01-bg-bright-blue {
  --background-color: var(--wms-bright-blue);
  color: var(--wms-white) !important;

  & h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a:not(.wms-a-link-nb, .dropdown-menu > li > a, .news-tile-title > a),
  fa,
  i:not(.dropdown-menu > li > a > i, .wms-btn-nb > i) {
    color: var(--wms-white) !important;
  }

  &.news-tile-title {
    color: var(--wms-black) !important;
  }

  &.wms-NB01 .wms-btn-nb {
    border: 1px solid var(--wms-black) !important;
  }

  &.wms-NB01 .wms-btn-nb:hover {
    background-color: var(--wms-black) !important;
    color: var(--wms-white) !important;
  }
}

.wms-NB01-bg-dark-gold {
  --background-color: var(--wms-dark-gold);
  color: var(--wms-white) !important;

  & h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a:not(.wms-a-link-nb, .dropdown-menu > li > a),
  fa,
  i:not(.dropdown-menu > li > a > i) {
    color: var(--wms-white) !important;
  }

  &.news-tile-title {
    color: var(--wms-white) !important;
  }

  &.wms-NB01 .wms-btn-nb {
    border: 1px solid var(--wms-white) !important;
  }

  &.wms-NB01 .wms-btn-nb:hover {
    background-color: var(--wms-white) !important;
    color: var(--wms-black) !important;
  }
}

.wms-NB01-bg-dark-orange {
  --background-color: var(--wms-dark-orange);
  color: var(--wms-white) !important;

  & h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a:not(.wms-a-link-nb, .dropdown-menu > li > a),
  fa,
  i:not(.dropdown-menu > li > a > i) {
    color: var(--wms-white) !important;
  }

  &.news-tile-title {
    color: var(--wms-white) !important;
  }

  &.wms-NB01 .wms-btn-nb {
    border: 1px solid var(--wms-white) !important;
  }

  &.wms-NB01 .wms-btn-nb:hover {
    background-color: var(--wms-white) !important;
    color: var(--wms-black) !important;
  }
}

.wms-NB01-bg-dark-ruby {
  --background-color: var(--wms-dark-ruby);
  color: var(--wms-white) !important;

  & h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a:not(.wms-a-link-nb, .dropdown-menu > li > a),
  fa,
  i:not(.dropdown-menu > li > a > i) {
    color: var(--wms-white) !important;
  }

  &.news-tile-title {
    color: var(--wms-white) !important;
  }

  &.wms-NB01 .wms-btn-nb {
    border: 1px solid var(--wms-white) !important;
  }

  &.wms-NB01 .wms-btn-nb:hover {
    background-color: var(--wms-white) !important;
    color: var(--wms-black) !important;
  }
}

.wms-NB01-bg-grey {
  --background-color: var(--wms-grey);
  color: var(--wms-black) !important;

 & h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a:not(.wms-a-link-nb, .dropdown-menu > li > a),
  fa,
  i:not(.dropdown-menu > li > a > i) {
    color: var(--wms-black) !important;
  }

  &.news-tile-title {
    color: var(--wms-black) !important;
  }
	  
	

  /*&.wms-NB01 .wms-btn-nb {
    border: 1px solid var(--wms-white) !important;
    color: var(--wms-white) !important;

    &:hover {
      background-color: var(--wms-white) !important;
      color: var(--wms-black) !important;

      & i {
        color: var(--wms-white) !important;
      }
    }
  }*/
}

.wms-NB01-bg-bright-ruby {
	
--background-color: var(--wms-bright-ruby); color: var(--wms-white) !important;

/*& h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a), i:not(.dropdown-menu > li > a > i) { 
	color: var(--wms-white) !important; 
}*/

&.wms-btn-default:after {
	
	color: var(--wms-white) !important; 
}

&.news-tile-title { 
	color: var(--wms-white) !important; 
}

/*&.wms-NB01 .wms-btn-nb { 
	border: 1px solid var(--wms-white) !important; 
}*/

&.wms-NB01 .wms-btn-nb:hover { 
	background-color: var(--wms-white) !important;
	color: var(--wms-black) !important;
	


	
&.wms-btn-default:after {
  color: var(--wms-black) !important;
}
	
	}
}
	


.wms-NB01 .panel {
 /* height: 450px !important;*/
	border: none!important;
	box-shadow: none!important;
  /*background-color: var(--background-color);*/
}

.wms-NB01 .horizontal-scroller-items {
  gap: 10px;
}
	
	.wms-NB01 .horizontal-scroller-left {
		
		top:20rem!important;
	}
	
	.wms-NB01 .horizontal-scroller-right {
		top:20rem!important;
	}

.wms-NB01 .open>.dropdown-menu {
  display: block;
}

.wms-NB01 .dropdown-menu {
  top: auto;
  
  left: -1.5rem;
}

.wms-NB01 .dropdown-menu a {
  color: var(--wms-black) !important;
}

.wms-NB01 .dropup {
	background-color: transparent;
  position: absolute;
  top: 0;
	right: 0;
}

.wms-NB01 .wms-a-link-nb:before {
  background-color: var(--background-color);
}

/**wms-NB01 END****/

/*wms-NB02 START***/

.wms-NB02 .news-item-featured {
  width: 100%;
  max-width: 100%;
  flex: auto;
  padding-bottom: 0 !important;
}

.wms-NB02 .news-item-featured .panel {
  background-color: var(--wms-dark-teal);

  & h2,
  h3,
  p,
  a:not(.dropdown-menu a) {
    color: var(--wms-white) !important;
  }
}

.wms-NB02 .wms-btn-nb:hover {
  background-color: var(--wms-white) !important;

  color: var(--wms-black) !important;

  border: 1px solid var(--wms-black) !important;
}

.wms-NB02 .news-tile-tags {
  display: none;
}

.wms-NB02 .news-item-container .panel {
  background-color: var(--wms-pale-grey);
  border: 1px solid var(--wms-white);
  box-shadow: none !important;
}

.wms-NB02 .news-item-featured .wms.btn-nb {
  border: 1px solid var(--wms-white) !important;
}

.wms-NB02 .news-item-container .wms-btn-nb {
  color: var(--wms-black) !important;
}

.wms-NB02 .news-item-container {
  display: flex;
  flex-wrap: wrap;
}

.wms-NB02 .news-item-container .news-tile-image-and-date {
  height: 50px !important;
}

.wms-NB02 .news-item-container .news-tile-date {
  background-color: transparent !important;
  padding: 0 !important;
}

.wms-NB02 .news-item-featured .news-tile-date {
  background-color: var(--wms-dark-teal) !important;
  color: var(--wms-white);
  left: 0 !important;
}

.wms-NB02 .news-item-container .news-tile-date::after {
  content: "";
  border-bottom: 5px solid var(--wms-black);
  display: block;
  width: 10rem;
  margin-top: 0.5em;
}

.wms-NB02 .news-item-container .news-tile-abstract {
  display: none;
}

.wms-NB02 .news-item-featured .news-tile-title-and-abstract {
  padding: 25px !important;
}

.wms-NB02 .news-item-container .panel-body {
  padding: 25px !important;
}

.wms-NB02 .news-item-container .news-tile {
  padding-bottom: 0 !important;
}

@media (min-width: 1200px) {
  .wms-NB02 .news-item-container .news-tile {
    flex: 0 0 calc(100% / var(--sb-news-tiles-per-row-md));
    max-width: calc(100% / var(--sb-news-tiles-per-row-md));
  }
}

.wms-NB02 .news-tile {
  padding-right: 0 !important;
}

.wms-NB02 .open>.dropdown-menu {
  display: block;
}

.wms-NB02 .dropdown-menu {
  top: auto;
  bottom: -0.5rem;
  left: 5rem;
}

.wms-NB02 .dropdown-menu a {
  color: var(--wms-black) !important;
}

.wms-NB02 .dropup {
  position: absolute;
  bottom: 0;
  right: 3rem;
}

.wms-NB02 .wms-a-link-nb:before {
  background-color: var(--wms-dark-teal);
}

/*wms-NB02 END**/

/***NEWS TILES OVERRIDES END****/

/NEWS BLOCKS END*/

/SOCIAL MEDIA BLOCKS START*/

/***WMS-SB01 START****/

.wms-SB01 {
  display: flex;
  flex-direction: column;
  padding-left: 75px;
  padding-right: 75px;
  position: relative;
  width: 100%;
}

/***WMS-SB01 END****/

/SOCIAL MEDIA BLOCKS END*/

/TEXT BLOCKS START*/

/***WMS-TB01 START****/

.wms-TB01 {
  display: flex;
  justify-content: center;
  align-items: center;
}
	
	.wms-TB01 h2 {
	font-size: 3rem;
	font-weight: 600;
		color: var(--wms-black)!important;
	}

.wms-TB01-heading-content {
  position: relative;
}

.wms-TB01-info-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
    padding: 0 7rem 0 0;
	
	&.wms-TB01-media {
	align-items:normal;	
	}
	
	&.wms-TB01-no-padding {
		padding:0;
	}
}

@media (max-width: 768px) {
  .wms-TB01-heading-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .wms-TB01-heading-margin-top {
    margin-top: 40px;
  }

  .wms-TB01-heading-margin-bottom {
    margin-bottom: 40px;
  }
	
	.wms-TB01 .buttons-component-horizontal {
	flex-direction: row!important;	
	}
}

.wms-TB01-callout {
  margin-left: auto;
  margin-right: auto;
  width: 81%;
  margin-bottom: -20px;
}
	
.wms-TB01-content {
	
	padding: 0 20px 20px 20px;
	
}

.wms-TB01-callout .wms-TB01-heading-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}

.wms-TB01-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;

  &.wms-TB01-text-top {
    justify-content: flex-start!important;
  }

  &.wms-TB01-text-bottom {
    justify-content: flex-end!important;
  }
	  &.wms-TB01-text-left {
   align-items: flex-start!important;
  }
	  &.wms-TB01-text-right {
    align-items: flex-start!important;
  }
}

.wms-TB01-title-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  flex-wrap: wrap;
  width: auto;
}

.wms-TB01-sub-title,
.wms-TB01-sub-title-animated {
  margin-left: -4vw;
  font-size: 6rem;
  letter-spacing: -4px;
}

.wms-TB01-main-title,
.wms-TB01-main-title-animated {
  margin-left: 4vw;
  width: 100%;
  text-align: right;
  font-size: 8.5rem;
  font-style: normal;
  font-weight: 600;
  color: var(--wms-bright-blue);
  letter-spacing: -6px;
  margin-top: -5rem;

  &.wms-TB01-main-title-long {
    margin-left: 2vw;
  }
}

.wms-TB01-main-title-bright-blue {
  color: var(--wms-bright-blue);
}

.wms-TB01-main-title-bright-teal {
  color: var(--wms-bright-teal);
}

.wms-TB01-main-title-bright-gold {
  color: var(--wms-bright-gold);
}

.wms-TB01-main-title-bright-ruby {
  color: var(--wms-bright-ruby);
}

.wms-TB01-main-title-bright-orange {
  color: var(--wms-bright-orange);
}

.wms-TB01-main-title-dark-blue {
  color: var(--wms-dark-blue);
}

.wms-TB01-main-title-dark-teal {
  color: var(--wms-dark-teal);
}

.wms-TB01-main-title-dark-gold {
  color: var(--wms-dark-gold);
}

.wms-TB01-main-title-dark-ruby {
  color: var(--wms-dark-ruby);
}

.wms-TB01-main-title-dark-orange {
  color: var(--wms-dark-orange);
}

.wms-TB01-main-title-itm-navy {
  color: var(--wms-itm-navy);
}

.wms-TB01-main-title-grey {
  color: var(--wms-grey);
}

.wms-TB01-main-title-white {
  color: var(--wms-white);
}

.wms-TB01-main-title-black {
  color: var(--wms-black);
}

/***WMS-TB01 END****/

/**WMS-TB02 START****/

.wms-TB02-contents {
  padding: 30px;
}

/*WMS-TB02 END*/

/*WMS-TB03 START*/

.wms-TB03 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 75px;
  padding-right: 75px;
  position: relative;
  width: 100%;
}

/*.wms-TB04 {
  display: flex;
  flex-direction: column;
  padding-left: 75px;
  padding-right: 75px;
  position: relative;
  width: 100%;
}

.wms-TB05 {
  display: flex;
  align-items: center;
  justify-content: center;

  &.wms-no-padding-right {
    padding-right: 0 !important;
  }
}

@media only screen (max-width: 768px) {
  .wms-TB05 {
    margin-left: 20px;
    margin-right: 20px;
  }
}*/
	
	/*WMS-TB03 END*/
	
	/*WMS-TB04 START*/
	
	.wms-TB04-h2 {
    font-size: 6.5rem;
    position: relative;
    margin-bottom: 0;
    padding-right: 5.625rem;
    display: inline-block;
    background-color: #fff;
    z-index: 2;
  }
  
  .wms-TB04-h2 em {
  
    display: block;
    font-style: italic;
    /*font-family: plantin, TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;*/
    font-weight: 700;
    font-size: 8rem;
    margin-top: -.1em;
        margin-left: 20px;
  }
  .inner-block {
    margin-left: auto;
    margin-right: auto;
    width: 81.3%;
    max-width: 90rem;
  }
  
  .wms-TB04-inner {
    position: relative;
  }
  
  .wms-TB04-title-block {
    
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding-bottom: 0;
        margin-bottom: 2.5rem;
    position: relative;
  }
  
  .wms-TB04-text-block {
    margin-bottom: 2.1875rem;
    max-width: 50rem;
  }
  
  .wms-TB04-title-block:before {
    content: "";
    top:82%;
    width: 100%;
    height: 4px;
   
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
	  
	  .wms-TB04 .wms-dot {
    background: none;
    padding: 0;
  }
  
 .wms-TB04 .i {  
  position: relative;
  }
 .wms-TB04 .i:before {
  content: "ı";
  position: absolute; 
  color: black;
  }
  
	  
	  /* Apply the color to the elements */
.wms-TB04-title-block:before {

  background-color: var(--color);
}
	
	.wms-TB04 .wms-dot,
.wms-TB04 .i {
	color: var(--color);
}
	
	@media (max-width: 768px) {
	.inner-block {
    width: 100%;
    max-width: 90rem;
  }
		
		.wms-TB04-h2 {
		padding-right: 0;	
		}
	}
	
	/*WMS-TB04 END*/

/TEXT BLOCKS END*/

/VIDEO BLOCKS START*/
	
/PART OF THE MODALISER STYLING FOR ALL VIDEO BLOCKS ACROSS THE SITE - SEE /FAC/SCI/MED/JS/WMS-VIDEO-MODALISER.JS*/
	
	 .wms-common-video-placeholder {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    background-color: #000;
    background-size: cover;
    background-position: center;
    cursor: pointer;
  }
  
  .wms-common-video-placeholder i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #fff;
    background-color: var(--wms-grey);
    padding: 20px;
    border-radius: 100%;
    opacity: 0.90;
  }
	
/*END***/

/*WMS-VB02***/

.wms-VB02-link {
  display: inline-block;
  max-width: max-content;
  position: relative;
  text-decoration: none !important;
  float: right;
  top: -1em;
}

.wms-VB02-link::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--wms-dark-blue);
  transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.wms-VB02-link:hover:before {
  width: 100%;
}

.wms-VB02-link::after {
  content: "\f054";
  font-family: "FontAwesome";
  margin-left: 0.5rem;
}
	
	/*WMS-VB02 END***/
	
		/*WMS-VB03***/
  .wms-VB03-inner {
    padding: 40px;
  }
	
	/*WMS-VB03 END***/
	
	
	/UNDERGRADUATE COURSE PAGE SPECIAL VIDEO BANNERS*/
	.ug-btn {
     margin-bottom: 20px!important;
  }
  .ug-banner-container {
     margin-bottom: 20px;
  }
  .ug-vid-banner {
     padding: 40px;
  
  display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-evenly;
    position:relative;
    margin-left:-5px;
    z-index:2;
    
  
     & h2 {
  
   font-size: 3.2rem;
     }
  
   
     
  }
  .course-mainContainer {
     		
  
     			position: relative;
     width:100%;
     		
  padding: 0;
  
  	 
  	
  	 
     }
  
  .course-videoContainer {
  
     display: flex;
     height:100%;
    position:relative;
    box-sizing: border-box;
  
  }
  
  .course-videoContainer video {
     object-fit: cover;
    width: 100%;
    height: 100%!important;
  }
  .course-videoContainer::before {
  
   content: "";
     display: block;
     width: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(0,169,206,1) 100%);
     height: 150px;
     clip-path: polygon(0 0, 100% -1%, 100% 99%, 52% 54%);
     position: absolute;
    top:0;
    left:0;
    z-index:1;
  }
	
	/UNDERGRADUATE VIDEO BANNER END***/

/VIDEO BLOCKS END*/

/WMS CUSTOM VIDEO MODALISER BLOCK*/
.wms-video--block {
  position: relative;
  width: 100%;
  height: 350px;
  /* Adjust as needed */
  overflow: hidden;
}

.wms-video--thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wms--play {
  position: absolute;
  bottom: 0;
  left: 0;
  /* transform: translate(-50%, -50%); */
  background: var(--wms-dark-blue);
  color: var(--wms-white);
  border: none;
  /* border-radius: 50%; */
  width: 100px;
  height: 100px;
  font-size: 3.5rem;
  cursor: pointer;
  z-index: 10;
}

.wms-video--title {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 100px;
  color: var(--wms-white) !important;
  background: var(--wms-dark-blue);
  padding: 20px;
  font-size: 1.8rem;
  margin: 0;
}

.wms-video--modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.wms-video--container {
  position: relative;
  width: 80%;
  max-width: 800px;
}

.wms-video--container iframe {
  width: 100%;
  height: 450px;
  /* Adjust as needed */
}

/**WMS BLOCKS END**/