/* Clients page — glass cards + CTA (from vorto.io/clients/) */

.guten-Yy5pai .guten-inner-wrap {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

.glass-box-section .guten-icon-box-wrapper {
    border: unset;
}

.glass-box-section .wp-block-gutenverse-heading {
    display: block;
    width: 100%;
    text-align: center;
}

.glass-box-section .guten-icon-box .icon-box.icon-box-body .title {
    font-size: 16px;
    width: 310px;
}

.glass-box-section .guten-icon-box-wrapper {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.glass-box-section .guten-icon-list .list-wrapper {
    gap: 11px;
    margin-bottom: 9px;
    margin-top: 18px;
}

.glass-box-section .guten-wrap-helper {
    justify-content: center;
}

.glass-box-section .text-content-inner {
    max-width: 324px;
}

.container .glass {
    width: 398px !important;
    height: 401px !important;
}

.container .glass .guten-inner-wrap {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container .glass {
    position: relative;
    width: 446px;
    height: 415px;
    background: linear-gradient(#fff2, transparent);
    border: 6px solid white;
    box-shadow: 0 25px 25px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    border-radius: 35px;
    margin: 0 -45px;
    backdrop-filter: blur(10px);
    transform: rotate(calc(var(--r) * 1deg));
}

.container:hover .glass {
    transform: rotate(0deg);
    margin: 0 10px;
}

.container .glass::before {
    content: none;
    display: none;
}

.container .glass svg {
    font-size: 2.5em;
    fill: #fff;
}

.guten-43SRkC,
.guten-5Spf7p,
.guten-SVM8sK,
.guten-KSAlel {
    width: 90%;
}

.guten-element.guten-00PSwp,
.guten-dXu6ql,
.guten-EbktYf,
.guten-ZceYMn {
    display: flex;
    justify-content: center;
}

/* Center only glass-card inner wraps — not CTA */
.glass-box-section .guten-inner-wrap {
    display: flex !important;
    justify-content: center;
}

.guten-column-wrapper[data-id="43SRkC"],
.guten-column-wrapper[data-id="5Spf7p"],
.guten-column-wrapper[data-id="SVM8sK"],
.guten-column-wrapper[data-id="KSAlel"] {
    display: flex;
    justify-content: center;
}

.column-1 {
    background-color: #1A5570 !important;
}

.column-2 {
    background-color: #578CC8 !important;
}

.column-3 {
    background-color: #043145 !important;
}

.column-4 {
    background-color: #1A5570 !important;
}

@media (max-width: 767px) {
    .container {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        overflow-x: clip;
        width: 100%;
        gap: 15px;
    }

    .container .glass .guten-inner-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .guten-element.guten-LcjYUz,
    .guten-element.guten-CcSUFn,
    .guten-element.guten-aog62Q {
        margin-top: 0;
    }

    .container .glass {
        width: 333px !important;
        height: 323px !important;
    }

    .guten-ZrRjPd {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }

    .section-wrapper[data-id="Yy5pai"] {
        margin-bottom: 30px !important;
        overflow: visible !important;
    }

    .fx-savings-calculator {
        margin-top: 20px !important;
        position: relative !important;
        z-index: 1 !important;
        clear: both !important;
    }
}

/* Glass cards: white text + icons (matches vorto.io/clients/) */
.glass-box-section,
.glass-box-section .glass,
.glass-box-section .guten-icon-box-wrapper,
.glass-box-section .title,
.glass-box-section .icon-box-description,
.glass-box-section .list-text,
.glass-box-section .wp-block-gutenverse-heading,
.glass-box-section .text-content-inner,
.glass-box-section .text-content-inner p,
.glass-box-section .guten-icon-list-item a {
    color: #ffffff !important;
}

.glass-box-section .icon i,
.glass-box-section .icon i::before,
.glass-box-section .fas,
.glass-box-section .gtn {
    color: #ffffff !important;
}

/* CTA check rows — left aligned */
.guten-YilZdf>.guten-column-wrapper,
[data-id="YilZdf"] {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

.guten-cxFgPz .guten-icon-box-wrapper,
.guten-PXkQ5b .guten-icon-box-wrapper {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.guten-cxFgPz .icon-box.icon-box-body,
.guten-PXkQ5b .icon-box.icon-box-body,
.guten-cxFgPz .icon-box.icon-box-body .title,
.guten-PXkQ5b .icon-box.icon-box-body .title {
    text-align: left !important;
}

/* FX calculator is inlined — no iframe */
.fx-savings-calculator {
    display: block;
    width: 100%;
}