:root {
  --px: 1px;
  --inherit: inherit;

  /* COLORS */
  --dark-gunmetal: #212259;
  --bright-gray: #e8f3f5;
  --aqua: #00f7f9;
  --aqua-o-75: rgba(0, 247, 249, 0.75);
  --gunmetal: #2B2B38;
  --flourescent-blue: #26f7fb;
  --torquoise-blue: #00F0F5;
  --ua-red: #D9024C;
  --han-purple: #4809E9;
  --columbia-blue: #C6E2E6;
  --water: #CBFDFE;
  --af-white: #EFF4F2;
  --cultured: #F3F4F8;
  
  /* ============================= */
  /* CUSTOM BUTTON VARIABLES      */
  /* ============================= */

  /* Primary button */
  --custom-btn-primary-bg: #00F5FA;
  --custom-btn-primary-color: #000;
  --custom-btn-primary-hover-bg: #4A0BE8;
  --custom-btn-primary-hover-color: #fff;
  --custom-btn-primary-disabled-bg: #E8F3F5;
  --custom-btn-primary-disabled-color: #aaa;

  /* Secondary button */
  --custom-btn-secondary-bg: transparent;
  --custom-btn-secondary-color: #000;
  --custom-btn-secondary-border: #000;
  --custom-btn-secondary-hover-bg: #4A0BE8;
  --custom-btn-secondary-hover-color: #fff;
  --custom-btn-secondary-hover-border: #4A0BE8;
  --custom-btn-secondary-disabled-color: #aaa;
  --custom-btn-secondary-disabled-border: #aaa;

  /* Tertiary button */
  --custom-btn-tertiary-bg: transparent;
  --custom-btn-tertiary-color: #000;
  --custom-btn-tertiary-hover-color: #4A0BE8;
  --custom-btn-tertiary-disabled-color: #aaa;

  /* Icon colors */
  --custom-icon-default-color: #2D2D3A;
  --custom-icon-hover-color-primary: var(--custom-btn-primary-hover-color);
  --custom-icon-hover-color-secondary: var(--custom-btn-secondary-hover-color);
  --custom-icon-hover-color-tertiary: var(--custom-btn-tertiary-hover-color);
}

@font-face {
    font-family: 'Larken';
    src: url('/static-assets/fonts/larken/larkendemo-regular.ttf') format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: 'Larken';
    src: url('/static-assets/fonts/larken/larken-extrabold.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/static-assets/fonts/dm-sans/dm-sans-v15-latin-regular.woff2') format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/static-assets/fonts/dm-sans/dm-sans-v15-latin-700.woff2') format('woff2');
  font-weight: bold;
}

/* SCROLLER */
::-webkit-scrollbar {
	 width: 8px;
	 height: 8px;
}
/* Track */
 ::-webkit-scrollbar-track {
	 background-color: #eff3f8;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
	 background-color: #bacbe1;
	 border-radius: 15px;
	 opacity: 0.5;
}
 ::-webkit-scrollbar-thumb:hover {
	 background-color: #ccd8e8;
}
 

/* BOOTSTRAP OVERRIDE */
.btn:hover {
  /*background-color: initial;*/
  border-color: none;
}

.btn.bg-ua-red:hover {
    background-color: hsl(339 98% 40% / 1) !important;
}


.btn.bg-han-purple:hover {
    background-color: hsl(267 93% 40% / 1) !important; 
}

.modal-semi-fullscreen {
    width: 850px;
    max-width: none;
    height: 95vh;
    margin: 1rem auto;
}

.btn-group label.checked {
    background-color: var(--aqua) !important;
}

.react-embed .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,10L12,16L18,10L16.6,8.6L12,13.2L7.4,8.6L6,10Z' /%3E%3C/svg%3E");
}
/*.react-embed .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7.4,15.4L12,10.8L16.6,15.4L18,14L12,8L6,14L7.4,15.4Z' /%3E%3C/svg%3E");
}*/

/* Start: COMMON */
body {
  font-family: "DM Sans", Sans-Serif;
  font-size: 18px;
  line-height: 18px;
  color: var(--gunmetal);
  background-color: #fff;
}

.main-content {
    min-height: 50vh;
}

.h-40p {
  height: calc(var(--px) * 40);
}

.h-inherit {
  height: var(--inherit);
}

.bg-aqua {
  background-color: var(--aqua);
}

.bg-aqua-outline {
    background-color: white;
    border: 1px solid var(--aqua);
}

.bg-bright-gray {
  background-color: var(--bright-gray);
}

.bg-bright-gray-linear {
    background-color: var(--bright-gray);
    background-image: linear-gradient(#E8F3F5, #FEFEFE);
}

.bg-gunmetal {
    background-color: var(--gunmetal);
}

.bg-torquoise-blue {
    background-color: var(--torquoise-blue);
}

.bg-ua-red {
    background-color: var(--ua-red);
}

.bg-han-purple {
    background-color: var(--han-purple);
}

.bg-columbia-blue {
    background-color: var(--columbia-blue);
}

.bg-water {
    background-color: var(--water);
}

.bg-af-white {
    background-color: var(--af-white);
}

.bg-cultured {
    background-color: var(--cultured) !important;
}

.fg-ua-red {
    color: var(--ua-red);
}

.fg-gunmetal {
    color: var(--gunmetal);
}

.fg-han-purple {
    color: var(--han-purple);
}

.rounded-bl-sm {
  border-bottom-left-radius: calc(var(--px) * 10);
}
.rounded-bl-md {
  border-bottom-left-radius: calc(var(--px) * 25);
}
.rounded-bl-lg {
  border-bottom-left-radius: calc(var(--px) * 35);
}
.rounded-bl-xl {
  border-bottom-left-radius: calc(var(--px) * 45);
}

.rounded-br-sm {
  border-bottom-right-radius: calc(var(--px) * 10);
}
.rounded-br-md {
  border-bottom-right-radius: calc(var(--px) * 25);
}
.rounded-br-lg {
  border-bottom-right-radius: calc(var(--px) * 35);
}
.rounded-br-xl {
  border-bottom-right-radius: calc(var(--px) * 45);
}

.rounded-tl-sm {
  border-top-left-radius: calc(var(--px) * 10);
}
.rounded-tl-md {
  border-top-left-radius: calc(var(--px) * 25);
}
.rounded-tl-lg {
  border-top-left-radius: calc(var(--px) * 35);
}
.rounded-tl-xl {
  border-top-left-radius: calc(var(--px) * 45);
}

.rounded-tr-sm {
  border-top-right-radius: calc(var(--px) * 10);
}
.rounded-tr-md {
  border-top-right-radius: calc(var(--px) * 25);
}
.rounded-tr-lg {
  border-top-right-radius: calc(var(--px) * 35);
}
.rounded-tr-xl {
  border-top-right-radius: calc(var(--px) * 45);
}

.border-han-purple {
    border-color: var(--han-purple);
}

.border-aqua {
    border-color: var(--aqua);
}

.border-bright-gray {
    border-color: var(--bright-gray);
}

.position-initial{
    position: initial !important;
}

button {
  font-size: calc(var(--px) * 12) !important;
}

.btn.bg-aqua:hover {
  background-color: var(--aqua-o-75);
}

.btn-outline-secondary:not(.btn-filter-active):hover, .nav-link.rounded-pill:not(.bg-aqua):hover  {
  color: white !important;
  background-color: var(--custom-btn-tertiary-hover-color) !important;
}

footer a {
    text-decoration: none;
    
}

footer a:hover {
    color: var(--custom-btn-tertiary-hover-color) !important;
}

footer a.circle-link {
    text-decoration: none;
    width: 48px;
    height: 48px;
}

footer a.circle-link:hover {
    background-color: var(--custom-btn-tertiary-hover-color) !important;
    color:white !important;
}

.card .circle-link:hover {
  background-color: var(--custom-btn-tertiary-hover-color) !important;
  color: white !important;
}

footer a.circle-link i {
    font-size: 28px;
}

p img {
    max-width: 100%;
    height: auto;
}
/*End: COMMON */


/* Start: NAVIGATION */
.nav-link {
  font-size: calc(var(--px) * 14);
  letter-spacing: -0.25px !important;
}

#navbar .nav-link {
  font-size: 16px;
  letter-spacing: -0.25px !important;
}

#navbar .nav-link:hover {
  color: var(--custom-btn-tertiary-hover-color);
}

/*.navbar .dropdown-toggle::after {*/
/*    display: none;*/
/*}*/

#navbar {
  position: fixed;
  top: 30px; /* Initial position 10px from the top */
  width: 100%;
  /* transition: top 0.3s ease, position 0.3s ease;  Smooth transition */
  z-index: 4;
  left: 50%;
  transform: translate(-50%);
}

#navbar.sticky {
  position: fixed;
  /*top: 0;*/
  /*width: 100%;*/
  /*z-index: 4;*/
  top: 30px; /* Initial position 10px from the top */
  width: 100%;
  /* transition: top 0.3s ease, position 0.3s ease;  Smooth transition */
  z-index: 4;
  left: 50%;
  transform: translate(-50%);
}

#navbar .dropdown-toggle::after {
  display: none !important;
}

#navbar .dropdown-item:hover, #navbar .dropdown-item:active{
    background-color:#4A0BE8 !important;
    color: #fff !important;
}

.navbar{
    box-shadow: 0 10.469px 20.937px 0 rgba(0, 0, 0, 0.10);
}

.navbar-nav .dropdown-menu {
     position: absolute; 
}
/* End: NAVIGATION */


/* Start: POSITION */
.left-25 {
  left: 25px;
}
.bottom-25 {
    bottom: 25px;
}
/* End: POSITION */

/*Start: DOWNLOAD LINK */
.dl-link.google svg g path:not(:nth-child(17)):not(:nth-child(18)):not(:nth-child(19)):not(:nth-child(20)):not(:nth-child(21)) {
    fill: white;
}
/*End: DOWNLOAD LINK */


/*Start: DROPDOWN */
.dropdown-item:active {
    background-color: var(--bright-gray) !important;
    color: initial;
}
/*End: DROPDOWN */


/*Start: FONTS */
.larken {
    font-family: 'Larken';
}
/*End: FONTS */


/*Start: SPACING */
.mb-6 {
    margin-bottom: 4.3rem;
}
.mb-7 {
    margin-bottom: 5rem;
}
.mb-8 {
    margin-bottom: 6rem;
}
.mb-9 {
    margin-bottom: 7.5rem;
}
.mb-10 {
    margin-bottom: 8.6rem;
}
.mb-11 {
    margin-bottom: 10rem;
}
.mt-6 {
    margin-top: 4.3rem;
}
.mt-7 {
    margin-top: 5rem;
}
.mt-8 {
    margin-top: 6rem;
}
.mt-9 {
    margin-top: 7.5rem;
}
.mt-10 {
    margin-top: 8.6rem;
}
.mt-11 {
    margin-top: 10rem;
}
.pt-6 {
    padding-top: 4.3rem;
}
.pt-7 {
    padding-top: 5rem;
}
.pt-8 {
    padding-top: 6rem;
}

.px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
}

p ~ ul {
    margin-top: -.8rem;
}

p ~ ul li::marker {
    font-size: 12px;
}

ol {
    padding-left: 2.5rem;
}

ol ~ p {
    margin-top: -0.8rem;
}


.mb-card{
    margin-bottom: 2rem !important;
}


@media only screen and (max-width: 540px) {
    .px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
/*End: SPACING */

/*Start: Border*/
.border-right-visible {
    border-right: 1px solid #2d2d3a;
}

.border-left-visible {
    border-left: 1px solid #2d2d3a;
}

@media only screen and (max-width: 990px) {
    .border-right-visible {
        border-right: none;
}

    .border-left-visible {
        border-left: none;
    }
}
/*End: Border*/

/*Start: Button*/
.button-purple {
    color: #fff;
    background-color: #4809E9;
    border: 1px solid #4809E9;
    border-radius: 35px;
}

.button-purple-outline {
    background-color: #fff;
    color: #4809E9;
    border: 1px solid #4809E9;
    border-radius: 35px;
}

/*End: Button*/


/* Start: INPUT */
input[type="text"]::placeholder {
    font-size: 13px;
}
/* End: INPUT */

/* Start: FONTSIZES */
h1 {
    font-size: clamp(3rem, 6vw + 1rem, 4.9rem); /* Example: Max size of 5rem (80px) */
}

h2 {
    font-size: clamp(2.5rem, 5vw + 1rem, 4.4625rem); /* Max size of 4.5625rem (73px) */
}

h3 {
    font-size: clamp(2rem, 4.5vw + 0.75rem, 3.4rem); /* Max size of 3.5rem (56px) */
}

h4 {
    font-size: clamp(1.75rem, 4vw + 0.5rem, 2.9rem); /* Max size of 3rem (48px) */
}

h5 {
    font-size: clamp(1.5rem, 3.5vw + 0.25rem, 2.4rem); /* Max size of 2.5rem (40px) */
}

h6 {
    font-size: clamp(1.25rem, 3vw + 0.25rem, 1.9rem); /* Max size of 2rem (32px) */
}

.card-heading {
    font-family: 'Larken';
    font-size: clamp(0.75rem, 3vw + 0.25rem, 1.2rem);
    font-weight: bold;
}

p, li {
    font-size: clamp(0.55rem, 1.5vw + 0.5rem, 1.0575rem);
}

small {
    font-size: clamp(0.45rem, 1vw + 0.5rem, 0.7575rem);
}

.fs-medium {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.9rem);
}

/* End: FONTSIZES */

.account-opening-wrapper{
    min-height:830px;
}

.move-money-wrapper{
    min-height:830px;
}

.security-wrapper{
    min-height:calc(80vh - 80px)
}

.multi-currency-wrapper{
    min-height: 70vh;
}

.save-smart-wrapper{
    min-height: 80vh; 
    background-size: cover !important;
}

.go-send-wrapper{
    min-height: 60vh;
}

.bank-account-wrapper{
    min-height: 830px; 
}

.content-border-left {
    border-right: 1.5px solid #93c8d0;
    display: flex;
    justify-content: center;
}

.content-border-right {
    border-left: 1.5px solid #93c8d0;
    display: flex;
    justify-content: center;
}

.section-with-divider {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.rte-section-bg-image {
    min-height: 795px;
    background-size: 600px auto !important;
    background-position: bottom right !important;
    background-repeat: no-repeat;
}

.shop-responsive-section {
    min-height: 600px;
}

.shop-card{
    background-size: 180px auto !important;
}

.shop-card p{
    width: 60%;
}

#partner-logo-main {
    height: 200px;
    overflow: hidden;
    mask-image: linear-gradient(180deg, #000 50%, transparent);
}

.partner-logo-container {
    height: 90px;   
}

.search-container {
    min-height: 500px;
    margin-top: 150px !important; 
}

.help-link {
    color: #00F0F5;
    text-decoration: none;
}

.help-link:hover {
    text-decoration: underline;
}

.help-topic-link:hover, .text-decoration-none.text-black-50.d-block.mb-3:hover{
    color: var(--custom-btn-tertiary-hover-color) !important;
}

.form-control::placeholder {
    font-size: 14px;
    opacity: 0.6;
}

#attach-file-placeholder:hover {
    cursor: pointer;
}

/* FAQ Items */
#faq-items-root .accordion .accordion-body h1:first-child,
#faq-items-root .accordion .accordion-body h2:first-child,
#faq-items-root .accordion .accordion-body h3:first-child,
#faq-items-root .accordion .accordion-body h4:first-child,
#faq-items-root .accordion .accordion-body h5:first-child {
    display: none;
}

/* End: FAQ Items */


/* REACT EMBED CLASSES */
.react-embed .swiper {
  width: 100%;
  height: 80vh !important;
}

.react-embed .swiper-wrapper {
  min-height: 65vh;
  height: 65vh;
}

.react-embed .swiper-slide {
  width: max-content !important;
}
.react-embed .swiper-slide:first-child {
  margin-left: 1.5rem;
}


.react-embed .card-article {
  width: clamp(320px, 20vw, 394px) !important;
  height: 100%;
}
.react-embed .card-article img {
    min-height: 393px;
    max-height: 393px;
    object-fit: cover;
}

.react-embed .swiper-pagination {
    bottom: 1.5rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.react-embed .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid;
}
.react-embed .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--aqua);
    border: 2px solid var(--aqua);
}

#media-featured-root .swiper-wrapper {
  min-height: 60vh;
  height: 60vh
}

#media-featured-root .swiper-pagination {
    /*bottom: 1.5rem !important;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

#media-featured-root .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid;
}

#media-featured-root .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--aqua);
    border: 2px solid var(--aqua);
}

/*#media-stories-root .swiper-wrapper {*/
/*  min-height: 80vh;*/
/*  height: 80vh*/
/*}*/

#media-stories-root .swiper-pagination {
    /*bottom: 1.5rem !important;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

#media-stories-root .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid;
}

#media-stories-root .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--aqua);
    border: 2px solid var(--aqua);
}

.react-embed small {
    font-size: clamp(0.45rem, 1vw + 0.5rem, 0.7575rem);
}

.react-embed .btn-filter:hover {
  color: unset;
}

.react-embed .btn-filter-active {
    background-color: var(--aqua) !important;
    border-color: var(--aqua) !important;
}

.react-embed .btn-show-more {
    color: #007A7D;
    border-color: #007A7D;
}

.react-embed .search-results-wrapper {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}

.react-embed .search-glass-icon {
  left: 1rem;
  top: 0.4rem;
}
.react-embed .search-glass-icon svg {
  width: 1.3rem;
}
.react-embed .search-go-icon {
  right: 0.45rem;
  top: 0.25rem;
}
.react-embed .search-go-icon img {
  width: 3.3rem;
}

.react-embed ul {
  padding-left: 0;
}
.react-embed ul li {
  list-style: none;
}

.react-embed .accordion-button {
    font-size: clamp(.6rem, 2vw + .3rem, 0.95rem) !important;
    font-weight: bold;
    font-family: 'DM Sans', Sans-Serif;
}
.react-embed .accordion-button:focus,
.react-embed .accordion-button:active,
.react-embed .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.react-embed.white-panels .accordion-item {
    background-color: white !important;
}
.react-embed.white-panels .accordion-item .accordion-button {
    background-color: white !important;
}

/* KIOSK */
#find-kiosk-v2-root .nav-pills .nav-item .nav-link > span:first-child {
    text-align: left;
}
/*End: KIOSK */



.bank-product-link {
    text-decoration: none;
    color: #85858f;
}

.bank-product-link:hover {
    color: var(--custom-btn-tertiary-hover-color) !important;
}

.media-news-featured-img,
.media-featured-img {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.media-news-featured-content {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.media-stories-container::-webkit-scrollbar {
  display: none !important;
}

.media-stories-container {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.react-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.react-pagination-active-link {
    color: black !important;
    border: 1px solid black !important;
}

.react-pagination-page-link {
    padding: 5px 15px;
    margin-left: 5px;
    margin-right: 5px;
    text-decoration: none;
    border: 1px solid #cacaca;
    border-radius: 50%;
    color: #cacaca;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.react-pagination-disabled-link:hover {
    text-decoration: none !important;
    color: #cacaca !important;
}

.react-pagination-active-link:hover {
    text-decoration: none !important;
}

.react-pagination-page-link:hover {
    text-decoration: underline;
    color: black;
}

.media-story {
    min-width: 350px !important;
}

.media-featured-item {
    max-width: 1000px !important;
}

.media-featured-div {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
}


.self-end{
    justify-self: end;
}

#dynamic-iframe {
  height: 2200px;
  width: 90%;
  max-width: 100%;
  max-height: none;
  border: none;
  border-radius: 15px;
}

#waitlist-iframe {
    height: 1050px; 
    width: 60vw;
    border: none;
}

.activate-sbs{
    background-size:160px 90% !important;
}

.activate-sbs p {
    width:50%;
}


.visit-sbs{
    background-size: contain !important;
}

.visit-sbs p {
    width:60%;
}


.select-sbs{
    background-size:140px 90% !important;
}

.select-sbs p{
    width: 50%;
}

.scan-sbs {
    background-size: 150px auto !important;
}

.scan-sbs p{
    width: 60%;
}

.downpayment-sbs{
    background-size: 220px 60% !important;
}

.downpayment-sbs p {
    width:60%;
}

.clamp-9 {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Make all cards equal height */
#media-stories-root .mySwiper .swiper-slide {
  display: flex;
  height: auto;
}

#media-stories-root .mySwiper .card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.container-fluid footer {
  width: 99.4vw;
  margin-left: -0.8rem;
}



/* RESPONSIVE BUTTON FILTER ARROW SCROLLER */
.category-container {
    padding-right: 7rem;
}


.search-title-link:hover{
    color: var(--custom-btn-tertiary-hover-color) !important;
}



/* ============================= */
/* BASE BUTTON                   */
/* ============================= */
.btn-custom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  border-radius: 50rem;
  transition: all 0.2s ease-in-out;
  border: 2px solid transparent;
  box-shadow: none !important;
  line-height: 140%;
  text-decoration: none;
}


/* ============================= */
/* PRIMARY BUTTON                */
/* ============================= */
.btn-primary-custom {
  background: var(--custom-btn-primary-bg);
  color: var(--custom-btn-primary-color);
  font-weight: bold;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary-custom:hover {
  background: var(--custom-btn-primary-hover-bg);
  color: var(--custom-btn-primary-hover-color);
}

.btn-primary-custom:disabled,
.btn-primary-custom.disabled {
  opacity: 0.6;
  background: var(--custom-btn-primary-disabled-bg) !important;
  color: var(--custom-btn-primary-disabled-color);
  outline: none !important;
}

.btn-primary-custom:disabled:active,
.btn-primary-custom.disabled:active {
  color: var(--custom-btn-primary-disabled-color) !important;
}




/* ============================= */
/* SECONDARY BUTTON              */
/* ============================= */
.btn-secondary-custom {
  background: var(--custom-btn-secondary-bg);
  color: var(--custom-btn-secondary-color);
  font-weight: bold;
  border: 1px solid var(--custom-btn-secondary-border);
  box-shadow: none !important;
  outline: none !important;
}

.btn-secondary-custom:hover {
  background: var(--custom-btn-secondary-hover-bg);
  color: var(--custom-btn-secondary-hover-color);
  border-color: var(--custom-btn-secondary-hover-border) !important;
}

.btn-secondary-custom:disabled,
.btn-secondary-custom.disabled {
  color: var(--custom-btn-secondary-disabled-color);
  border-color: var(--custom-btn-secondary-disabled-border);
  outline: none !important;
  opacity: 0.6;
}

.btn-secondary-custom:disabled:active,
.btn-secondary-custom.disabled:active {
  color: var(--custom-btn-secondary-disabled-color) !important;
}





/* ============================= */
/* TERTIARY BUTTON               */
/* ============================= */
.btn-tertiary-custom {
  background: var(--custom-btn-tertiary-bg);
  color: var(--custom-btn-tertiary-color);
  font-weight: bold;
  border: none;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.btn-tertiary-custom:hover {
  color: var(--custom-btn-tertiary-hover-color);
}



.btn-tertiary-custom:disabled,
.btn-tertiary-custom.disabled {
  color: var(--custom-btn-tertiary-disabled-color);
  opacity: 0.6;
}

.btn-tertiary-custom:disabled:active,
.btn-tertiary-custom.disabled:active {
  color: var(--custom-btn-tertiary-disabled-color) !important;
}


.btn-icon-mask {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: var(--custom-icon-default-color);
  transition: all 0.2s ease-in-out;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

}


.btn-primary-custom:hover .btn-icon-mask {
  background-color: var(--custom-icon-hover-color-primary);
}

.btn-secondary-custom:hover .btn-icon-mask {
  background-color: var(--custom-icon-hover-color-secondary);
}

.btn-tertiary-custom:hover .btn-icon-mask {
  background-color: var(--custom-icon-hover-color-tertiary);
}

.btn-tertiary-custom:disabled .btn-icon-mask ,
.btn-tertiary-custom.disabled .btn-icon-mask {
  background-color: var(--custom-btn-tertiary-disabled-color);
  opacity: 0.6;
}

.btn-primary-custom:disabled .btn-icon-mask ,
.btn-primary-custom.disabled .btn-icon-mask {
  background-color: var(--custom-btn-primary-disabled-color);
  opacity: 0.6;
}

.btn-secondary-custom:disabled .btn-icon-mask ,
.btn-secondary-custom.disabled .btn-icon-mask {
  background-color: var(--custom-btn-secondary-disabled-color);
  opacity: 0.6;
}

.btn-tertiary-custom:disabled .btn-icon-mask ,
.btn-tertiary-custom.disabled .btn-icon-mask {
  background-color: var(--custom-btn-tertiary-disabled-color);
  opacity: 0.6;
}





/* ============================= */
/* BASE LINK                   */
/* ============================= */

.link-custom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
  box-shadow: none !important;
  line-height: 140%;
  text-decoration-color: var(--custom-btn-primary-bg);
  text-underline-offset: 5px;
  color:black;
}

.link-custom:hover {
  color: var(--custom-btn-tertiary-hover-color);
  text-decoration-color: var(--custom-btn-tertiary-hover-color);
}

.link-custom:disabled,
.link-custom.disabled {
  color: var(--custom-btn-tertiary-disabled-color);
  text-decoration-color: var(--custom-btn-tertiary-disabled-color);
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}

.link-custom:disabled:active,
.link-custom.disabled:active {
  color: var(--custom-btn-tertiary-disabled-color) !important;
}


.link-icon-mask {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: var(--custom-icon-default-color);
  transition: all 0.2s ease-in-out;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

}

.link-custom:hover .link-icon-mask  {
  background-color: var(--custom-btn-tertiary-hover-color);
}

.link-custom:disabled .btn-icon-mask ,
.link-custom.disabled .btn-icon-mask {
  background-color: var(--custom-btn-tertiary-disabled-color);
  opacity: 0.6;
}




/*Gotyme Icons*/
.arrow-right {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M15.5355 5.63493C15.1449 5.24441 14.5118 5.24441 14.1213 5.63493C13.7307 6.02546 13.7307 6.65862 14.1213 7.04915L18.0712 10.999H3.51465L3.51465 12.999H18.0709L14.1213 16.9486C13.7307 17.3392 13.7307 17.9723 14.1213 18.3629C14.5118 18.7534 15.1449 18.7534 15.5355 18.3629L21.8994 11.9989L15.5355 5.63493Z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M15.5355 5.63493C15.1449 5.24441 14.5118 5.24441 14.1213 5.63493C13.7307 6.02546 13.7307 6.65862 14.1213 7.04915L18.0712 10.999H3.51465L3.51465 12.999H18.0709L14.1213 16.9486C13.7307 17.3392 13.7307 17.9723 14.1213 18.3629C14.5118 18.7534 15.1449 18.7534 15.5355 18.3629L21.8994 11.9989L15.5355 5.63493Z'/></svg>");
}

.download-icon {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 21'><path d='M11.51 14.4428C11.3797 14.5788 11.1957 14.6562 11.0026 14.6562C10.8096 14.6562 10.6255 14.5788 10.4952 14.4428L6.82855 10.6147C6.57234 10.3472 6.59181 9.93213 6.87204 9.68756C7.15227 9.443 7.58713 9.46155 7.84334 9.72904L10.3151 12.3097V2.625C10.3151 2.26257 10.6229 1.96875 11.0026 1.96875C11.3823 1.96875 11.6901 2.26257 11.6901 2.625V12.3097L14.1619 9.72904C14.4181 9.46155 14.853 9.443 15.1332 9.68756C15.4134 9.93213 15.4329 10.3472 15.1767 10.6147L11.51 14.4428Z'/><path d='M3.4375 13.125C3.4375 12.7626 3.1297 12.4688 2.75 12.4688C2.37031 12.4688 2.0625 12.7626 2.0625 13.125V13.173C2.06248 14.3697 2.06246 15.3342 2.16931 16.0928C2.28025 16.8804 2.51756 17.5435 3.06932 18.0701C3.62108 18.5969 4.3158 18.8234 5.1409 18.9293C5.93562 19.0312 6.94608 19.0312 8.1997 19.0312H13.8003C15.054 19.0312 16.0644 19.0312 16.8591 18.9293C17.6842 18.8234 18.3789 18.5969 18.9307 18.0701C19.4825 17.5435 19.7198 16.8804 19.8307 16.0928C19.9375 15.3342 19.9375 14.3697 19.9375 13.173V13.125C19.9375 12.7626 19.6297 12.4688 19.25 12.4688C18.8703 12.4688 18.5625 12.7626 18.5625 13.125C18.5625 14.381 18.561 15.2569 18.468 15.9179C18.3775 16.56 18.2122 16.8999 17.9584 17.1421C17.7047 17.3843 17.3486 17.5422 16.6759 17.6285C15.9835 17.7174 15.0658 17.7188 13.75 17.7188H8.25C6.93421 17.7188 6.01651 17.7174 5.32411 17.6285C4.65149 17.5422 4.29529 17.3843 4.04159 17.1421C3.7879 16.8999 3.62248 16.56 3.53205 15.9179C3.43896 15.2569 3.4375 14.381 3.4375 13.125Z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 21'><path d='M11.51 14.4428C11.3797 14.5788 11.1957 14.6562 11.0026 14.6562C10.8096 14.6562 10.6255 14.5788 10.4952 14.4428L6.82855 10.6147C6.57234 10.3472 6.59181 9.93213 6.87204 9.68756C7.15227 9.443 7.58713 9.46155 7.84334 9.72904L10.3151 12.3097V2.625C10.3151 2.26257 10.6229 1.96875 11.0026 1.96875C11.3823 1.96875 11.6901 2.26257 11.6901 2.625V12.3097L14.1619 9.72904C14.4181 9.46155 14.853 9.443 15.1332 9.68756C15.4134 9.93213 15.4329 10.3472 15.1767 10.6147L11.51 14.4428Z'/><path d='M3.4375 13.125C3.4375 12.7626 3.1297 12.4688 2.75 12.4688C2.37031 12.4688 2.0625 12.7626 2.0625 13.125V13.173C2.06248 14.3697 2.06246 15.3342 2.16931 16.0928C2.28025 16.8804 2.51756 17.5435 3.06932 18.0701C3.62108 18.5969 4.3158 18.8234 5.1409 18.9293C5.93562 19.0312 6.94608 19.0312 8.1997 19.0312H13.8003C15.054 19.0312 16.0644 19.0312 16.8591 18.9293C17.6842 18.8234 18.3789 18.5969 18.9307 18.0701C19.4825 17.5435 19.7198 16.8804 19.8307 16.0928C19.9375 15.3342 19.9375 14.3697 19.9375 13.173V13.125C19.9375 12.7626 19.6297 12.4688 19.25 12.4688C18.8703 12.4688 18.5625 12.7626 18.5625 13.125C18.5625 14.381 18.561 15.2569 18.468 15.9179C18.3775 16.56 18.2122 16.8999 17.9584 17.1421C17.7047 17.3843 17.3486 17.5422 16.6759 17.6285C15.9835 17.7174 15.0658 17.7188 13.75 17.7188H8.25C6.93421 17.7188 6.01651 17.7174 5.32411 17.6285C4.65149 17.5422 4.29529 17.3843 4.04159 17.1421C3.7879 16.8999 3.62248 16.56 3.53205 15.9179C3.43896 15.2569 3.4375 14.381 3.4375 13.125Z'/></svg>");
}

.chevron-up {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.77591 16.7169C3.38459 16.3256 3.38459 15.6911 3.77591 15.2998L11.9998 7.07593L20.2236 15.2998C20.615 15.6911 20.615 16.3256 20.2236 16.7169C19.8323 17.1082 19.1979 17.1082 18.8065 16.7169L11.9998 9.91013L5.19301 16.7169C4.80169 17.1082 4.16723 17.1082 3.77591 16.7169Z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.77591 16.7169C3.38459 16.3256 3.38459 15.6911 3.77591 15.2998L11.9998 7.07593L20.2236 15.2998C20.615 15.6911 20.615 16.3256 20.2236 16.7169C19.8323 17.1082 19.1979 17.1082 18.8065 16.7169L11.9998 9.91013L5.19301 16.7169C4.80169 17.1082 4.16723 17.1082 3.77591 16.7169Z'/></svg>");
}

.chevron-down {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.77591 7.28324C3.38459 7.67456 3.38459 8.30902 3.77591 8.70034L11.9998 16.9242L20.2236 8.70034C20.615 8.30902 20.615 7.67456 20.2236 7.28324C19.8323 6.89192 19.1979 6.89192 18.8065 7.28324L11.9998 14.09L5.19301 7.28324C4.80169 6.89192 4.16723 6.89192 3.77591 7.28324Z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.77591 7.28324C3.38459 7.67456 3.38459 8.30902 3.77591 8.70034L11.9998 16.9242L20.2236 8.70034C20.615 8.30902 20.615 7.67456 20.2236 7.28324C19.8323 6.89192 19.1979 6.89192 18.8065 7.28324L11.9998 14.09L5.19301 7.28324C4.80169 6.89192 4.16723 6.89192 3.77591 7.28324Z'/></svg>");
}