: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;
  --soft-blue: #F4FBFD;
  
  /* ============================= */
  /* 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: "GoTyme Sans";
  src:
    url(https://www.gotyme.com.ph/static-assets/fonts/gotyme-sans/gotymesans-regular.woff2)
      format("woff2"),
    url(https://www.gotyme.com.ph/static-assets/fonts/gotyme-sans/gotymesans-regular.woff)
      format("woff"),
    url(https://www.gotyme.com.ph/static-assets/fonts/gotyme-sans/gotymesans-regular.ttf)
      format("truetype");
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "GoTyme Sans";
  src:
    url(https://www.gotyme.com.ph/static-assets/fonts/gotyme-sans/gotymesans-medium.woff2)
      format("woff2"),
    url(https://www.gotyme.com.ph/static-assets/fonts/gotyme-sans/gotymesans-medium.woff)
      format("woff"),
    url(https://www.gotyme.com.ph/static-assets/fonts/gotyme-sans/gotymesans-medium.ttf)
      format("truetype");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "GoTyme Sans";
  src:
    url(https://www.gotyme.com.ph/static-assets/fonts/gotyme-sans/gotymesans-bold.woff2)
      format("woff2"),
    url(https://www.gotyme.com.ph/static-assets/fonts/gotyme-sans/gotymesans-bold.woff) format("woff"),
    url(https://www.gotyme.com.ph/static-assets/fonts/gotyme-sans/gotymesans-bold.ttf)
      format("truetype");
  font-weight: bold;
  font-display: swap;
}


*, .font-gotyme {
  font-family: "GoTyme Sans";
}

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

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

.bg-better-payroll {
    background: linear-gradient(
        180deg,
        rgba(0, 95, 250, 0) -10%,
        #00f5fa 100%
    ) !important;
}

.bg-better-payroll.payroll-hidden {
    background: linear-gradient(
        180deg,
        rgba(0, 95, 250, 0) -10%,
        #93B9C2 100%
    ) !important;
}

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

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

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

.mca-footer-color{
    background-color: black;
}

/*.home-footer-color {*/
/*    background-image: linear-gradient(to right, #c1d9df 0%, #c1d9df 50%, #c2dbde 50%, #c2dbde 100%) !important;*/
/*}*/

.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;
}

.footer-link-pe{
    padding-left:0px;
}

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

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

.footer-regulation{
    padding-left: 56px !important;
    padding-right: 56px !important;
}

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


/* Start: NAVIGATION */

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

#navbar .nav-link:focus-visible,
.navbar-util .nav-link:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}


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

#navbar {
  position: fixed;
  top: 45px;
  width: 100%;
  z-index: 4;
  transition: top 0.5s ease, position 0.5s ease;
  /*left: 50%;*/
  /*transform: translate(-50%);*/
}

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

.navbar-main {
    background-color: rgba(232, 243, 245, 1);
}

.navbar-frosted {
    -webkit-backdrop-filter: blur(50px) !important;
    backdrop-filter: blur(50px) !important;
    background-color: #ffffff4d;
}

.navbar-topped {
    -webkit-backdrop-filter: blur() !important;
    backdrop-filter: blur() !important;
    background-color: none !important;
    box-shadow: none !important;
}

.navbar-frosted .nav-link,
.navbar-frosted a,
.navbar-main .nav-link,
.navbar-main a {
    color: #2B2B38 !important;
    font-weight: 500;
}

.navbar-frosted .nav-link:hover,
.navbar-main .nav-link:hover {
    color: #4A0BE8 !important;
}

.navbar-topped .nav-link,
.navbar-topped a {
    color: #2B2B38 !important;
    font-weight: 500;
}

.navbar-utility-container {
    height: 45px;
    line-height: 24px;  
}

.container-main-nav {
    width: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
}

#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: SPACING */
.mb-64 {
    margin-bottom: 4rem !important;
}
.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-4r {
    margin-top: 4rem;
}
.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;
}

.pb-6 {
    padding-bottom: 4.3rem;
}
.pb-7 {
    padding-bottom: 5rem;
}
.pb-8 {
    padding-bottom: 6rem;
}

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

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

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

ol, ul {
    padding-left: 2.5rem;
}

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


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

.go-start-ph-stock-px{
    padding-top: 70px;
    padding-bottom: 70px;
}

.py-section{
    padding-top:70px !important;
    padding-bottom:70px !important;
}

.py-section-rte{
    padding-top:100px !important;
    padding-bottom:100px !important;
}

.py-section-rte .text-content-wrapper p{
    margin: 0 auto;
    width: 60%;
}
.pt-section{
    padding-top:70px !important;
}

.pb-section{
    padding-bottom:70px !important;
}

.pe-img{
    padding-right:3.125rem !important;
}

.ps-img{
    padding-left:3.125rem !important;
}

.pt-2rem{
    padding-top: 2rem;
}

.mb-print-now{
    margin-bottom: 3rem !important
}

.mb-p{
    margin-bottom: 40px;
}

.contact-us-cards{
    padding: 32px 40px;
    min-height: 276px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-card{
    padding: 40px;
}

.trusted-cards{
    padding: 24px 30px;
    height: 100%;
    min-height: 150px;
}

.powering-country-mca{
    gap :1.5rem;
}

.multi-currency-goalsave-card{
    padding: 40px;
}


/* TABLE */

.gotyme-table-scroll-container {
  margin: 0 auto;
  overflow-x: auto;
  padding-bottom: 0;
  display: block;
  overflow-y: hidden;
  position: relative;
}

/* Hide native scrollbar */
.gotyme-table-scroll-container::-webkit-scrollbar {
  display: none;
}
.gotyme-table-scroll-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.custom-scrollbar {
  position: relative;
  height: 15px;
  background-color: #D7D7D7;
  margin-top: 1rem;
  cursor: pointer;
  width: 100%;
  flex-shrink: 0;
}

.custom-scrollbar-thumb {
  position: absolute;
  height: 100%;
  background-color: #B1B1B1;
  border-radius: 0;
  cursor: grab;
  transition: background-color 0.2s;
  min-width: 50px; 
}

.custom-scrollbar-thumb:active {
  cursor: grabbing;
}



.gotyme-table-wrapper {
  min-width:min-content;
  border-radius: 20px;
  border: 1px solid #b9b9b9;
  background: #ffffff;
  overflow:hidden;
}


.gotyme-table {
  min-width:1000px;
  border-collapse: separate;
  border-spacing: 0;
  color: #1a1a1a;
  table-layout: auto;
}


.gotyme-table td:not(.gotyme-table-col) { 
    font-size: 16px; 
    line-height: 120%;
}

.gotyme-table thead th {
  background: #eef6f7;
  padding: 18px 16px;
  text-align: center;
  border-right: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  white-space: nowrap;
}
.gotyme-table thead th:last-child {
  border-right: none;
}

.gotyme-table-col {
  background: #93FCFA !important;
}

.gotyme-table-head {
  background: #00F5FA !important;
}

.gotyme-table tbody td {
  padding: 1rem 2.5rem;
  border-right: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  text-align: center;
  vertical-align: top;
}

.gotyme-table tbody tr:last-child td {
  border-bottom: none;
}
.gotyme-table tbody td:last-child {
  border-right: none;
}
/* END TABLE*/


@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);*/
/*}*/

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

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

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

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

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

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

 li {
  line-height: 1.5 !important;
}

#navbar li {
  line-height: unset !important;
}

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

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

/* End: FONTSIZES */

/* Accordion */
.accordion-button:focus,
.accordion-button:active,
.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-button:not(.collapsed){
    color:black !important;
}

.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") !important;
}
/* End: Accordion */

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

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

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

.multi-currency-wrapper{
    min-height: 400px;
}

.save-smart-wrapper{
    min-height: 60vh; 
    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;
}

.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,
#faq-items-root .accordion .accordion-body hr {
    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:16px;
    /*font-size: clamp(0.45rem, 1vw + 0.5rem, 0.7575rem);*/
}

.btn.rounded-pill small{
    font-size:16px;
    /*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;
}

.service-search-wrapper .react-embed .search-glass-icon {
  left: 1rem;
  top: 1rem;
}
.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: 'GoTyme 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;
}

#application-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: 220px 90% !important;
}

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


.visit-sbs{
    background-size: 220px 85% !important;
}

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


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

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

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

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

.downpayment-sbs{
    background-size: 250px 70% !important;
}

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

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


#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;
}

.banner-content-wrapper{
    width:50%;
}


.media-banner-height{
    min-height:530px;
}

.important-disclosure-stock{
    width: 100%;
}

.apple-pay-btn{
    display: none !important;
}



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


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


.w-60{
    width:60% !important;
}

.h-100vh{
    height:100vh
}

.navbar-margin{
    margin-top: 130px;
}

.navbar-padding{
    padding-top: 140px !important;
}


.zoom-img {
  transition: transform 0.4s ease;
}

.zoom-img:hover {
  transform: scale(1.1);
}

.bs-gutter-x{
    --bs-gutter-x: 0 !important;
}

.meet-the-artist {
  position: relative;
  padding: 2rem;
}

.meet-the-artist .container--main{
    padding: 0 !important;
}

.meet-the-artist::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 150px;
  height: 150px;
  background-image: url(https://www.gotyme.com.ph/static-assets/images/players-02-artist.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  z-index: 1;
}


.meet-the-artist::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: -125px;
  width: 180px; 
  height: 180px;
  background-image: url(https://www.gotyme.com.ph/static-assets/images/players-01-artist.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
  z-index: 1;
  transform: scaleX(-1) rotate(12deg);
}

.low-fees-abroad{
    position: relative;

}

.low-fees-abroad::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background-image: url(https://www.gotyme.com.ph/static-assets/images/outward-coins-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    left: 8%;
}


.low-fees-abroad::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background-image: url(https://www.gotyme.com.ph/static-assets/images/outward-coins-02.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    right: 10%;
    bottom: 11%;
}


.print-your-fifa {
  position: relative;
  z-index: 1;
  overflow: visible !important;
}

.classic-video-height, .gold-video-height{
    height: 400px;
}

/* step number circles */
.smv2-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  flex-shrink: 0;
  border: 2px solid var(--custom-icon-default-color);
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
}

.standard-card {
  width: 100%;
  padding: 34px 1.5rem;
  height: 100%;
  border-radius: 20px;
  background-color: white;
}


/*Service status dynamic indicator*/
.status-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
}

.status-dot.operational  { background-color: #1abc9c; color: #1abc9c; }
.status-dot.limited      { background-color: #f39c12; color: #f39c12; }
.status-dot.interruption { background-color: #e74c3c; color: #e74c3c; }
.status-dot.maintenance  { background-color: #95a5a6; color: #95a5a6; }

.status-dot.pulse::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid currentColor;
    animation: dotPulse 1.4s ease-out infinite;
    opacity: 0;
}

.status-dot.limited.pulse::before      { color: #f39c12; }
.status-dot.interruption.pulse::before { color: #e74c3c; }
.status-dot.maintenance.pulse::before  { color: #95a5a6; }

@keyframes dotPulse {
    0%   { transform: scale(0.8); opacity: 0.8; }
    100% { transform: scale(2.2); opacity: 0; }
}


.mca-powering-video{
    height: 500px !important;
}

.beautiful-payroll-sectin-img h2{
    width: 60%;
}


.copy-referral-link{
    cursor: pointer !important;
}

.video-thumbnail {
  min-height: 0 !important;
  aspect-ratio: 856 / 500;
}

.video-thumbnail-wrapper,
.video-thumbnail-wrapper > div {
  height: auto !important;
}


.video-thumbnail-wrapper
  img[src*="business-play"] {
  width: 60px !important;
  height: auto !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

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

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

.btn-custom strong{
    font-weight: 500 !important;
}


/* ============================= */
/* 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, .hover-indigo:hover {
  background: var(--custom-btn-primary-hover-bg) !important;
  color: var(--custom-btn-primary-hover-color) !important;
}

.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;
}

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

.btn-secondary-custom-white: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-white :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-white :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-secondary-custom-white:hover .btn-icon-mask {
  background-color: white;
}

.btn-secondary-custom-white .btn-icon-mask {
  background-color: white;
}

.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;
}


/*FIFA Button*/

.bg-classic{
    background:linear-gradient(180deg, #00F5FA -11.61%, #9FFDFF 39.33%, #F2F7F8 118.3%), linear-gradient(140.6deg, #00F5FA -2.2%, #C8FEFF 54.17%, #35FBFF 110.55%) !important;
}

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

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


.bg-fifa-black {
  color: white !important;
  position: relative;
  background: linear-gradient(138.57deg, #121214 12.3%, #505256 36.76%, #94999F 64.85%, #212124 80.68%, #5D6064 92.45%, #9599A0 102.86%) !important;
  transition: opacity 0.5s ease;
  font-weight: bold;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.bg-fifa-black::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(142.06deg, #000000 -6.87%, #686868 39.02%, #000000 68.51%, #000000 90.97%);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 0;
  pointer-events: none;
}

.bg-fifa-black:hover::after {
  opacity: 1;
}

.bg-fifa-black > * {
  position: relative;
  z-index: 1;
}


.bg-gold {
  color: #725815 !important;
  position: relative;
    font-weight: bold;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  background: linear-gradient(137.55deg, #DDC479 4.4%, #E3D7B3 58.22%, #D1BD89 88.64%) !important;
  transition: opacity 0.3s ease;
}

.bg-gold::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(137.55deg, #DDB754 4.4%, #ECD798 58.22%, #DDB754 88.64%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
  pointer-events: none;
}

.bg-gold:hover::after {
  opacity: 1;
}

.bg-gold:hover {
  color: #725815 !important;
}

.bg-gold > * {
  position: relative;
  z-index: 1;
}

.color-gold{
    background:#725815 !important;
}

.color-gold:hover{
    background:#725815 !important;
}





/*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>");
}

.arrow-up {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.01164 9.17055C6.62112 9.56115 6.62112 10.1942 7.01164 10.5848C7.40217 10.9753 8.03533 10.9753 8.42586 10.5848L12.3757 6.63495L12.3757 21.1914H14.3757L14.3757 6.63525L18.3253 10.5848C18.7159 10.9753 19.349 10.9753 19.7396 10.5848C20.1301 10.1942 20.1301 9.56115 19.7396 9.17055L13.3756 2.80665L7.01164 9.17055Z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.01164 9.17055C6.62112 9.56115 6.62112 10.1942 7.01164 10.5848C7.40217 10.9753 8.03533 10.9753 8.42586 10.5848L12.3757 6.63495L12.3757 21.1914H14.3757L14.3757 6.63525L18.3253 10.5848C18.7159 10.9753 19.349 10.9753 19.7396 10.5848C20.1301 10.1942 20.1301 9.56115 19.7396 9.17055L13.3756 2.80665L7.01164 9.17055Z'/></svg>");
}

.arrow-down {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M18.7071 14.8304C19.0976 14.4398 19.0976 13.8067 18.7071 13.4161C18.3166 13.0256 17.6834 13.0256 17.2929 13.4161L13.343 17.366V2.80957H11.343V17.3657L7.39344 13.4161C7.00284 13.0256 6.36974 13.0256 5.97914 13.4161C5.58864 13.8067 5.58864 14.4398 5.97914 14.8304L12.3431 21.1943L18.7071 14.8304Z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M18.7071 14.8304C19.0976 14.4398 19.0976 13.8067 18.7071 13.4161C18.3166 13.0256 17.6834 13.0256 17.2929 13.4161L13.343 17.366V2.80957H11.343V17.3657L7.39344 13.4161C7.00284 13.0256 6.36974 13.0256 5.97914 13.4161C5.58864 13.8067 5.58864 14.4398 5.97914 14.8304L12.3431 21.1943L18.7071 14.8304Z'/></svg>");
}

.modal-close-btn {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.modal-close-btn .close-circle {
    fill: #000;
    transition: fill .2s ease;
}

.modal-close-btn:hover .close-circle {
    fill: #333;
}

.article-topic-link:hover {
    color: #4a0be8 !important;
    font-weight: 500 !important;
}

html, body {
    overscroll-behavior: none;
}

.promos-article-accordion .accordion-collapse.collapse.show {
  background-color: #fcfdff !important;
  border: 1px solid #f3f4f8 !important;
  border-radius: 0 0 16px 16px !important;
}


.promos-article-accordion .accordion-collapse.collapsing {
transition: none !important;
}