.accordion-item { margin-bottom: 15px; transition: background-color 0.3s ease-in-out allow-discrete; } .accordion-item__title { font-family: var(--font-family-primary); font-size: 1.2rem; font-weight: 700; transition: color 0.3s ease-in-out allow-discrete; margin: 0; line-height: 1.63333; text-transform: capitalize; } .accordion-item__content { display: none; font-size: 14px; height: 0; transition: height 0.3s ease-in-out allow-discrete, display 0.3s ease-in-out allow-discrete, overlay 0.3s ease-in-out allow-discrete; overflow: hidden; } .accordion-item--open .accordion-item__content { display: block; height: auto; height: calc-size(auto, size); } .accordion-item__content > :first-child { margin-top: .5rem; } .accordion-item__content :last-child { margin-bottom: 0; } .accordion-item__button { cursor: pointer; display: flex; justify-content: space-between; width: 100%; } .accordion-item__button::after { content: ''; display: inline-block; mask-image: url("https://www.trinitas.ventures/wp-content/themes/trinitas-2025/assets/images/icons/arrow-circle.svg"); background-color: var(--color-primary); mask-size: contain; mask-repeat: no-repeat; vertical-align: middle; line-height: 1; width: 1em; height: 1em; margin-left: 5px; transform: rotate(0deg); transition: transform 0.3s ease-out allow-discrete; } .accordion-item--open .accordion-item__button::after { transform: rotate(180deg); } @starting-style { .accordion-item--open .accordion-item__content { height: 0; } }  .flip-card { width: 300px; height: 200px; perspective: 1000px; } .flip-card-inner { position: relative; width: 100%; height: 100%; display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; transition: transform 0.9s; -webkit-transform-style: preserve-3d!important; transform-style: preserve-3d; } .flip-card:hover .flip-card-inner, .flip-card:focus .flip-card-inner { transform: rotateY(180deg); } .flip-card-front, .flip-card-back { width: 100%; height: 100%; grid-row: 1 / -1; grid-column: 1 / -1; -webkit-backface-visibility: hidden!important; backface-visibility: hidden; } .flip-card-back { transform: rotateY(180deg); z-index: 1; } .flip-card-back::after { content: ''; display: block; height: 5px; background: linear-gradient(to right, var(--color-primary), var(--color-tertiary)); }  .footer { color: white; background: linear-gradient(90deg, var(--color-quaternary) 0%, var(--color-quinary) 100%); } .footer__inner { display: grid; grid-template-areas: "contact" "menu" "copyright"; gap: var(--gap); padding: var(--y-gap) var(--x-gap); } .footer__label { font-weight: bold; margin-bottom: 5px; } .footer__logo { margin-bottom: 2.4rem; } .footer__location { display: grid; font-size: 1rem; line-height: 1.66667; max-width: 320px; margin-bottom: 2.5rem; } .footer__contact { grid-area: contact; } .footer__hour { display: flex; justify-content: space-between; gap: 10px; max-width: 300px; } .footer__sns { grid-area: sns; } .footer__information { font-size: 12px; line-height: 1.77778; margin-bottom: 1rem; } .footer__menus { grid-area: menu; display: grid; grid-template-columns: 1fr 1fr; gap: 7.98vw; } .footer__menus .menu { border-top: 1px solid rgba(255, 255, 255, 0.20); padding-top: 9px; font-size: 12px; line-height: 1.5; } .footer__menus .menu__link { margin-bottom: 18px; transition: color .2s ease-in-out; font-size: 1rem; } .footer__menus .menu__link:hover, .footer__menus .menu__link:focus { color: var(--color-tertiary); text-decoration: underline; } .footer__copyright { grid-area: copyright; display: grid; align-items: end; border-top: 1px solid #D4D2E3; padding-top: 20px; line-height: 1.4; gap: 20px; } .footer__copyright .menu, .footer__copyright .menu__item { display: inline; margin-bottom: 0; } .footer__separator::before, .footer__copyright .menu__item::before { content: " | "; margin: 0 5px; } .footer__copyright .menu__link { margin-bottom: 0; text-decoration: underline; opacity: .8; } .footer__disclaimer { display: inline-block; font-size: 10px; line-height: 1.4; max-width: 975px; opacity: .8; text-wrap: pretty; } .footer__jumpem { font-size: 12px; margin-top: .5rem; line-height: 1.4; } .footer__jumpem img { height: 1.05em; vertical-align: middle; margin-top: -1px; } .footer__icons { display: flex; gap: 1px; } .footer__information .menu__link { transition: color .2s ease-in-out; } .footer__information .menu__link:hover, .footer__information .menu__link:focus { color: var(--color-tertiary); text-decoration: underline; } /* */ @media(min-width: 992px) { .footer__inner { grid-template-areas: "contact menu" "copyright copyright" ; grid-template-columns: auto min-content; gap: 7.7rem var(--gap); } .footer__menus { grid-template-columns: 123px 208px; justify-content: end; } .footer__information { font-size: 1rem; } .footer__location { font-size:1.1rem; } .footer__copyright { grid-template-columns: 1fr 150px; justify-content: space-between; } }  .sns { display: flex; gap: 16px; } .sns__link svg { fill: white; transition: fill .2s ease; } .sns__link:hover svg { fill: var(--color-tertiary); }