/* ===== ISS Flip Card Section ===== */
.iss-flip-section { width:100%; overflow:visible; }
.iss-flip-layout { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; width:100%; max-width:1300px; margin:0 auto; align-items:start; overflow:visible; }
.iss-flip-column { display:flex; flex-direction:column; gap:12px; min-width:0; overflow:visible; }
.iss-flip-column--one { padding-top:156px; }
.iss-flip-column--two { padding-top:62px; }
.iss-flip-column--three { padding-top:0; }
.iss-flip-column--four { padding-top:0; transform:translateY(-55px); }
.iss-flip-arrow,.iss-flip-dots { display:none !important; }

/* ===== Flip Card ===== */
.iss-flip-card { position:relative; width:100%; height:355px; perspective:1200px; cursor:pointer; overflow:visible; z-index:1; }
.iss-flip-card:hover,.iss-flip-card.is-pinned { z-index:100; }
.iss-flip-card-inner { position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .65s cubic-bezier(.4,0,.2,1); }
.iss-flip-card:hover .iss-flip-card-inner { transform:rotateY(180deg); }
.iss-flip-card.is-pinned .iss-flip-card-inner { transform:rotateY(180deg); }
.iss-flip-card-front,.iss-flip-card-back { position:absolute; inset:0; width:100%; height:100%; border-radius:20px; backface-visibility:hidden; -webkit-backface-visibility:hidden; }

/* ===== Front ===== */
.iss-flip-card-front { display:flex; align-items:flex-end; padding:26px 28px; overflow:hidden; background-image:var(--iss-card-image); background-position:center; background-size:cover; background-repeat:no-repeat; pointer-events:auto; }
.iss-flip-card-overlay { position:absolute; inset:0; opacity:.78; }
.iss-flip-card-front h3 { position:relative; z-index:2; margin:0; padding:0; font-family:"Roboto",Arial,sans-serif; font-size:clamp(23px,1.9vw,26px) !important; font-weight:800 !important; line-height:1.18 !important; }

/* ===== Back ===== */
.iss-flip-card-back { display:flex; flex-direction:column; justify-content:space-between; padding:27px 28px 22px; overflow:visible; transform:rotateY(180deg); font-family:"Roboto",Arial,sans-serif; pointer-events:none; z-index:2; }
.iss-flip-card-content { position:relative; z-index:2; }
.iss-flip-card-back h3 { margin:0 0 20px; padding:0; font-size:clamp(23px,1.9vw,26px) !important; font-weight:800 !important; line-height:1.18 !important; }
.iss-flip-card-back p { margin:0; padding:0; font-size:14px !important; font-weight:400; line-height:1.6; }
.iss-flip-card-back sup { position:relative; top:-.3em; font-size:60%; line-height:0; }

/* ===== Visible Face Click Control ===== */
.iss-flip-card:hover .iss-flip-card-front,.iss-flip-card.is-pinned .iss-flip-card-front { pointer-events:none; }
.iss-flip-card:hover .iss-flip-card-back,.iss-flip-card.is-pinned .iss-flip-card-back { pointer-events:auto; }

/* ===== Card Colors ===== */
.iss-flip-card--teal .iss-flip-card-overlay { background:#53b2ae; }
.iss-flip-card--teal .iss-flip-card-back { background:#53b2ae; color:#081516; }
.iss-flip-card--lime .iss-flip-card-overlay { background:#bedb49; }
.iss-flip-card--lime .iss-flip-card-back { background:#bedb49; color:#081516; }
.iss-flip-card--coral .iss-flip-card-overlay { background:#ef6d4d; }
.iss-flip-card--coral .iss-flip-card-back { background:#ef6d4d; color:#ffffff; }
.iss-flip-card--gray .iss-flip-card-overlay { background:#dde0e3; }
.iss-flip-card--gray .iss-flip-card-back { background:#dde0e3; color:#081516; }
.iss-flip-card--slate .iss-flip-card-overlay { background:#747d8f; }
.iss-flip-card--slate .iss-flip-card-back { background:#747d8f; color:#ffffff; }
.iss-flip-card--lagoon .iss-flip-card-overlay { background:#267b82; }
.iss-flip-card--lagoon .iss-flip-card-back { background:#267b82; color:#ffffff; }
.iss-flip-card--dark .iss-flip-card-overlay { background:#1b2b29; }
.iss-flip-card--dark .iss-flip-card-back { background:#1b2b29; color:#ffffff; }
.iss--white h3,.iss--white p { color:#ffffff !important; }
.iss-flip-card--clear .iss-flip-card-overlay { background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 35%,rgba(0,0,0,.75) 100%) !important; opacity:.95; color:#fff !important; }
.iss-flip-card--clear h3 { color:#fff !important; }

/* ===== Pricing Link ===== */
.iss-pricing-wrap { position:relative; display:inline-flex; align-self:flex-end; margin-top:20px; z-index:500; pointer-events:auto; }
.iss-pricing-trigger { position:relative; z-index:501; display:inline-flex; align-items:center; gap:8px; appearance:none; border:0; padding:0; margin:0; background:transparent; color:inherit; font-family:"Roboto",Arial,sans-serif; font-size:14px; font-weight:700; line-height:1.2; cursor:pointer; pointer-events:auto; }
.iss-pricing-trigger span:first-child { text-decoration:none; }
.iss-pricing-trigger:hover span:first-child,.iss-pricing-trigger:focus-visible span:first-child { text-decoration:underline; text-underline-offset:3px; }
.iss-pricing-trigger:focus-visible { outline:2px solid currentColor; outline-offset:5px; border-radius:3px; }
.iss-pricing-info { display:inline-flex; align-items:center; justify-content:center; width:19px; height:19px; border:1.5px solid currentColor; border-radius:50%; font-family:Arial,sans-serif; font-size:12px; font-weight:700; line-height:1; }

/* ===== Pricing Tooltip ===== */
.iss-pricing-tooltip { position:absolute; z-index:9999; width:190px; max-width:220px; padding:16px 38px 16px 16px; border-radius:10px; background:#111111; color:#ffffff; box-shadow:0 10px 28px rgba(0,0,0,.3); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease,transform .3s ease,visibility .25s ease; }
.iss-pricing-tooltip strong { display:block; margin:0 0 6px; padding:0; color:#ffffff; font-family:"Roboto",Arial,sans-serif; font-size:14px; font-weight:800; line-height:1.25; }
.iss-pricing-tooltip > span { display:block; margin:0; padding:0; color:#ffffff; font-family:"Roboto",Arial,sans-serif; font-size:13px; font-weight:400; line-height:1.4; }
.iss-pricing-wrap.is-open .iss-pricing-tooltip { opacity:1; visibility:visible; pointer-events:auto; }

/* ===== Pricing Tooltip Close ===== */
.iss-pricing-close { position:absolute; top:8px; right:8px; z-index:5; display:flex; align-items:center; justify-content:center; width:22px; height:22px; padding:0; margin:0; border:1px solid rgba(255,255,255,.75); border-radius:50%; background:#fff; color:#ffffff; cursor:pointer; pointer-events:auto; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.iss-pricing-close span { display:block; position:relative; color:#000; font-family:Arial,sans-serif; font-size:24px; font-weight:400; line-height:1; }
.iss-pricing-close:hover,.iss-pricing-close:focus-visible { background:#fff; border-color:#ffffff; transform:scale(1.08); }
.iss-pricing-close:focus-visible { outline:2px solid #ffffff; outline-offset:2px; }

/* ===== Tooltip Arrow ===== */
.iss-pricing-tooltip::before { content:""; position:absolute; width:12px; height:12px; background:#111111; transform:rotate(45deg); }

/* ===== Tooltip Top ===== */
.iss-pricing-trigger[data-tooltip-position="top"] + .iss-pricing-tooltip { left:50%; bottom:calc(100% + 16px); transform:translate(-50%,10px); }
.iss-pricing-trigger[data-tooltip-position="top"] + .iss-pricing-tooltip::before { left:50%; bottom:-6px; margin-left:-6px; }
.iss-pricing-wrap.is-open .iss-pricing-trigger[data-tooltip-position="top"] + .iss-pricing-tooltip { transform:translate(-50%,0); }

/* ===== Tooltip Right ===== */
.iss-pricing-trigger[data-tooltip-position="right"] + .iss-pricing-tooltip { left:calc(100% + 16px); top:50%; transform:translate(-10px,-50%); }
.iss-pricing-trigger[data-tooltip-position="right"] + .iss-pricing-tooltip::before { left:-6px; top:50%; margin-top:-6px; }
.iss-pricing-wrap.is-open .iss-pricing-trigger[data-tooltip-position="right"] + .iss-pricing-tooltip { transform:translate(0,-50%); }

/* ===== Tooltip Bottom ===== */
.iss-pricing-trigger[data-tooltip-position="bottom"] + .iss-pricing-tooltip { left:50%; top:calc(100% + 16px); transform:translate(-50%,-10px); }
.iss-pricing-trigger[data-tooltip-position="bottom"] + .iss-pricing-tooltip::before { left:50%; top:-6px; margin-left:-6px; }
.iss-pricing-wrap.is-open .iss-pricing-trigger[data-tooltip-position="bottom"] + .iss-pricing-tooltip { transform:translate(-50%,0); }

/* ===== Tooltip Left ===== */
.iss-pricing-trigger[data-tooltip-position="left"] + .iss-pricing-tooltip { right:calc(100% + 16px); top:50%; transform:translate(10px,-50%); }
.iss-pricing-trigger[data-tooltip-position="left"] + .iss-pricing-tooltip::before { right:-6px; top:50%; margin-top:-6px; }
.iss-pricing-wrap.is-open .iss-pricing-trigger[data-tooltip-position="left"] + .iss-pricing-tooltip { transform:translate(0,-50%); }

/* ===== Main Button ===== */
.iss-flip-button-wrap { width:100%; max-width:1300px; margin:30px auto 0; display:flex; justify-content:flex-start; }
.iss-flip-button { display:inline-flex; align-items:center; justify-content:center; min-width:175px; min-height:50px; padding:12px 24px; border:0; border-radius:12px; background:#4faeaa; color:#ffffff !important; font-family:"Roboto",Arial,sans-serif; font-size:16px; font-weight:700; line-height:1.3; text-align:center; text-decoration:none !important; box-shadow:0 2px 8px rgba(0,0,0,.1); transition:transform 300ms ease,background-color 300ms ease,box-shadow 300ms ease; }
.iss-flip-button:hover { background:#3f9e9a; color:#ffffff !important; transform:translateY(-1px); box-shadow:0 5px 14px rgba(0,0,0,.15); }

/* ===== Tablet Slider ===== */
@media only screen and (min-width:768px) and (max-width:1100px) {
.iss-flip-section { padding:50px 30px; overflow:visible; }
.iss-flip-layout { display:block !important; position:relative; width:100%; max-width:100%; overflow-x:clip; overflow-y:visible; padding-bottom:44px; }
.iss-flip-column { display:none !important; padding:0 !important; transform:none !important; }
.iss-flip-track { display:flex; width:100%; align-items:stretch; gap:16px; transition:transform .35s ease; will-change:transform; }
.iss-flip-track > .iss-flip-card { position:relative; flex:0 0 calc(50% - 8px); width:calc(50% - 8px); max-width:calc(50% - 8px); height:390px; margin:0; transform:none !important; }
.iss-flip-card:hover .iss-flip-card-inner { transform:none; }
.iss-flip-card:hover .iss-flip-card-front { pointer-events:auto; }
.iss-flip-card:hover .iss-flip-card-back { pointer-events:none; }
.iss-flip-card.iss-flipped .iss-flip-card-inner,.iss-flip-card.is-pinned .iss-flip-card-inner { transform:rotateY(180deg); }
.iss-flip-card.iss-flipped .iss-flip-card-front,.iss-flip-card.is-pinned .iss-flip-card-front { pointer-events:none; }
.iss-flip-card.iss-flipped .iss-flip-card-back,.iss-flip-card.is-pinned .iss-flip-card-back { pointer-events:auto; }
.iss-flip-card.iss-flipped:hover .iss-flip-card-inner,.iss-flip-card.is-pinned:hover .iss-flip-card-inner { transform:rotateY(180deg); }
.iss-flip-card-front,.iss-flip-card-back { border-radius:18px; }
.iss-flip-card-front { padding:26px; }
.iss-flip-card-back { padding:25px 24px 20px; }
.iss-flip-card-front h3,.iss-flip-card-back h3 { font-size:25px !important; }
.iss-flip-card-back p { font-size:16px !important; line-height:1.5; }
.iss-flip-dots { display:flex !important; justify-content:center; align-items:center; gap:8px; margin-top:22px; }
.iss-flip-dot { width:9px; height:9px; border:0; border-radius:50%; padding:0; background:rgba(19,81,94,.28); cursor:pointer; transition:background .2s ease,transform .2s ease; }
.iss-flip-dot.is-active { background:#4faeaa; transform:scale(1.2); }
.iss-flip-arrow { position:absolute; top:calc(50% - 22px); z-index:900; width:38px; height:38px; border:0; border-radius:50%; background:#ffffff; color:#13515e; box-shadow:0 6px 18px rgba(0,0,0,.16); transform:translateY(-50%); cursor:pointer; align-items:center; justify-content:center; font-size:22px; line-height:1; }
.iss-flip-prev { display:flex !important; left:8px; }
.iss-flip-next { display:flex !important; right:8px; }
.iss-flip-button-wrap { margin-top:24px; }
}

/* ===== Mobile Slider ===== */
@media only screen and (max-width:767px) {
.iss-flip-section { padding:35px 20px; overflow:visible; }
.iss-flip-layout { display:block !important; position:relative; width:100%; max-width:100%; overflow-x:clip; overflow-y:visible; padding-bottom:44px; }
.iss-flip-column { display:none !important; padding:0 !important; transform:none !important; }
.iss-flip-track { display:flex; width:100%; align-items:stretch; transition:transform .35s ease; will-change:transform; }
.iss-flip-track > .iss-flip-card { position:relative; flex:0 0 86%; width:86%; max-width:86%; height:390px; margin:0 7%; transform:none !important; }
.iss-flip-card:hover .iss-flip-card-inner { transform:none; }
.iss-flip-card:hover .iss-flip-card-front { pointer-events:auto; }
.iss-flip-card:hover .iss-flip-card-back { pointer-events:none; }
.iss-flip-card.iss-flipped .iss-flip-card-inner,.iss-flip-card.is-pinned .iss-flip-card-inner { transform:rotateY(180deg); }
.iss-flip-card.iss-flipped .iss-flip-card-front,.iss-flip-card.is-pinned .iss-flip-card-front { pointer-events:none; }
.iss-flip-card.iss-flipped .iss-flip-card-back,.iss-flip-card.is-pinned .iss-flip-card-back { pointer-events:auto; }
.iss-flip-card.iss-flipped:hover .iss-flip-card-inner,.iss-flip-card.is-pinned:hover .iss-flip-card-inner { transform:rotateY(180deg); }
.iss-flip-card-front,.iss-flip-card-back { border-radius:16px; }
.iss-flip-card-front { padding:24px 23px; }
.iss-flip-card-back { padding:25px 23px 20px; }
.iss-flip-card-front h3,.iss-flip-card-back h3 { font-size:25px !important; }
.iss-flip-card-back p { font-size:16px !important; line-height:1.5; }
.iss-pricing-trigger { font-size:15px; }
.iss-pricing-tooltip { width:min(210px,72vw); }
.iss-pricing-trigger[data-tooltip-position="top"] + .iss-pricing-tooltip { left:0%; }
.iss-flip-dots { display:flex !important; justify-content:center; align-items:center; gap:8px; margin-top:22px; }
.iss-flip-dot { width:9px; height:9px; border:0; border-radius:50%; padding:0; background:rgba(19,81,94,.28); cursor:pointer; transition:background .2s ease,transform .2s ease; }
.iss-flip-dot.is-active { background:#4faeaa; transform:scale(1.2); }
.iss-flip-arrow { position:absolute; top:calc(50% - 22px); z-index:900; width:38px; height:38px; border:0; border-radius:50%; background:#ffffff; color:#13515e; box-shadow:0 6px 18px rgba(0,0,0,.16); transform:translateY(-50%); cursor:pointer; align-items:center; justify-content:center; font-size:22px; line-height:1; }
.iss-flip-prev { display:flex !important; left:8px; }
.iss-flip-next { display:flex !important; right:8px; }
.iss-flip-button-wrap { width:100%; margin-top:20px; }
.iss-flip-button { width:100%; min-width:0; }
}

/* ===== Small Mobile ===== */
@media only screen and (max-width:480px) {
.iss-flip-track > .iss-flip-card { flex-basis:88%; width:88%; max-width:88%; margin:0 6%; }
.iss-flip-arrow { width:34px; height:34px; font-size:20px; }
}

/* ===== Reduce Motion ===== */
@media (prefers-reduced-motion:reduce) {
.iss-flip-card-inner,.iss-pricing-tooltip,.iss-flip-track { transition:none; }
}