:root {
        --font: GAMessina;
        --alt-font: GAGrotesk;
        --accent-color: #ff2370;
        --secondary-color: #9069e7;
        --link-color: #8039df;
        --accent-highlight-color: #890030;
        --accent-highlight-background-color: #ffd5e4;
        --accent-tinted-color-70: #ffbdd4;
        --accent-tinted-color-80: #ffd3e2;
        --accent-tinted-color-90: #ffe9f1;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #ff5691;
        --secondary-hover-color: #6f3de0;
        --secondary-contrast-color: #111;
        --link-hover-color: #b891ed;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/dbbde0eb-7f1c-4959-961a-df2e113a66b8/rwc39mp3kzgj-Screenshot2024-03-19at9.21.47AM.png'); background-repeat: repeat; background-size: auto; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/dbbde0eb-7f1c-4959-961a-df2e113a66b8/h4iakbszrx6j-academylogo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/********** GONG SPECIFIC CSS **********/
@font-face {
  font-family: GAGrotesk;
  src: url(https://www.gong.io/wp-content/themes/gong/fonts/bn-axel-grotesk.woff2);
}

@font-face {
  font-family: GAMessina;
  src: url(https://www.gong.io/wp-content/themes/gong/fonts/messina-sans-400.woff2);
}

@font-face {
  font-family: GAMessinaBold;
  src: url(https://www.gong.io/wp-content/themes/gong/fonts/messina-sans-700.woff2);
}


/******************* CSS FROM DIGITAL INTELLECTIVE *******************/
/* 
INVENTORY OF CLASSES TO APPLY
    gong                Activates the widget's global styles, needs to be added 
                            to every widget
    gong-purple-variant         Purple background variant
    gong-light-purple-variant   Light Purple background variant
    gong-pink-variant           Pink background variant
    gong-white-variant          White background variant
    gong-gray-variant           Gray background variant
    gong-title-large    Override default to use large title size
    gong-title-purple   Override default to use purple title color
    gong-title-white    Override default to use purple title color

Example: [gong gong-bg-pink gong-title-large]   pink background variant with large title size
 */



/* Variables for colors and font sizes reused throughout
the rest of the CSS */
:root {
  --gong-pink: #ff2171;
  --gong-light-purple: #f5edff;
  --gong-purple: #8138de;
  --gong-dark-purple: #3f0076;
  --gong-gray: #f6f6f6;
  --gong-title-large-size: 4rem;
  --gong-title-small-size: 2rem;
}

/* Default heading sizes */
.h2 {
  font-size: 2rem;
}

/* Default size and top margin for widget titles */
.gong > .row h3 {
    margin-top: 1rem;
    font-size: var(--gong-title-small-size);
}

/******* GLOBAL BUTTON CSS *******/
/* Global styling for buttons in Gong widgets */
.gong .widget__title-cta, .gong .btn--alt,  
.gong .btn--primary:not(.btn--link):not(.btn--bare) {
    background-color: var(--gong-pink);
    color: white;
    border: none;
    border-radius: 9999px;
    transition: transform 0.3s;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    margin-top: 12px;
}

/******* MANUALLY ADDED BUTTONS *******/
/* Pink button with white text */
.gong-pink-button {
    display: inline-block;
    background-color: var(--gong-pink);
    color: white !Important;
    border: none;
    border-radius: 9999px;
    transition: transform 0.3s;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
}

/* White button with pink text */
.gong-white-button {
    display: inline-block;
    background-color: white;
    color: var(--gong-pink) !Important;
    border: 1px solid var(--gong-pink);;
    border-radius: 9999px;
    transition: transform 0.3s;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
}

/* AT&T Blue button with white text */
.att-blue-button {
    display: inline-block;
    background-color: rgb(0,56,143);
    color: white !Important;
    border: none;
    border-radius: 9999px;
    transition: transform 0.3s;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
}

/* Padding between caption and button for hero widget */
.hero .hero__caption span {
    padding-right: 1rem;
}

/* Override for View Details and Archive buttons in Learner Access widgets */
.widget--dashboard-access .btn--alt {
  font-weight: 500;
  background-color: white;
  border: 1px solid var(--gong-pink);
  color: var(--gong-pink);
}

/******* FORMATTING CSS FOR PAGE BUILDER WIDGETS *******/
/* Common styling for tiles contained in widgets */
.gong > .row .featured-content-block-grid > li > .catalog-item,.catalog-grid-item,
.gong > .row .featured-content-multi-carousel .featured-content-multi-carousel-item {
    background-color: var(--gong-gray);
    border-radius: 0.5rem;
    border: none;
}

/* Common styling for carousel items in widgets */
.gong .featured-content-multi-carousel .featured-content-block-grid {
    display: flex;
    align-items: stretch;
}

.gong .featured-content-multi-carousel .ember-view.catalog-item {
    height: 100%
}

/* Common styling for course images inside tiles */
.gong > .row .featured-content-block-grid > li .catalog-grid-item__asset {
    border-radius: 0.5rem 0.5rem 0 0;
    border: none;
}

/* Common styling for widget subtitles */
.gong .widget__alt-title__container p {
    font-size: initial;
}

/* Remove extra TI border in descriptive layout widget type */
.gong > .row .featured-content-article-item {
    border: none;
}

/* Remove Add to My Learning Link */
.featured-content-multi-carousel-item__queue {
  display: none;
}

/******* COLOR VARIANT CSS *******/
/* purple widget variant */
.gong-purple-variant > .row,
.gong-purple-variant.widget {
    background-color: var(--gong-dark-purple);
}

.gong-purple-variant > .row h3,
.gong-purple-variant > .row h2,
.gong-purple-variant > .row h1,
.gong-purple-variant.widget,
.gong-purple-variant.widget h3,
.gong-purple-variant.widget h2,
.gong-purple-variant.widget h1,
.gong-purple-variant.widget .widget__subtitle {
    color: white;
}

/* light purple widget variant */
.gong-light-purple-variant > .row,
.gong-light-purple-variant.widget {
    background-color: var(--gong-light-purple);
}

.gong-light-purple-variant > .row h3,
.gong-light-purple-variant > .row h2,
.gong-light-purple-variant > .row h1,
.gong-light-purple-variant.widget,
.gong-light-purple-variant.widget h3,
.gong-light-purple-variant.widget h2,
.gong-light-purple-variant.widget h1,
.gong-light-purple-variant.widget .widget__subtitle {
    color: black;
}

/* pink widget variant */
.gong-pink-variant > .row,
.gong-pink-variant.widget {
    background-color: var(--gong-pink);
}

.gong-pink-variant > .row h3,
.gong-pink-variant > .row h2,
.gong-pink-variant > .row h1,
.gong-pink-variant.widget,
.gong-pink-variant.widget h3,
.gong-pink-variant.widget h2,
.gong-pink-variant.widget h1,
.gong-pink-variant.widget .widget__subtitle {
    color: white;
}

/* pink widget button style override */
.gong.gong-pink-variant .widget__title-cta,
.gong.gong-pink-variant .btn.btn--primary {
    background-color: white;
    color: var(--gong-pink);
}

/* white widget variant */
.gong-white-variant > .row,
.gong-white-variant.widget {
    background-color: white;
}

.gong-white-variant > .row h3,
.gong-white-variant > .row h2,
.gong-white-variant > .row h1,
.gong-white-variant.widget,
.gong-white-variant.widget h3,
.gong-white-variant.widget h2,
.gong-white-variant.widget h1,
.gong-white-variant.widget .widget__subtitle {
    color: black;
}

/* gray widget variant */
.gong-gray-variant > .row,
.gong-gray-variant.widget {
    background-color: var(--gong-gray);
}

.gong-gray-variant > .row h3,
.gong-gray-variant > .row h2,
.gong-gray-variant > .row h1,
.gong-gray-variant.widget,
.gong-gray-variant.widget h3,
.gong-gray-variant.widget h2,
.gong-gray-variant.widget h1,
.gong-gray-variant.widget .widget__subtitle {
    color: black;
}

/******* HEADING VARIANTS *******/
/* large title size override */
.gong.gong-title-large h3,
.gong.gong-title-large h2,
.gong.gong-title-large h1 {
    font-size: var(--gong-title-large-size);
}

/* purple title color override */
.gong.gong-title-purple h3,
.gong.gong-title-purple h2,
.gong.gong-title-purple h1 {
    color: var(--gong-dark-purple);
}

/* white title color override */
.gong.gong-title-white h3,
.gong.gong-title-white h2,
.gong.gong-title-white h1  {
    color: white;
}

/******* CATALOG HEADING AND UTILITY BUTTONS AND FIELDS *******/
/* hide catalog header */
.gong .catalog-header {
    visibility: hidden;
    height:0;
}

/* round borders for all of the utility row */
.gong .catalog-filters {
    border-radius: 9999px;
}


/* round borders for search field */
.gong .catalog-filters__search {
    border-radius: 9999px 0 0 9999px;
}

/* round borders for sort field */
.gong .catalog-filters__sort {
    border-radius: 0 9999px 9999px 0;
}

/* round borders for view buttons */
.gong .catalog-display-type button {
    border-radius: 9999px;
}

/******* CATALOG NAVIGATION DESIGN *******/
/* navigation category heading hover color */
.gong .catalog-aggregation__header--label:hover {
    color: var(--gong-pink);
}

/* navigation heading padding */
.gong .catalog-aggregation {
    padding: 1em 0.5em 0.6em 0.5em;
    margin-bottom: 0.75rem;
}

/* expanded navigation background color and border */
.gong .catalog-aggregation--expanded {
    background-color: var(--gong-light-purple);
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

/* expanded navigation normal link color */
.gong .btn.catalog-aggregation__value {
    color: var(--gong-dark-purple);
}

/* expanded navigation hover link color */
.gong .btn.catalog-aggregation__value:hover {
    color: var(--gong-dark-purple);
}

/* non-expanded navigation background color and border */
.gong .catalog-aggregation {
  background-color: var(--gong-light-purple);
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
}

/******* CATALOG COURSE TILES *******/
/* round borders for course image */
.gong .catalog-grid-item__asset {
    border-radius: 0.5rem 0.5rem 0 0;
}

/* round borders for completed overlay */
.catalog-grid-item__completed-container {
  border-radius: 0.5rem 0.5rem 0 0;
}

/* font size for author */
.gong .featured-content-item__authors {
    font-size: 0.8rem;
}

/* font size for description */
.gong .catalog-grid-item__description {
    font-size: 0.8rem;
}

/* view details link font weight */
.gong .btn--link.btn--primary {
    font-weight: 700;
}

/* view details link hover zoom effect */
.gong .btn--link.btn--primary:hover {
    transform: scale(1.05);
}

/* right padding for link button due to zoom effect */
.gong .catalog-grid-item__cta-container {
    padding-right: 5px
}

/* color of completed checkmark */
.gong .catalog-grid-item__completed i {
    color: var(--gong-purple);
}

/* hide content type */
.gong .catalog-grid-item__source {
    display: none;
}

/* hide content type for list view */
.catalog-list-item__info {
  display: none;
}

/* Adjust top-margin for description due to content type being hidden */
.catalog-list-item__description {
  margin-top: 0;
}

/******* LEARNER DASHBOARD DESIGN *******/
/******* Learner Access Widget *******/
/* pink background on heading row */
.gong .dashboard-access-tabs {
    background: var(--gong-pink);
}

/* text color for inactive tabs */
.gong .dashboard-access-tab--inactive button {
    color: white;
}

/* text color for active tabs */
.gong .dashboard-access-tab--active .btn--link {
    color: var(--gong-dark-purple);
}

/* text hover color for active tabs */
.gong .dashboard-access-tab--active .btn--link:hover {
  color: var(--gong-dark-purple);
}

/* color for number in circle */
.gong .dashboard-access-tab__count {
    color: var(--gong-dark-purple);
}

/* background color for every other course */
.gong .dashboard-access-list-item:nth-of-type(2n) {
    background: var(--gong-light-purple);
}

/* progress bar gradient */
.gong .progress.colorized .meter {
    background: linear-gradient(90deg,#ff2171,#3f0076);
}

/* total hours stat text color */
.gong .user-engagement-stat--collaborations, .user-engagement-stat--hours {
    color: #177797;
} 

/* total hours icon color */
.gong .icon-stopwatch:before {
    color: #177797;
}

/* content viewed stat text color - Not able to change this color */

/* complete stat text color */
.gong .user-engagement-stat--percent-complete {
    color: #b6259e;
}

/* Hide Content Type */
.dashboard-access-list-item > .grid-cols-12 > .col-span-3 {
  display: none;
}

/******* Recommendation and Hero Image Widget *******/
/* Move Button to own line for hero image */
.hero__caption .btn--primary {
    display: block;
    width: fit-content;
}

/******* Community Widget *******/
/* Border radius for utility bar */
.catalog-filters {
  border-radius: 9999px;
}

/* Border radius for search bar */
.catalog-filters__search {
  border-radius: 9999px 0 0 9999px;
}

/* Border radius for filter drop down */
.catalog-filters__sort {
  border-radius: 0 9999px 9999px 0;
}

/* Border radius for buttons */
.btn--primary {
  border-radius: 9999px;
}

/* Formatting for down arrow due to border radius */
.catalog-filters__sort {
  padding-right: 15px;
}

/* Hide white border due to radius */
.catalog-search > input.input--expand {
  background-color: transparent;
}

.catalog-search > catalog-filters__sort {
  background-color:transparent;
}

/******* CONTENT DETAIL PAGES *******/
/******* Learning Path *******/
/* hide Gift This Learning Path link */
.enroll__secondary-actions {
    display: none;
}

/* hide View Details link */
.learning-path-detail-milestone-item__cta {
    display: none;
}

/* Hide Content Type */
.learning-path-detail-milestone-item__content-type {
  display: none;
}

/******* Course *******/
/* Round borders for image */
.course__detail__asset img {
  border-radius: 0.5rem;
}

/* Round borders on purchase box */
.widget--course-purchase {
  border-radius: 0.5rem;
}

/* Rounded borders for active tab */
.tabs .tab-title.active>a {
  border-radius: 0.5rem 0.5rem 0 0;
}

/* Rounded borders for non-active tabs */
.tabs .tab-title>a {
  border-radius: 0.5rem 0.5rem 0 0;
}

/******* CONTENT PAGES *******/
/******* Global *******/
/* hide Search in sidebar */
.course__container .learner__sidebar__search .form-control {
    visibility: hidden;
}
/* Hide Search Icon */
.icon-search {
  display: none;
}

/* Border Radius for Hide Sidebar Toggle */
.learner__container__toggle--small .btn {
  border-radius: 9999px;
}

/* Hide Radius for Sidebar Menu Toggle */
.learner__container__toggle .btn {
  border-radius: 9999px;
}

/* Add padding to bottom of sidebar */
.expandable-sidebar__buttons {
  padding-bottom: 0.5rem;
}

.ember-view .ember-text-field .form-control {
  display: none;
}
/* fixing margin due to hiding search and navigation toggle */
.layout-panel {
    margin-top: 1.5rem;
}

/* Making header within content dark purple */
.header--student {
    background: var(--gong-dark-purple);
}

/* Color of course title within content and kill hyperlink */
.course-title {
    color: white;
    pointer-events: none;
    padding-left: 1rem;
}

/* Hide home icon */
.header--student .header__left__icon {
  display: none;
}

/* Make company logo a max of 50px */
.course__container .header .company__beta-logo .company-logo__container img {
  max-height: 50px;
}

/* Border radius for SCORM container */
.quiz-start__content {
  border-radius: 0.5rem;
}

/* Add text to the left of the logo */
.header__right::after {
  content: "Return to Dashboard";
  color: white;
  position: absolute;
  right: 90px;
  top: 57%;
  transform: translateY(-50%);
  font-size: 1em;
}

/******* Microlearning *******/
/* background color and purple footer */
body.course {
  background: #ddd2f7;
  border-bottom: solid 3rem var(--gong-dark-purple);
}

/* Hover color for navigation links */
.learner__sidebar__expandables a:hover {
  color: var(--gong-dark-purple);
}

/* Sidebar color and border */
.bg-accent-100 {
    background: none;
    border-top: solid 3px var(--gong-dark-purple);
    border-bottom: none;
    border-radius: 0.5rem 0.5rem 0 0;
}

/* Round borders for sidebar */
.learner__sidebar .layout-panel {
  border-radius: 0.5rem 0.5rem 0 0;
}

.expandable-sidebar__buttons {
  border-radius: 0 0 0.5rem 0.5rem;
}

/* Round border for Learning Panel */
.learner__content .layout-panel {
  border-radius: 0.5rem;
}

/* Sidebar top and bottom padding */
.py-5 {
    padding-bottom: 0.75rem;
    padding-top: 0.875rem;
}

/* Sidebar left and right padding */
.px-8 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/******* ILT *******/
/* Remove purple overlay on hero image */
.learning-content-hero__overlay {
  background-image: none !Important;
}

/* Change background color and add border for event scheduling box */
.event-sidebar__container .event-sidebar {
  background: var(--gong-light-purple);
  border-top: solid 5px var(--gong-dark-purple);
}

/* Round border for event scheduling box */
.event-sidebar__container .event-sidebar {
  border-radius: 0.5rem;
}

/* Change border radius of event times button */
.event-sidebar__meeting--active, .event-sidebar__meeting--active:hover {
  border-radius: 0.5rem;
}

/* Change height of hero image */
.learning-content-hero--with-asset picture > img {
  height: 400px;
  object-fit: cover;
  object-position: center;
}

.learning-content-hero--with-asset {
  height: 400px;
}

/******* Learning Path *******/
/* Color of Completion Criteria Numbers */
.learning-path-criterion:nth-of-type(1n) {
    color: var(--gong-purple);
}

/******* Article Content Type *******/
/* Hide Sidebar */
.article-sidebar {
  display: none;
}

/* Content is full width */
.article-content {
  width: 100%;
}

/* Hide Content Type */
.article-header__type {
  visibility: hidden;
}

/* Adjust top padding */
.layout-panel.layout-panel--article {
  margin-top: 0;
}

/* Dark purple footer */
body.article {
    border-bottom: solid 3rem var(--gong-dark-purple);
}

/* Hide Content Type */
.learning-path-milestone-item__info {
  display: none;
}

/******* Video Content Type *******/
/* Dark purple footer */
body.video {
    border-bottom: solid 3rem var(--gong-dark-purple);
}

/******* Course *******/
/* Rounded corners for sidebar */
.expandable-sidebar__link > .expandable-sidebar__toggle {
  border-radius: 0.5rem 0.5rem 0 0;
}



/**************************** CSS FROM TI ****************************/
/** SPACE CLASSES **/
/*Add these classes to any widget to add padding. Add "top",
, "bottom", "sides", or "all" to specify position*/

:root {
  --space-none: 0;
      --space-xxs: 0.25rem;
      --space-xs: 0.5rem;
      --space-sm: 0.75rem;
      --space-base: 1rem;
      --space-lg: 1.5rem;
      --space-xl: 2rem;
      --space-2xl: 3rem;
      --space-3xl: 4rem;
      --space-4xl: 5rem;
      --space-5xl: 6rem;
      --space-6xl: 7rem;

      --set-width-1:1900px;
      --set-width: 2300px;
}
.space-none-all {
  padding: var(--space-none)!important;
}

.space-none-top {
  padding-top: var(--space-none)!important;
}

.space-none-bottom {
  padding-bottom: var(--space-none)!important;
}

.space-none-sides {
  padding-left: var(--space-none)!important;
  padding-right: var(--space-none)!important;
}

.space-sm-all {
  padding: var(--space-2xl)!important;
}

.space-sm-top {
  padding-top: var(--space-2xl)!important;
}

.space-sm-bottom {
  padding-bottom: var(--space-2xl)!important;
}

.space-sm-sides {
  padding-left: var(--space-2xl)!important;
  padding-right: var(--space-2xl)!important;
}

.space-base-all {
  padding: var(--space-3xl)!important;
}

.space-base-top {
  padding-top: var(--space-3xl)!important;
}

.space-base-bottom {
  padding-bottom: var(--space-3xl)!important;
}

.space-base-sides {
  padding-left: var(--space-3xl)!important;
  padding-right: var(--space-3xl)!important;
}

.space-lg-all {
  padding: var(--space-4xl)!important;
}

.space-lg-top {
  padding-top: var(--space-4xl)!important;
}

.space-lg-bottom {
  padding-bottom: var(--space-4xl)!important;
}

.space-lg-sides {
  padding-left: var(--space-4xl)!important;
  padding-right: var(--space-4xl)!important;
}
/**END SPACE CLASSES**/

/* Dashboard Header */
.header.header--dashboard {
  padding: var(--space-base);
  background-color: var(--gong-dark-purple);
}

.avatar.avatar--initials {
  background: var(--gong-pink);
  color: white;
}

.dashboard-header__arrow {
    color: white;
}

.dashboard-header__name {
  display: none;
}

/*** NAVIGATION ***/
.header.header--microsite, .header.header--article {
  padding: var(--space-base);
  margin: 0 auto;
  background-color: var(--gong-dark-purple);
}

/*Making the layout of the navigation more flexible*/
.header.header--microsite .header__inner, .header.header--article .header__inner {
  display: flex;
  flex-direction: row;
  gap: var(--space-base);
  align-items: center;
  max-width: var(--set-width);
  margin: 0 auto;
}

.header.header--microsite .header__inner .company__beta-logo, .header.header--dashboard .header__inner .company__beta-logo, .header.header--article .header__inner .company__beta-logo {
  /* order: 1;
  width:50px; */
  max-height: none;
  max-width: 50px;
}

/*Fixing items in main navigation*/
.header.header--microsite .header__inner .top-bar {
  order: 2;
  flex-grow: 1;
  border: none;
  background-color: transparent;
}

/*Centering the menu items*/
.header.header--microsite .header__inner .top-bar .left {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: left;
}

/*Setting all navigation items to the same style*/
.header.header--microsite a, .header.header--microsite .header__inner .top-bar-section ul li, .header.header--microsite .header__inner .nav--top ul button {
  background-color: transparent!important;
  color: white !important;
  font-size: 0.875rem !important;
  text-transform: none!important;
}

/*Fixing layout of manager access + cart buttons*/
.header.header--microsite .header__inner .nav.nav--top {
  order: 3;
}

.header.header--microsite .header__inner .nav.nav--top ul {
  display: flex;
  align-items: center;
}

#cart-button {
  display:none;
}

/*** FOOTER ***/
.footer {
  display: flex;
  justify-content: center;
  background-color: var(--gong-dark-purple);
  padding: var(--space-base) var(--space-lg);
}

.footer-container {
  display: flex;
  flex-direction: column;
  width: var(--set-width);
  gap: var(--space-xl);
  background-color: transparent;
}

.footer .logo {
  width: 150px;
}
.footer .links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xl);
}

.footer .links > * {
  flex: 1 1 15rem;
}

.footer .address {
  inline-size: 180px;
  overflow-wrap: break-word;
}

.footer .address p {
  color: #9069E7;
}

.footer .col {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: 100%;
}

.footer .col:first-child {
  gap: var(--space-lg);
}

.footer .footer__inner {
  border: none;
}

.footer .footer__company__info {
  display: none;
}

.footer p {
  color: #FFFFFF;
  margin-bottom: 0;
}

.footer a {
  color: #FFFFFF;
  font-weight: 700;
}

.footer li {
  list-style-type: none;
}

.footer .socials {
  display: flex;
  flex-direction: row;
  width: fit-content;
  gap: var(--space-lg);
}

.footer .btn--social i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.footer .captions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-base);
}

.footer .captions a {
  font-weight: 400;
}

.footer .captions a, .footer .captions p {
  font-size: 0.875rem;
}

.footer .captions > * {
  flex: 1 1 15rem;
}

.footer .captions .col {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-2xl);
}

.footer .captions .col:last-child {
  justify-content: end;
}
/******* END FOOTER *******/