/* font declarations */
@font-face { font-family: 'FidelitySans2-Light'; src: url('/hubfs/FidelitySans2-Light.ttf') format('truetype')}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.hs-content-id-199576254017 {
  .offer-card {
    position: relative;
    .offer-card__content-container {
      color: #65dff4;
      padding: 0 30px;
      display: flex;
      align-items: center;
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      border-top: 1px solid #65dff4;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      background-color: #052547;
      overflow: hidden;
      height: 144px;
      &:hover {
        background-color: #65dff4;
        a {
        color: #052547;
        }
      }
      a {
        color: #65dff4;
        &:hover {
          color: #052547;
        }
      }
    }
  }
}


/* Animated Statistics Card    */
#hs_cos_wrapper_widget_1762973598184 .animated-statistics__card {
  background: linear-gradient(to bottom, #7726c0 50%, #264A89 100%);
  display: flex;
  justify-content: center;
  text-align: center; 
}

#hs_cos_wrapper_widget_1762973598184 .animated-statistics__card-content {
  padding: 0; /* Remove extra padding so centering works perfectly */
  flex-direction: column;
    display: flex;
   /* justify-content: center;*/
    align-items: center;
 
}

#hs_cos_wrapper_widget_176297359818 .animated-statistics__card-header{
  justify-content:center;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
:root {
  --max-content-height: 360px;
  --gradient-blockchain: linear-gradient(to right, rgba(255, 130, 16, 1), rgba(255, 169, 19, 1));
  --image-blockchain: url(/hubfs/47560396/blockchain/blockchain-header-pattern.webp);
  --gradient-quantum-security: linear-gradient(to right, rgba(178, 239, 249, 1), rgba(56, 167, 215, 1));
  --image-quantum-security: url(/hubfs/47560396/quantum-security/quantum-header-image.webp);
  --gradient-quantum-security-2: linear-gradient(to right, rgba(178, 239, 249, 1), rgba(56, 167, 215, 1));
  --image-quantum-security-2: url(/hubfs/47560396/quantum-security/quantum-header-image-2.webp);
  --gradient-ai: linear-gradient(to bottom, rgba(91, 43, 143, 1), rgba(7, 90, 133, 1));
  --image-ai: url(/hubfs/47560396/AI/ai-header-banner.webp);
  --gradient-accelerated-quantum: linear-gradient(to bottom, rgba(101, 223, 244, 1), rgba(7, 90, 133, 1));
  --image-accelerated-quantum: url(/hubfs/47560396/accelerated-quantum-computing/quantum-header-banner.webp);
  --gradient-accelerated-quantum-2: linear-gradient(to bottom, rgba(3, 176, 220, 1), rgba(255, 0, 221, 0.2));
  --image-accelerated-quantum-2: url(/hubfs/47560396/accelerated-quantum-computing/quantum-header-banner-2.webp);
  --gradient-university: linear-gradient(to bottom, rgba(3, 176, 220, 1), rgba(5, 114, 168, 1));
  --image-university: url(/hubfs/47560396/university/university-header-banner.webp);
  --gradient-research: linear-gradient(to bottom, rgba(107, 4, 107, 1), rgba(38, 18, 60, 1));
  --image-research: url(/hubfs/47560396/research/research-header-image-bottom.webp);
  --gradient-emerging: linear-gradient(to bottom, rgba(107, 4, 107, 1), rgba(38, 18, 60, 1));
  --image-emerging: url(/hubfs/emerging-technologies/emtech-header-image-bottom.webp);
  --gradient-innovation: linear-gradient(to right, rgba(13, 23, 32, 1), rgba(28, 38, 45, 1));
  --image-innovation: url(/hubfs/47560396/innovation-ecosystem/innovation-banner-bottom.webp);
  --gradient-fellowship: linear-gradient(to right, rgba(13, 23, 32, 1), rgba(28, 38, 45, 1));
  --image-fellowship: url(/hubfs/47560396/fcat-fellowship/header-fellowship.webp); 
  --gradient-fellowship2: linear-gradient(to bottom, rgba(107, 4, 107, 1), rgba(38, 18, 60, 1));
  --image-fellowship2: url(/hubfs/47560396/fcat-fellowship/fellow-pattern.webp);
  --gradient-university-awards: linear-gradient(to right, rgba(57, 19, 208, 1) 50%, rgba(255, 153, 204, 1) 100%);
  --image-university-awards: url(/hubfs/47560396/university-awards/university-awards-banner.webp);  
  --gradient-sherlock: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  --image-sherlock: url(/hubfs/47560396/home/sherlock-background-banner.webp);  
}

/* add padding if more than one slide */
.content-slider-2:has([id*="-item1"]) {
  .content-slider-2__content {
    padding: 0 60px;
  }
}
.content-slider-2__content {
  h1 {
    font-family: "FidelitySans2-Light", Helvetica, Sans-serif;
    font-size: 30px;
  }
  img[src*="-bottom"] {
    vertical-align: bottom;
    max-height: var(--max-content-height);
    width: auto;
  }
  .button, .button:hover {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
}
/* specific backgrounds for focus areas, may need custom mod */

.content-slider-2__content {
  h1 {
    font-family: "FidelitySans2-Light", Helvetica, Sans-serif;
    font-size: 30px;
  }
  img {
    
  }
  img[src*="-bottom"] {
    vertical-align: bottom;
  }
}

/* specific backgrounds for focus areas, may need custom mod */
.hs-content-id-199576254017:has([id*="-item2"]:is(.tns-slide-active)) {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-sherlock), var(--gradient-sherlock) !important;
  }
}
.hs-content-id-198423218469 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-fellowship), var(--gradient-fellowship) !important;
  }
}
.hs-content-id-195139366933 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-blockchain), var(--gradient-blockchain) !important;
  }
}
.hs-content-id-195248975216 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-innovation), var(--gradient-innovation) !important;
  }
}

.hs-content-id-195470799278 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image:  var(--image-quantum-security), var(--gradient-quantum-security) !important;
  }
}
.hs-content-id-195470799278:has([id*="-item1"]:is(.tns-slide-active)) {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-quantum-security-2), var(--gradient-quantum-security-2) !important;
  }
}
.hs-content-id-195244383549 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-emerging), var(--gradient-emerging) !important;
  }
}

.hs-content-id-195183470604,
.hs-content-id-199576254017:has([id*="-item1"]:is(.tns-slide-active)) {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-ai), var(--gradient-ai) !important;
  }
}

.hs-content-id-195470799236 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-accelerated-quantum), var(--gradient-accelerated-quantum) !important;
  }
}
.hs-content-id-195470799236:has([id*="-item1"]:is(.tns-slide-active)) {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-accelerated-quantum-2), var(--gradient-accelerated-quantum-2) !important;
  }
}

.hs-content-id-195187182452 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-university), var(--gradient-university) !important;
  }
}

.hs-content-id-195470799286 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-research), var(--gradient-research) !important;
  }
}

.hs-content-id-199248167778 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-university-awards), var(--gradient-university-awards) !important;
  }
}
/* shared */
.dnd_area-row-0-background-layers:has(.content-slider-2) {
  min-height: var(--max-content-height);
  .content-slider-2__wrapper {
    display: flex;
  }
}
[class*=hs-content-id] .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-size: contain !important;
    background-position: right bottom !important;
    display: flex;
    align-items: center;
}
.hs-content-id-195470799278 .dnd_area-row-0-background-layers:has(.content-slider-2),
.hs-content-id-195244383549 .dnd_area-row-0-background-layers:has(.content-slider-2) 
{
    background-position: left bottom !important;
}

@media (max-width: 477px) {
  .hs-content-id-199576254017:has([id*="-item2"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--gradient-sherlock) !important;
  }
  .hs-content-id-198423218469 .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--gradient-fellowship) !important;
  }
  .hs-content-id-195139366933 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-blockchain) !important;
  }
  .hs-content-id-195248975216 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-innovation) !important;
  }
  .hs-content-id-195470799278 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-quantum-security) !important;
  }
  .hs-content-id-195470799278:has([id*="-item1"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-accelerated-quantum-2) !important;
    }
  }  
  .hs-content-id-195244383549 .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--gradient-emerging) !important;
  }
  .hs-content-id-195183470604 .dnd_area-row-0-background-layers:has(.content-slider-2),
  .hs-content-id-199576254017:has([id*="-item1"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2){
      background-image: var(--gradient-ai) !important;
    }
  .hs-content-id-195470799236 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-accelerated-quantum) !important;
    }
  .hs-content-id-195470799236:has([id*="-item1"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--gradient-accelerated-quantum-2) !important;
  }
  .hs-content-id-195187182452 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-university) !important;
    }
  .hs-content-id-195470799286 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-research) !important;
    }
  .hs-content-id-199248167778 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-university-awards) !important;
    }
}

/* Specific background for the new cell-Fcatfellowship section */
/* Desktop styling*/
.row-number-10.dnd_area-row-4-background-layers:has(#hs_cos_wrapper_module_17615778685155) {
  background-image: var(--image-fellowship2), var(--gradient-research) !important;
  background-position: right bottom !important;
  background-repeat: no-repeat !important;
  min-height: var(--max-content-height); 
}

/* Mobile override */
@media (max-width: 477px) {
  .row-number-10.dnd_area-row-4-background-layers:has(#hs_cos_wrapper_module_17615778685155) {
    background-image: var(--gradient-research) !important;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.section-header {
  h4 {
    font-size: 42px;
  }
  &:not(:has(h4)) p.secondary-header {
    font-family: "FidelitySans2-Light", Helvetica, Sans-serif;
    font-size: 18px;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.card-flip {
  div.card-front, div.card-back {
    overflow: clip;
  }
}


.card-flip .card-front .card-body a:hover,
.card-flip .card-back .card-body a:hover {
  text-decoration: underline;
}


@media (max-width: 767px) {
    .row-fluid [class*=span]:not(:first-child):has(.card-flip) {
        margin-top: 20px;
    }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.card-group__content:has(.card-group__video) {
  .card-group__content-container {
    padding: 0 20px;
  }
  .card-group__video {
    padding-bottom: 20px;
  }
  &:has(video) p {
    font-size: 14px;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.dr_video-hero__content-text {
  font-size: clamp(42px, calc(2.625rem + ((1vw - 3.2px) * 1.5909)), 56px);
  min-height: 0vw;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.blog-listing__post-title-link {
  p {
    font-size: 14px;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* this class will fade the border of any element */
/* fades all sides */ 
.border-fade {
  mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%), linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-composite: source-in;
}
/* fades from right to left */
.border-fade--right { 
  mask-image: linear-gradient(to left, transparent 0%, black 20%, black 80%, transparent 100%);
}
/* fades from bottom to top */
.border-fade--bottom { 
  mask-image: linear-gradient(to top, transparent 0%, black 20%, black 80%, transparent 100%);
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
:root {
  --table-color: #65DFF4;
  --table-weight: 1px;
  --table-pad: 10px;
}

/* this give the menu focus due to slider & other objects */
.header__global.header__container {
  z-index: 1000;
}

a:hover {
  text-decoration: underline;
}

/* table styles */
table {
  text-align: left;
  border-collapse: collapse;
  border-radius: 10px;
  border: var(--table-weight) solid var(--table-color);
  outline: var(--table-weight) solid var(--table-color);
  outline-offset: -1px;
  overflow: hidden;
  caption {
    text-align: inherit;
    padding: var(--table-pad);
  }
  tr th:not(tfoot th) {
    color: var(--table-color);
  }  
}
/* 50-50 component  */
.fcat-50-50-row {
  display: flex;
  flex-wrap: wrap;
  width: 100vw; /* Full viewport width */
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevent horizontal scroll if needed */
}

.fcat-50-50-col {
  flex: 1;
  padding: 60px;
  color: white;
  font-family: FidelitySans2-Regular, sans-serif;
  font-size: 18px;
  box-sizing: border-box;
}

.fcat-left {
  background:linear-gradient(to bottom, #26123c 0%, #3a0d4f 50%, #6b046b 100%);
}

.fcat-right {
   background: linear-gradient(to bottom, #0572a8 0%, #65dff4 100%);

}

.blog-listing__post-summary h2 {
  display: none;
}

@media (max-width: 768px) {
  .fcat-50-50-row {
    flex-direction: column;
  }
}
/* 50-50 end of code   */