:root {
    --primary_blue: #003366;
    --primary_gold: #FFCC00;

    --secondary_gray: #606060;
    --secondary_cobalt: #0072CE;

    --white: #FFFFFF;
    --black: #000000;
    --gray: #515E6A;
    --light_gray: #F4F8FB;
    --light_blue: #DEF2FC;

    --gradient_blue_1: linear-gradient(to right, #00CDFF, #003366);
    --gradient_blue_2: linear-gradient(to bottom, #003366, #00CDFF);
    --gradient_blue_3: linear-gradient(to right, #009FE7, #0072CE);
    --gradient_blue_4: linear-gradient(to bottom, #0072CE, #009FE7);

    --gradient_gold_1: linear-gradient(to right, #FCE701, #FFCC00);
    --gradient_gold_2: linear-gradient(to bottom, #FFCC00, #FCE701);

    --gradient_hero: linear-gradient(to right, #003366, rgba(0, 51, 102, 0));
}

.container-fluid {
    width: 96%;
    max-width: 1700px;
    margin: 0 auto;
}

/* background colors - start */
.bg-white {
    background-color: var(--white);
    color: var(--gray);
    padding: 40px 0;
}

.bg-black {
    background-color: var(--black);
    color: var(--white);
    padding: 40px 0;
}

.bg-light_blue {
    background-color: var(--light_blue);
    color: var(--gray);
    padding: 40px 0;
}

.bg-light_gray {
    background-color: var(--light_gray);
    color: var(--gray);
    padding: 40px 0;
}

.bg-primary_blue {
    background-color: var(--primary_blue);
    color: var(--white);
    padding: 40px 0;
}

.bg-primary_gold {
    background-color: var(--primary_gold);
    color: var(--primary_blue);
    padding: 40px 0;
}

.bg-secondary_gray {
    background-color: var(--secondary_gray);
    color: var(--white);
    padding: 40px 0;
}

.bg-secondary_cobalt {
    background-color: var(--secondary_cobalt);
    color: var(--white);
    padding: 40px 0;
}

.bg-gradient_blue_1 {
    background: var(--gradient_blue_1);
    /*color: var(--primary_blue);*/
	color: var(--white);
    padding: 40px 0;
}

.bg-gradient_blue_2 {
    background: var(--gradient_blue_2);
    /*color: var(--primary_blue);*/
	color: var(--white);
    padding: 40px 0;
}

.bg-gradient_blue_3 {
    background: var(--gradient_blue_3);
    color: var(--primary_blue);
    padding: 40px 0;
}

.bg-gradient_blue_4 {
    background: var(--gradient_blue_4);
    color: var(--primary_blue);
    padding: 40px 0;
}

.bg-gradient_gold_1 {
    background: var(--gradient_gold_1);
    color: var(--primary_blue);
    padding: 40px 0;
}

.bg-gradient_gold_2 {
    background: var(--gradient_gold_2);
    color: var(--primary_blue);
    padding: 40px 0;
}

.bg-gradient_hero {
    background: var(--gradient_hero);
    color: var(--white);
    padding: 40px 0;
}

.bg-gradient_blue_offset {
    background: linear-gradient(
      to bottom,
      white 0%,
      white 25%,
      var(--primary_blue) 25%,
      #00cdff 100%
    );
    padding: 40px 0;
  }
  
  .bg-primary_blue_offset {
    background: linear-gradient(
      to bottom,
      white 0%,
      white 25%,
      var(--primary_blue) 25%,
      var(--primary_blue) 100%
    );
    padding: 40px 0;
  }
  
  .bg-secondary_cobalt_offset {
    background: linear-gradient(
      to bottom,
      white 0%,
      white 25%,
      var(--secondary_cobalt) 25%,
      var(--secondary_cobalt) 100%
    );
    padding: 40px 0;
  }
  
  .bg-light_blue_offset {
    background: linear-gradient(
      to bottom,
      white 0%,
      white 25%,
      var(--light_blue) 25%,
      var(--light_blue) 100%
    );
    padding: 40px 0;
  }
  
  .bg-gradient_gold_offset {
    background: linear-gradient(
      to bottom,
      white 0%,
      white 25%,
      #fce701 25%,
      #ffcc00 100%
    );
    padding: 40px 0;
  }
  
  .bg-gold_offset_70 {
    background: linear-gradient(
      to bottom,
      white 0%,
      white 70%,
      #fce701 70%,
      #ffcc00 100%
    );
  
    padding: 40px 0;
  }
  
  .bg-light_blue_offset_70 {
    background: linear-gradient(
      to bottom,
      white 0%,
      white 70%,
      var(--light_blue) 70%,
      var(--light_blue) 100%
    );
    padding: 40px 0;
  }
  
  .bg-primary_blue_offset_70 {
    background: linear-gradient(
      to bottom,
      white 0%,
      white 70%,
      var(--primary_blue) 70%,
      var(--primary_blue) 100%
    );
    padding: 40px 0;
  }
  
  .bg-gradient_blue_offset_70 {
    background: linear-gradient(
      to bottom,
      white 0%,
      white 70%,
      #003366 70%,
      #00cdff 100%
    );
    padding: 40px 0;
  }
  
  .bg-secondary_cobalt_offset_70 {
    background: linear-gradient(
      to bottom,
      white 0%,
      white 70%,
      var(--secondary_cobalt) 70%,
      var(--secondary_cobalt) 100%
    );
    padding: 40px 0;
  }
  
  /* background colors - end */

/* Link text for different backgrounds */
.bg-gradient_blue_2 a,
.bg-gradient_blue_1 a,
.bg-primary_blue a,
.bg-secondary_cobalt a{
	font-weight:bold;
	color: var(--white);
}

/* background colors - end */

/* background colors alternate heading colors - start */
.bg-gradient_blue_2 h2, 
.bg-gradient_blue_2 h3 
{color: var(--white);}

.bg-gradient_blue_2 .stats-heading,
h2.stats-heading, h3.stats-sub_heading,
.bg-gradient_blue_2 .card_split-text,
.bg-gradient_blue_2 .callout_card-title{
	color: var(--primary_blue)!important;
}
/* background colors alternate heading colors - end */

.stats-footnote a:hover, .stats-footnote p > a:hover {
  text-decoration: none;
}

/* text colors - start */
.text-white {
    color: var(--white);
}

.text-black {
    color: var(--black);
}

.text-primary_blue {
    color: var(--primary_blue);
}

.text-primary_gold {
    color: var(--primary_gold);
}

.text-secondary_gray {
    color: var(--secondary_gray);
}

.text-secondary_cobalt {
    color: var(--secondary_cobalt);
}

.text-gradient_blue_1 {
    background: linear-gradient(to right, #0098ca 10%, #003366 20%, #003366 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient_blue_2 {
    color: var(--gradient_blue_2);
}

.text-gradient_blue_3 {
    color: var(--gradient_blue_3);
}

.text-gradient_blue_4 {
    color: var(--gradient_blue_4);
}

.text-gradient_gold_1 {
    color: var(--gradient_gold_1);
}

.text-gradient_gold_2 {
    color: var(--gradient_gold_2);
}

.text-gradient_hero {
    color: var(--gradient_hero);
}

/* text colors - end */

/* buttons - start */
.btn-primary_blue {
    position: relative;
    display: inline-block;
    background: var(--gradient_blue_3);
    color: var(--white);
    padding: 15px 70px 15px 15px;
    text-transform: uppercase;
    text-decoration: none !important;
}

.btn-primary_blue:not(.dropdown-toggle)::after {
    position: absolute;
    background-color: var(--secondary_cobalt);
    content: '\2192';
    font-size: 1.2rem;
    padding: 10px 15px 14px 15px;
    right: 0;
    top: 0;
/*	height:100%; */
}

.btn-primary_blue:hover,
.btn-primary_blue:focus,
.btn-primary_blue:visited {
    background: var(--secondary_cobalt);
}

.btn-primary_gold {
    position: relative;
    display: inline-block;
    background: var(--gradient_gold_1);
    color: var(--primary_blue)!important;
    padding: 15px 70px 15px 15px;
    text-transform: uppercase;
    text-decoration: none !important;
}

.btn-primary_gold:not(.dropdown-toggle)::after {
    position: absolute;
    background-color: var(--primary_gold);
    content: '\2192';
    font-size: 1.2rem;
    padding: 10px 15px 14px 15px;
    right: 0;
    top: 0;
/*	height:100%; */
}

.btn-primary_gold:hover,
.btn-primary_gold:focus,
.btn-primary_gold:visited {
    background: var(--primary_gold);
}

.btn-secondary_blue {
    position: relative;
    display: inline-block;
    background: var(--gradient_blue_3);
    color: var(--white)!important;
    padding: 13px 60px 13px 13px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 5px;
/*    margin-bottom:15px;*/
}

.btn-secondary_blue:not(.dropdown-toggle)::after {
    position: absolute;
    content: '\2192';
    font-size: 1.2rem;
    padding: 10px 15px 14px 15px;
    right: 0;
    top: 0;
}

.btn-secondary_blue:hover,
.btn-secondary_blue:focus,
.btn-secondary_blue:visited {
    background: var(--secondary_cobalt);
}

.btn-secondary_gold {
    position: relative;
    display: inline-block;
    background: var(--gradient_gold_1);
    color: var(--primary_blue)!important;
    padding: 13px 60px 13px 13px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 5px;
}

.btn-secondary_gold:not(.dropdown-toggle)::after {
    position: absolute;
    content: '\2192';
    font-size: 1.2rem;
    padding: 10px 15px 14px 15px;
    right: 0;
    top: 0;
}

.btn-secondary_gold:hover,
.btn-secondary_gold:focus,
.btn-secondary_gold:visited {
    background: var(--primary_gold);
}

.btn-outline {
  position: relative;
  display: inline-block;
  background: transparent;
  color: var(--secondary_cobalt);
  padding: 13px 60px 13px 13px;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 2px solid var(--secondary_cobalt);
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  border-radius: 5px;
}

.btn-outline::after {
  position: absolute;
  content: "\2192";
  font-size: 1.2rem;
  padding: 10px 15px 14px 15px;
  right: 0;
  top: 0;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:visited {
  border-color: var(--primary_blue);
  color: var(--primary_blue);
}

button.dropdown-toggle {
    display: inline-block;
    border: none;
  }
  .btn-primary_blue.dropdown-toggle::after,
  .btn-primary_gold.dropdown-toggle::after,
  .btn-secondary_gold.dropdown-toggle::after,
  .btn-secondary_blue.dropdown-toggle::after {
    font-size: 1.3rem;
    margin: 23px 15px 14px 15px;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .btn-primary_blue.dropdown-toggle[aria-expanded="true"]::after,
  .btn-primary_gold.dropdown-toggle[aria-expanded="true"]::after,
  .btn-secondary_gold.dropdown-toggle[aria-expanded="true"]::after,
  .btn-secondary_blue.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
  }

/* buttons - end */



/* marks - start */
.hash_mark {
    display: block;
    background: var(--gradient_gold_1);
    width: 82px;
    height: 8px;
    margin-bottom: 20px;
}

.hash_mark-lg {
    display: block;
    background: var(--gradient_gold_1);
    width: 126px;
    height: 14px;
    margin-bottom: 30px;
}

.anchor_vertical-blue {
    display: block;
    background: var(--gradient_blue_4);
    width: 1.5rem;
    height: 100%;
}

.anchor_horizontal-blue {
    display: block;
    background: var(--gradient_blue_3);
    width: 100%;
    height: 1.5rem;
}

.anchor_vertical-gold {
    display: block;
    background: var(--gradient_gold_2);
    width: 1.5rem;
    height: 100%;
}

.anchor_horizontal-gold {
    display: block;
    background: var(--gradient_gold_1);
    width: 100%;
    height: 1.5rem;
}

/* marks - end */

/* headings - start */
.d1,
.d1_emphasis,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    line-height: normal;
    margin: 0;
    padding: 0;
}

.d1 {
    color: var(--white);
    font-size: 4rem;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.d1_emphasis {
    color: var(--primary_gold);
    font-size: 4rem;
    font-style: italic;
}

.d2 {
    color: var(--white);
    font-size: 2.8rem;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  }
  
  .d2_emphasis {
    color: var(--primary_gold);
    font-size: 2.8rem;
    font-style: italic;
  }
  
  span.emphasis {
    color: var(--primary_gold) !important;
    font-style: italic;
  }
  
  .bg-gradient_gold_1 span.emphasis,
  .bg-gradient_gold_2 span.emphasis,
.bg-light_blue .section-intro h2 > span.emphasis
  .bg-primary_blue_offset_70 span.emphasis {
    color: var(--secondary_cobalt) !important;
    font-style: italic;
  }

h1 {
    color: var(--primary_blue);
    font-size: 2.8rem;
}

.h1 {
  /*  color: black !important;*/
    background: linear-gradient(to right, #0098ca 10%, #003366 20%, #003366 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.8rem;
}

h2,
.h2 {
    color: var(--primary_blue);
    font-size: 2.25rem;
}

h3,
.h3 {
    color: var(--primary_blue);
    font-size: 2rem;
	padding: 1rem 0 .5rem;
}

h3.hero_banner-subtitle {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 1.375rem;
  }

h4,
.h4 {
    color: var(--primary_blue);
    font-size: 1.625rem;
}

h5,
.h5 {
    color: var(--primary_blue);
    font-size: 1.5rem;
}

.stats {
    color: var(--primary_blue);
    font-size: 2.375rem;
}

/* headings - end */



/* paragraph - start */
p {
    font-size: 1.25rem;
    line-height: 1.9rem;
}

.paragraph {
    font-size: 1.25rem;
    color: var(--gray);
    line-height: 1.9rem;
}

.publication {
    font-size: 1.25rem;
    font-style: italic;
    color: var(--gray);
}

.character_link {
    display: inline;
    color: var(--secondary_cobalt);
    font-size: 1.25rem;
    text-decoration: none;
    transition: 0.2s;
}

.character_link:hover,
.character_link:focus {
    color: var(--primary_blue);
    text-decoration: underline;
}

.paragraph_large {
    font-size: 1.5rem;
    color: var(--gray);
}

em {
	font-style: italic;
}

/* paragraph - end */



/* framing - start */
.framing_element {
    position: relative;
    width: 100%;
    height: 100%;
}

.framing_element::before {
    content: "";
    width: 13rem;
    height: 13rem;
    margin-right: 0px;
    background-color: var(--primary_gold);
    display: block;
    position: absolute;
    top: -20.5px;
    left: -20.5px;
    clip-path: polygon(0% 0%, 100% 0, 100% 10%, 10% 10%, 10% 100%, 0% 100%);
}

.framing_element-gold::before {
    background: var(--gradient_gold_2);
}

.framing_element-blue::before {
    background: var(--gradient_blue_4);
}

/* framing - end */


/* hash lines - start */
.hash_line-narrow {
    position: relative;
    display: block;
    background-image: repeating-linear-gradient(-45deg, currentColor 0, currentColor 1.35px, transparent 0, transparent 50%);
    background-size: 9px 9px;
    color: #2c73c7;
    right: 0;
    top: 0vw;
    z-index: 0;
    height: 1.1rem;
    width: 100%;
}

.hash_line-wide {
    position: relative;
    display: block;
    background-image: repeating-linear-gradient(-45deg, currentColor 0, currentColor 1.35px, transparent 0, transparent 50%);
    background-size: 9px 9px;
    color: #2c73c7;
    right: 0;
    top: 0;
    z-index: 0;
    height: 100%;
    min-height: 150px;
    max-height: 450px;
    width: 25%;
}

.hash_line-right::after {
    content: '';
    position: absolute;
    display: block;
    background-image: repeating-linear-gradient(-45deg, currentColor 0, currentColor 1.35px, transparent 0, transparent 50%);
    background-size: 9px 9px;
    color: #2c73c7;
    right: 0;
    top: 0;
    z-index: -1;
    height: 650px;
    width: 40%;
}

/* hash lines - end */



/* hero banner - start */
.hero_banner {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 180px 0;
	min-height: 40vw;
    overflow-y: visible;
	margin-top: -120px; /*added from oustyles.css*/
}

.hero_banner.hero-bg-top {
  background-position: top;
}

.hero_banner.hero-bg-bottom {
  background-position: bottom;
}

.hero_banner>.container-fluid {
    width: 76%;
}

.hero_banner::before {
    content: '';
    position: absolute;
    background: linear-gradient(to right, #003366C3, #ffffff00);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.hero_banner-content {
    position: relative;
    z-index: 1;
    max-width: 700px;
    padding-right: 30px;
    overflow-y: visible;
}

.hero_banner-title {
    margin-bottom: 30px;
}

.hero_banner-subtitle {
    color: var(--white);
    font-size: 1.5rem;
}

.hero_banner-btns {
    margin-top: 50px;
}

.dropdown.btn-dropdown {
    display: inline-block;
  }
  
.btn-dropdown .dropdown-toggle::after {
transition: transform 0.3s ease;
transform: rotate(0) !important;
}

.btn-dropdown .dropdown-toggle.show::after {
transition: transform 0.3s ease;
transform: rotate(180deg) !important;
}

.hero_banner-btns a,
.hero_banner-btns button {
margin-bottom: 16px;
}

.hero_banner-btns a:first-of-type {
    margin-right: 30px;
}
  
  .dropdown-menu.btn-dropdown-menu a {
    text-transform: uppercase;
    display: block;
    padding: 8px 12px;
    color: var(--primary_blue);
    text-decoration: none;
    background-color: var(--white);
    border-bottom: 2px solid var(--secondary_cobalt);
    border-radius: 0;
    margin: 0;
    text-wrap: wrap;
    font-size: 14px;
  }
  
  .dropdown-menu.btn-dropdown-menu a:hover,
  .dropdown-menu.btn-dropdown-menu a.focus,
  .dropdown-menu.btn-dropdown-menu a.visited {
    background-color: var(--light_gray);
  }
  
  .dropdown-menu.btn-dropdown-menu .show {
    position: absolute;
    display: block;
    top: 0 !important;
    left: 0 !important;
    transform: translate(0, 54px) !important;
    z-index: 3;
    border-radius: 0;
    width: calc(100% - 30px);
    background-clip: unset;
    height: auto;
    height: -moz-fit-content; /* For older versions of Firefox */
    height: -webkit-fit-content; /* For older versions of Chrome/Safari */
    height: fit-content;
  }
  
  .dropdown-menu.btn-dropdown-menuLnot {
    width: calc(100% - 30px);
    margin-top: -3px !important;
  }
  
  .dropdown-menu .dropdown-item {
    margin-right: 0 !important;
  }
  
  .hero_banner-btns a:not(:last-child),
  .hero_banner-btns button:not(:last-child) {
    margin-right: 30px;
  }
  
  .dropdown-menu.btn-dropdown-menu {
    margin-top: -17px !important;
  	z-index: 2;
    width: calc(100% - 30px);
	padding: 0;
  }
  
  .dropdown-menu {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease-out;
    display: block;
    visibility: hidden;
  }
  
  .dropdown-menu.show {
    z-index: -1;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
  
  /* hero banner video */
  .hero_banner-video,
  .hero_banner-video video {
    width: 100%;
    height: 800px;
    object-fit: cover;
    padding: 0;
  }
  
  .hero_banner-video .hero_banner-content {
    position: absolute;
    bottom: 100px;
    left: 12%;
  }
  
  .hero_banner-video .play-pause {
    position: absolute;
    z-index: 1;
    display: grid;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--white);
    width: 40px;
    height: 40px;
    bottom: 40px;
    right: 40px;
    font-size: 16px;
    line-height: 0;
    border: 1px solid var(--white);
    transition: 0.2s;
  }
  
  .hero_banner-video .play-pause:hover,
  .hero_banner-video .play-pause:focus {
    background-color: var(--primary_blue);
  }

/* hero banner - end */



/* internal banner - start */
.internal_banner {
    position: relative;
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    margin-top: -120px;
	z-index:-1;
}

/* internal banner - video */
.internal_banner-video .play-pause {
    position: absolute;
    z-index: 1;
    display: grid;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--white);
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 14px;
    font-size: 16px;
    line-height: 0;
    border: 1px solid var(--white);
    transition: 0.2s;
  }
  
  .internal_banner-video .play-pause:hover,
  .internal_banner-video .play-pause:focus {
    background-color: var(--primary_blue);
  }

/* internal banner - end */



/* card full img - start */
.card-full-img {
    background-color: var(--white);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
    margin: 40px 0;
    display: flex;
    height: calc(100% - 80px);
    flex-direction: column;
}

.card-full-img img {
    width: 100%;
    height: 18rem;
    object-fit: cover;
    overflow: hidden;
}

.card-full-img .card-content {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 270px;
    padding: 33px 30px;
    flex-grow: 1 !important;
}

.card-full-img .card-title {
    color: var(--primary_blue);
    margin-bottom: 20px;
}

.card-full-img .card-text {
    color: var(--gray);
    line-height: 1.3;
}

.card-full-img .card-btn {
    width: fit-content;
    margin-top: auto;
}

/* card full img - end */



/* article card - start */
.article_card {
    position: relative;
    background-color: var(--white);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    margin-top: -80px;
    margin-bottom: 150px;
}


.article_card a {
    color: var(--secondary_cobalt);
    text-decoration: underline;
  }
  

.article_card-decor::before {
    content: "";
    width: 13rem;
    height: 13rem;
    background: var(--gradient_gold_2);
    display: block;
    position: absolute;
    top: -20.5px;
    left: -20.5px;
    clip-path: polygon(0% 0%, 100% 0, 100% 10%, 10% 10%, 10% 100%, 0% 100%);
}

.article_card-img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.article_card-content {
    padding: 50px;
}

.article_card-content h1 {
    margin: 40px 0;
}

.article_card-content h2 {
    margin: 40px 0 10px 0;
}


/* article card - start */



/* card 2 col - start */
.card_2col {
    position: relative;
    width: 100%;
    max-width: 1320px;
    background-color: var(--white);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    padding: 6rem 8rem; 
    margin-top: 60px;
}

.card_2col-decor::before {
    content: "";
    width: 13rem;
    height: 13rem;
    display: block;
    position: absolute;
    top: -20.5px;
    left: -20.5px;
    clip-path: polygon(0% 0%, 100% 0, 100% 10%, 10% 10%, 10% 100%, 0% 100%);
}

.card_2col-decor::after {
    content: "";
    width: 2rem;
    height: 100%;
    position: absolute;
    display: block;
    background-image: repeating-linear-gradient(-45deg, currentColor 0, currentColor 1.35px, transparent 0, transparent 50%);
    background-size: 9px 9px;
    color: #2c73c7;
    left: 0;
    top: 0;
}

.card_2col-decor_blue::before {
    background: var(--gradient_blue_4);
}

.card_2col-decor_gold::before {
    background: var(--gradient_gold_1);
}

.card_2col img {
    width: 100%;
    height: auto;
    object-fit: contain;
    overflow: hidden;
    display: flex;
    align-self: center;
}

.card_2col .card_2col-title {
    padding-bottom: 30px;
}

.card_2col-btns {
    margin-top:0; /* added by d. burtin 8/8/24*/ 
    display:flex; 
    flex-direction:column;  
    justify-content: space-between;
}

/* added by d. burtin 8/8/24*/ 
.card_2col-btns a {
    width: 90%;
    margin: 10px 0px;
} 

.card_2col-btns a:first-of-type {
    margin-right: 38px;
}

/* card 2 col - end */

/* card split - start */
.card_split {
    position: relative;
    width: 100%;
    background-color: transparent;
    margin-top: 60px;
    margin-bottom: 120px;
  }
  
  .card_split .split-content {
    background-color: var(--white);
    position: relative;
    padding: 4.2rem 6.2rem;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    line-height: 1.5;
  }
  
  .card_split.card_split-right .split-content {
    transform: translate(-2rem, 2rem);
  }
  
  .card_split .split-content h2.h1 {
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background: unset;
    color: var(--primary_blue) !important;
    font-size: 4.5rem;
  }

.card_split .split-content span.h1 {
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background: unset;
  color: var(--primary_blue) !important;
  font-size: 4.5rem;
}
  
  .card_split .split-content .card_split-gray {
    color: var(--gray);
    font-size: 1.25rem;
    line-height: 1.5;
    margin-top: 1.5rem;
  }
  
  .card_split .split-image {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    display: flex;
    align-self: center;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    transform: translate(-2rem, 2rem);
  }
  .card_split.card_split-right .split-image {
    transform: translate(0);
  }
  
  .card_split .split-image .split-image-wrapper {
    width: 100%;
    height: 100%;
    aspect-ratio: 6 / 4;
    overflow: hidden;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }
  
  .card_split .split-image .split-image-wrapper img {
    min-width: 100%;
  }
  
  .card_split .split-image::before {
    content: "";
    width: 13rem;
    height: 13rem;
    margin-right: 0px;
    background-color: var(--primary_gold);
    display: block;
    position: absolute;
    top: -20.5px;
    right: -20.5px;
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 90% 100%, 90% 10%, 0% 10%);
  }
  
  .bg-gradient_gold_2 .card_split .split-image::before,
  .bg-gradient_gold_offset .card_split .split-image::before {
    background: var(--gradient_blue_3);
  }
  
  .card_split.card_split-right .split-image::before {
    display: block;
    position: absolute;
    top: auto;
    bottom: -20.5px;
    left: -20.5px;
    clip-path: polygon(0% 0%, 10% 0, 10% 90%, 100% 90%, 100% 100%, 0% 100%);
  }
  
  .card_split .split-content::after {
    content: "";
    width: 80%;
    height: 2rem;
    position: absolute;
    display: block;
    background-image: repeating-linear-gradient(
      -45deg,
      currentColor 0,
      currentColor 1.35px,
      transparent 0,
      transparent 50%
    );
    background-size: 9px 9px;
    color: #2c73c7;
    left: 0;
    bottom: 0;
  }
  
  .card_split.card_split-right .split-content::after {
    right: 0;
    left: auto;
  }
  
  .card_2col img {
    width: 100%;
    height: auto;
    object-fit: contain;
    overflow: hidden;
    display: flex;
    align-self: center;
  }
  
  /* card split - end */

/* stats cards - start */
.stats_card-decor::before {
    content: "";
    width: 13rem;
    height: 13rem;
    display: block;
    position: absolute;
    top: -20.5px;
    left: -20.5px;
    clip-path: polygon(0% 0%, 100% 0, 100% 10%, 10% 10%, 10% 100%, 0% 100%);
}

.stats_card-decor::after {
    content: "";
    width: 2rem;
    height: 100%;
    position: absolute;
    display: block;
    background-image: repeating-linear-gradient(-45deg, currentColor 0, currentColor 1.35px, transparent 0, transparent 50%);
    background-size: 9px 9px;
    color: #2c73c7;
    left: 0;
    top: 0;
}

.stats_card-decor_blue::before {
    background: var(--gradient_blue_4);
}

.stats_card-decor_gold::before {
    background: var(--gradient_gold_1);
}

.stats_card {
    position: relative;
    background-color: var(--white);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    margin-top: 60px;
}

.stats_card .stats-anchor {
    position: relative;
    z-index: 1;
}

.stats_card-box {
    padding: 6.2rem;
}

.stats_card > .stats_card-box p.paragraph {
	font-style: italic;
}

.stats-title {
    padding-bottom: 30px;
}

.stats-title h2.h1 {
    font-size: 2.375rem;
}

.stats-title h3 {
  font-size: 2rem;
}

.stats-title h2 {
    font-size: 3rem;
}

.stats-heading {
    font-size: 2.375rem;
    padding: 16px 0;
    margin: 30px 0;
    border-bottom: 1px solid var(--primary_blue);
}

.stats-sub_heading {
    font-size: 1.5rem;
    margin: 30px 0;
}

.stats-footnote {
    padding: 20px;
  }
  
  .stats-footnote,
  .stats-footnote p {
    color: var(--gray);
    text-align: right;
    font-family: "Tiempos Headline";
    font-size: 26px;
    font-style: italic;
    font-weight: 500;
  }
  
  .stats-footnote a,
  .stats-footnote p > a {
    color: var(--secondary_cobalt);
    font-family: "Tiempos Headline";
    font-size: 26px;
    font-style: italic;
    font-weight: 500;
    text-decoration: underline;
  }
  
  .stats-footnote a:hover,
  .stats-footnote p > a:hover {
    text-decoration: none!important;
  }
  
  .section-intro {
    text-align: left;
    padding-top: 2rem;
  }
  
  .section-intro h2 {
    font-size: 2.8rem;
  }
  
  .section-intro h1,
  .section-intro h2,
  .section-intro h3 {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  
  .section-intro.intro-center {
    text-align: center;
  }
  
  .section-intro.intro-right {
    text-align: right;
  }
  
  .section-intro.intro-center .hash_mark {
    margin-right: auto;
    margin-left: auto;
  }
  
  .section-intro.intro-right .hash_mark {
    margin-left: auto;
  }
  
  .section-intro-wrap {
    padding-top: 6rem;
  }
  
  .section-intro + .stats_card {
    margin-top: 2rem;
  }
  
  .bg-primary_gold .section-intro .hash_mark,
  .bg-gradient_gold_2 .section-intro .hash_mark {
    background: var(--gradient_blue_3);
  }
  
  .bg-primary_blue .section-intro .hash_mark,
  .bg-gradient_blue_2 .section-intro .hash_mark {
    /* background: var(--white); */
  }
  
  .bg-primary_blue .section-intro,
  .bg-gradient_blue_2 .section-intro {
    color: white;
  }
  
  .bg-primary_blue .section-intro h2,
  .bg-primary_blue .section-intro h3,
  .bg-gradient_blue_2 .section-intro h3,
  .bg-gradient_blue_2 .section-intro h2,
  .bg-gradient_blue_1 .section-intro h2,
  .bg-gradient_blue_1 .section-intro h3 {
    color: var(--white);
    background: transparent;
    background-clip: none;
    -webkit-background-clip: none;
    -webkit-text-fill-color: unset;
  }
  
  .bg-primary_blue .stats-footnote,
  .bg-primary_blue .stats-footnote p,
  .bg-gradient_blue_2 .stats-footnote,
  .bg-gradient_blue_2 .stats-footnote p {
    color: var(--white);
  }
  
  .bg-primary_blue .stats-footnote a,
  .bg-primary_blue .stats-footnote p > a,
  .bg-gradient_blue_2 .stats-footnote a,
  .bg-gradient_blue_2 .stats-footnote p > a {
    color: var(--white);
    text-decoration: underline;
  }
  
  div.bg-image-overlay {
    background-color: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    position: relative;
  }
  
  div.bg-image-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      270deg,
      rgba(0, 114, 206, 0.85) 0%,
      rgba(0, 58, 104, 0.85) 100%
    );
  
    pointer-events: none;
    z-index: 1;
  }
  
  div.bg-image-overlay > * {
    position: relative;
    z-index: 2; /* Ensure the content is above the overlay */
  }

/* stats cards - end */



/* callout cards - start */
.callout_card {
    position: relative;
    background-color: var(--white);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
    margin-top: 60px;
    height: calc(100% - 60px);
    min-height: 400px;
}

.callout_card::before {
    content: '';
    position: absolute;
    display: block;
    background: var(--gradient_gold_2);
    width: 1.5rem;
    height: 100%;
    top: 0;
}

.callout_card::after {
    content: '';
    position: absolute;
    display: block;
    background-image: repeating-linear-gradient(-45deg, currentColor 0, currentColor 1.35px, transparent 0, transparent 50%);
    background-size: 9px 9px;
    color: #2c73c7;
    width: 18%;
    height: 100%;
    top: 0;
    z-index: 0;
}


.callout_card.callout_card-left::before {
    left: 0;
}

.callout_card.callout_card-left::after {
    left: 1.5rem;
}

.callout_card.callout_card-right::before {
    right: 0;
}

.callout_card.callout_card-right::after {
    right: 1.5rem;
}

.bg_white .callout_card::before,
.bg-primary_gold .callout_card::before,
.bg-gradient_gold_1 .callout_card::before,
.bg-gradient_gold_2 .callout_card::before {
    background: var(--gradient_blue_4);
}


.callout_card img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 1;
}

.callout_card-content {
    display: flex;
    align-items: center;
}

.callout_card-title {
    padding-bottom: 24px;
}

.callout_card-btn {
    margin-top: 34px;
}

.callout_card .callout-img-wrap {
    position: relative;
    aspect-ratio: 1 / 1;
    max-width: 250px;
    max-height: 250px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 1;
    overflow: hidden;
  }
  
  .callout_card .callout-img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    border-radius: 0;
    max-width: unset;
  }
  

/* callout cards - end */


/* breadcrumb - start */
.breadcrumb-item a {
    color: var(--primary_blue);
    text-decoration: none;
    text-transform: uppercase;
}

.breadcrumb-item.active {
    color: var(--primary_blue);
    text-decoration: underline;
    text-transform: uppercase;
}

.breadcrumb-item +.breadcrumb-item::before {
    font-weight: normal;
}

/* breadcrumb - end */



/* sibar menu - start */
.sidebar_menu {
    background-color: var(--white);
    padding: 0 20px 20px 20px;
    margin: 100px 0;
}

.sidebar-title {
    margin: 20px 0;
}

.sidebar-links a {
    display: flex;
    align-items: center;
    padding: 20px 0;
    color: var(--primary_blue);
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid var(--gray);
}

.sidebar-links a:hover,
.sidebar-links a:focus {
    color: var(--secondary_cobalt);
}

.sidebar-links a:last-of-type {
    border-bottom: none;
}

.sidebar-links a.icon-external::before {
	content: url(/_resources-2024/images/icons/icon-external.svg);
    display: inline-block;
    font-size: 16px;
    margin: 5px 10px 0 0;
}

/* sibar menu - end */

/* Vertical Tabbed Panels - start */
.vertical-tabbed-panels {
    border: 1px solid #cccccc50;
    box-shadow: 1px 5px 10px 1px #bababa;
    background-color: var(--white);
  }
  .vertical-tabbed-panels ul.nav {
    background-color: var(--primary_blue);
    min-width: 25%;
    align-self: stretch;
    max-width: 25%;
  }
  .vertical-tabbed-panels ul.nav li {
    color: var(--white);
    border-bottom: 1px solid var(--white);
  }
  .vertical-tabbed-panels ul.nav li:first-child {
    border-top: none;
  }
  .vertical-tabbed-panels ul.nav a,
  .vertical-tabbed-panels ul.nav button {
    color: var(--white);
    display: block;
    padding: 15px 12px;
    width: 100%;
  }
  .vertical-tabbed-panels ul.nav a:hover,
  .vertical-tabbed-panels ul.nav a.active,
  .vertical-tabbed-panels ul.nav button:hover,
  .vertical-tabbed-panels ul.nav button.active {
    background-color: var(--primary_gold);
    color: var(--primary_blue);
  }
  .vertical-tabbed-panels .tab-content {
    padding: 20px 30px;
  }
  .vertical-tabbed-panels {
    border: 1px solid #cccccc50;
    box-shadow: 1px 5px 10px 1px #bababa;
    background-color: var(--bs-body-bg);
  }
  .vertical-tabbed-panels ul.nav {
    width: 100%;
    display: bock;
    flex-wrap: none;
  }
  .tab-pane ul,
  .container-fluid ul,
  .tab-pane li,
  .tab-pane table {
    font-size: 1.25rem;
  }

/* Table design */
table {
    width: 100%;
  }
  table tr {
    border-bottom: 1px solid #fc0;
  }
  table td {
    padding: 15px;
  }

  @media only screen and (max-width: 768px) /*@include media-breakpoint-down(md) */ {
    .d-flex {
      display: block !important;
    }
    .vertical-tabbed-panels ul.nav {
      max-width: 100%;
    }
}
/* Vertical Tabbed Panels - end */

/* image collage - start */
.image_collage img {
	display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    object-fit: contain;
}

/* DB inserted 7/9 - start */
.horizontal_image_collage img {
	margin: 0 auto;
    width: 100%;
    max-width: 14000px;
    object-fit: contain;
}

.offset {
    margin-top:150px;
}
.offset .container {
    margin-top:-10%;
}
/* DB inserted 7/9 - end */

/* image collage - end */
/* DS Needs to change */
h1 em,
h2 em,
.h1 em,
.h2 em {
  font-style: italic;
  font-family: "Tiempos Headline";
}

.extra-padding {
    padding: 6rem 0px;
}

.extra-padding-top {
    padding: 6rem 0px 0px;
}

.extra-padding-bottom {
    padding: 0px 0px 6rem;
}

.n-lg-margin_top {
    margin-top: -200px;
}


/* showcase - start */
.showcase-headline {
    background-color: var(--primary_blue);
    text-transform: capitalize;
    padding: 40px 0 20px 0;
}

.showcase-headline img {
    width: 100%;
    max-width: 400px;
    margin-bottom: 30px;
}

.showcase-headline h1 {
    color: var(--white);
    font-size: 30px;
}

.showcase-title {
    border-bottom: 2px solid #B6B6B6;
    margin: 60px 0 30px 0;
}

.showcase-title h2 {
    color: var(--secondary_cobalt);
    text-transform: uppercase;
    font-size: 18px;
    padding: 20px 0;
}

.showcase-color_box {
    width: 100%;
    margin-bottom: 24px;
}

.showcase-color_code {
    padding: 0 20px;
    margin: 0;
}

.showcase-color_code p:first-of-type {
    font-weight: 700;
    margin-bottom: 6px;
}

.showcase-color_code p:last-of-type {
    margin-bottom: 0;
}

.framing_elemnt-showcase {
    width: 100%;
    height: 300px;
}

.divier_gap {
    width: 100%;
    height: 120px;
}

/* showcase - end */

/* majors pages sidebar links and checklist - start */

ul.greenCheckList {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .greenCheckList li {
    display: flex;
    margin-bottom: 15px;
  }
  .greenCheckList li li,
  .greenCheckList li span,
  .greenCheckList li p {
    font-weight: 600 !important;
  }
  .greenCheckList li::before {
    content: "\F058";
    font-size: 1.3rem;
    color: #00cdff;
    font-weight: 400;
    padding-right: 10px;
  }
  
  .sidebar-links a.btn-secondary_blue.icon-external::before,
  .sidebar-links a.btn-secondary_gold.icon-external::before {
    display: none;
  }
  .sidebar-links a.btn-secondary_blue,
  .sidebar-links a.btn-secondary_blue p,
  .sidebar-links a.btn-secondary_gold,
  .sidebar-links a.btn-secondary_gold p {
    font-size: 1rem;
    line-height: 115%;
  }
  .sidebar-links a.btn-secondary_blue,
  .sidebar-links a.btn-secondary_blue p {
    color: #fff;
  }
  .sidebar-links a.btn-secondary_gold,
  .sidebar-links a.btn-secondary_gold p {
    color: #036;
  }
  .sidebar-links a.btn-secondary_blue,
  .sidebar-links a.btn-secondary_gold {
    padding: 12px 60px 14px 13px;
    display: inline-block;
  }

/* majors pages sidebar links and checklist - end */

/* special link icons - start */

.lock-icon, .file-icon, .ext-site-icon {
	position: relative;
	display: inline-block;
	top: -2px;
}

.lock-icon, .ext-site-icon {
	font-size: 16px;
	left: 5px;
	margin-right: 8px;
}

.file-icon
{
    font-size: 14px;
    margin-left: 5px;
    width: 16px;
    height: auto;
}

.ou-btn > .ext-site-icon {
    display: none;
}

/* special link icons - end */

 /* print css */
@media print {
    .h1,
    h1 {
      color: #000 !important;
      background: black !important;
      font-family: "Tiempos Headline";
      font-weight: 500;
      line-height: 1.1;
      font-size: 2.5rem;
      -webkit-background-clip: text;
      -webkit-text-fill-color: #003366 !important;
    }
  }
  
  /* print css - end */
  
  /* line art overlays */
  .tulips {
    z-index: 1;
    position: relative;
  }
  .tulips::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/_resources-2024/images/tulip-pattern.webp");
    background-repeat: repeat;
    opacity: 0.3; /* Adjust opacity level */
    z-index: -1; /* Ensure background image is behind the text */
  }
  .bg-primary_blue h2,
  .bg-primary_blue h3,
  .line-art-breakout .bg-primary_blue h2,
  .line-art-breakout .bg-gradient_blue_1 h2,
  .line-art-breakout .bg-secondary_cobalt h2 {
    color: var(--white);
  }
  .line-art-breakout .bg-primary_blue .copy,
  .line-art-breakout .bg-gradient_blue_1 .copy,
  .line-art-breakout .bg-secondary_cobalt .copy {
    color: var(--white);
  }
  .line-art-breakout .bg-primary_gold h2 {
    color: var(--primary_blue);
  }
  .line-art-breakout .bg-primary_blue .copy {
    color: var(--primary_blue);
  }
  
  /* Out-of-the-box-slick start */
  .slick-slider {
    position: relative;
  
    display: block;
    box-sizing: border-box;
  
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list {
    position: relative;
  
    display: block;
    overflow: hidden;
  
    margin: 0;
    padding: 0;
  }
  .slick-list:focus {
    outline: none;
  }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  .slick-track {
    position: relative;
    top: 0;
    left: 0;
  
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .slick-track:before,
  .slick-track:after {
    display: table;
  
    content: "";
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  
  .slick-slide {
    display: none;
    float: left;
  
    height: 100%;
    min-height: 1px;
  }
  [dir="rtl"] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
  }
  .slick-slide.slick-loading img {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
  
    height: auto;
  
    border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
    display: none;
  }
  /* Out-of-the-box-slick end */
  /* slick-theme end */
  .slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
  }
  
  .slick-dots-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
  
  .slick-prev,
  .slick-next {
    font-size: 16px;
    line-height: 0;
  
    display: block;
  
    width: 40px;
    height: 40px;
    padding: 12px;
    border-radius: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  
    cursor: pointer;
    border: none;
    outline: none;
    color: var(--primary_blue);
    background: rgba(222, 242, 252, 0.75);
    -webkit-background-blend-mode: multiply;
    -moz-background-blend-mode: multiply;
    background-blend-mode: multiply;
  }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    color: var(--primary_blue);
    outline: none;
    background: rgba(222, 242, 252, 1);
  }
  .bg-light_blue .slick-prev,
  .bg-light_blue .slick-next,
  .bg-light_blue_offset_70 .slick-prev,
  .bg-light_blue_offset_70 .slick-next,
  .bg-gradient_blue_2 .slick-prev,
  .bg-gradient_blue_2 .slick-next {
    background: rgba(255, 255, 255, 0.75);
  }
  
  .bg-light_blue .slick-prev:hover,
  .bg-light_blue .slick-next:hover,
  .bg-light_blue_offset_70 .slick-prev:hover,
  .bg-light_blue_offset_70 .slick-next:hover,
  .bg-gradient_blue_2 .slick-prev:hover,
  .bg-gradient_blue_2 .slick-next:hover {
    background: rgba(255, 255, 255, 1);
  }
  .slick-prev:hover:before,
  .slick-prev:focus:before,
  .slick-next:hover:before,
  .slick-next:focus:before {
    opacity: 1;
  }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25;
  }
  
  /* Dots */
  .slick-dotted.slick-slider {
    margin-bottom: 30px;
  }
  
  .slick-dots {
    display: block;
  
    width: 100%;
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
  
    list-style: none;
    text-align: center;
  }
  .slick-dots li {
    position: relative;
  
    display: inline-block;
  
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
  
    cursor: pointer;
  }
  .slick-dots li button {
    font-size: 0;
    line-height: 0;
  
    display: block;
  
    width: 20px;
    height: 20px;
    padding: 5px 5px 10px;
  
    cursor: pointer;
  
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
  }
  .slick-dots li button:hover,
  .slick-dots li button:focus {
    outline: none;
  }
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before {
    opacity: 1;
  }
  .slick-dots li button:before {
    font-family: "slick";
    font-size: 30px;
    line-height: 0px;
  
    position: absolute;
    top: 0;
    left: 0;
  
    width: 8px;
    height: 8px;
  
    content: "•";
    text-align: center;
  
    opacity: 1;
    color: var(--secondary_cobalt);
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #00cdff;
  }
  /* slick-theme end */
  
  /* slick carousel - start */
  
  .slick-container {
    max-width: 100vw;
    overflow: hidden;
    margin-right: 0;
  }
  @media (max-width: 576px) {
    .slick-container {
      max-width: 540px;
    }
  }
  @media (max-width: 768px) {
    .slick-container {
      max-width: 720px;
      margin-right: auto;
    }
  }
  
  .slick-container .slick-wrapper {
    position: relative;
    overflow: visible;
    width: 100vw;
  }
  
  @media (min-width: 576px) {
    .slick-container .row:not(.slick-wrapper) {
      max-width: 540px;
    }
  }
  
  @media (min-width: 768px) {
    .slick-container .row:not(.slick-wrapper) {
      max-width: 720px;
    }
  }
  
  @media (min-width: 992px) {
    .slick-container .row:not(.slick-wrapper) {
      max-width: 960px;
    }
  }
  
  @media (min-width: 1200px) {
    .slick-container .row:not(.slick-wrapper) {
      max-width: 1140px;
    }
  }
  
  @media (min-width: 1400px) {
    .slick-container .row:not(.slick-wrapper) {
      max-width: 1320px;
    }
  }
  @media (min-width: 1900px) {
    .slick-container .row:not(.slick-wrapper) {
      max-width: 1676px;
    }
  }
  
  .slick-carousel {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
    padding-right: 0;
  }
  
  .slick-carousel .card-full-img.slick-slide {
    position: relative;
    display: block;
    width: 100%;
    min-height: 650px;
    margin-right: 32px;
  }
  
  .slick-carousel .card-full-img.slick-slide .card-content {
    padding-bottom: 6.5rem;
  }
  
  .slick-carousel .card-full-img.slick-slide .anchor_horizontal-gold,
  .slick-carousel .card-full-img.slick-slide .anchor_horizontal-blue {
    position: absolute;
    bottom: 0;
  }
  
  .slick-carousel .card-full-img.slick-slide a.btn-primary_blue,
  .slick-carousel .card-full-img.slick-slide a.btn-primary_gold,
  .slick-carousel .card-full-img.slick-slide a.btn-secondary_cobalt,
  .slick-carousel .card-full-img.slick-slide a.btn-secondary_gold,
  .slick-carousel .card-full-img.slick-slide a.btn-secondary_blue {
    position: absolute;
    bottom: 3rem;
  }
  
  .slick-carousel a.card-full-img,
  .slick-carousel a.card-full-img .card-content,
  .slick-carousel a.card-full-img .card-content .card-title,
  .slick-carousel a.card-full-img .card-content .card-text {
    text-decoration: none;
  }
  .slick-carousel a.card-full-img:hover .card-content .card-title,
  .slick-carousel a.card-full-img :focus .card-content .card-title {
    text-decoration: underline;
  }
  
  .slick-carousel .card-full-img .carousel-card-img-wrap {
    width: 100%;
    height: 18rem;
    overflow: hidden;
    position: relative;
  }
  
  .slick-carousel .card-full-img .carousel-card-img-wrap img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%, -50%);
  }
  
  /* slick-carousel - end */ 

/* hero side buttons - start */
        .side-buttons {
		position: relative;
		top: -10rem;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		width: 100%;
		height: 0;
		gap: 1rem;
		}
		.btn-side {
		background: var(--primary_blue) !important;
		border-radius: 0px;
		border-bottom: 1px solid;
		border-bottom-width: 1px;
		border-image-source: var(--gradient_blue_2);
		border-image-slice: 1;
		border-width: 2px;
		border-top: 2px solid;
		border-left: 2px solid;
		transition: .3s;
		}
		.btn-side:hover {
		background: #00cdff !important;
		color: var(--primary_blue);
		}
		
		@media (max-width: 652px) {
		.btn-secondary_blue.btn-side {
		margin-bottom: 0px;
		padding: 6px 45px 6px 6px;
		font-size: .9rem !important;
		}
		.btn-secondary_blue:not(.dropdown-toggle)::after {
		padding: 1px 10px 3px 3px;
		}
		}

/* herp side buttons - end */

/* residence hall carousel - start */
    .slider-container {
      width: 100%;
      background: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      text-align: center;
      position: relative;
    }

    .slider-image {
      display: none;
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 8px;
      cursor: pointer;
    }

    .slider-image.active {
      display: block;
    }

    .radio-buttons {
      margin-top: 15px;
    }

    .radio-buttons input[type="radio"] {
      margin: 0 8px;
      accent-color: #fc0;
      transform: scale(1.2);
      cursor: pointer;
    }

    /* Modal styles */
    .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;
    }

    .modal img {
      max-width: 90%;
      max-height: 90%;
      border-radius: 10px;
    }

    .modal .close {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 32px;
      color: white;
      cursor: pointer;
    }
/* residence hall carousel - end */