.flex-layout.form {
    margin-block: 0;
    padding-block: var(--pk-row-spacing);
    background-color: var(--cbw-white-100);
}

.flex-layout.form .form-col, .flex-layout.form .sidebar-col {
    outline: 1px solid var(--cbw-deep-pine-10);
    outline-offset: -1px;
}
    
.flex-layout.form .form-col {
    display: flex;
    flex-direction: column;
    gap: max(1.5rem, calc(1.5 * var(--su)));
    padding: max(1.5rem, calc(2.5 * var(--su))) max(1rem, calc(3 * var(--su)));
    box-shadow: 3.321px 3.321px 19.929px 0 rgba(0, 0, 0, 0.05);
}

.flex-layout.form .form-col .intro {
    display: flex;
    flex-direction: column;
    gap: max(.75rem, calc(.75 * var(--su)));
}

.flex-layout.form .form-col form .gform_footer button {
    width: 100%;
    justify-content: center;
}

.flex-layout.form .sidebar-col {
    display: flex;
    flex-direction: column;
    gap: max(1rem, calc(1.5 * var(--su)));
    padding: max(1.5rem, calc(2.5 * var(--su)));
    height: fit-content;
}

.flex-layout.form .sidebar-col .top {
    display: flex;
    flex-direction: column;
}

.flex-layout.form .sidebar-col .pk-heading {
    margin-bottom: max(1rem, calc(1.5 * var(--su)));
}

/* Supportive links */

.flex-layout.form .sidebar-col .supportive-links {
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.flex-layout.form .sidebar-col .supportive-links .subtitle {
    font-size: var(--scaling-subscription);
    text-transform: uppercase;
}

.flex-layout.form .sidebar-col .link-box {
    position: relative;
    display: flex;
    align-items: start;
    gap: max(.5rem, calc(.5 * var(--su)));
    text-decoration: none;
    padding-block: max(1rem, calc(1 * var(--su)));
    border-bottom: 1px solid var(--cbw-deep-pine-10);
}

.flex-layout.form .sidebar-col .link-box::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: max(1.5rem, calc(2 * var(--su)));
    height: auto;
    aspect-ratio: 1;
    background-color: var(--cbw-pumpkin-100);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.23083 7.53833L5.52817 6.81533L8.07433 4.26917L0 4.26917L0 3.26917L8.07433 3.26917L5.52817 0.723L6.23083 0L10 3.76917L6.23083 7.53833Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    border-radius: 50%;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transform-origin: center;
    flex-shrink: 0;
    transform: translate(0%, -50%);
}

.flex-layout.form .sidebar-col .link-box:hover::after,
.flex-layout.form .sidebar-col .link-box:active::after {
    background-color: var(--cbw-deep-pine-100);
    transform: translate(.2rem, -50%);
}

.flex-layout.form .sidebar-col .link-box .material-symbols-outlined {
    font-size: max(1.25rem, calc(1.25 * var(--su)));
    transform: translate(0%, .2em);
}

.flex-layout.form .sidebar-col .link-box .title {
    font-size: var(--scaling-body-s-medium);
    font-weight: 500;
    max-width: 80%;
}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 767px) {

}