.team .wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem
}
@media (min-width: 1024px) {
    .team .wrapper {
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
:is(.team .wrapper) .heading {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    max-width: 640px;
    text-align: center
}
@media (min-width: 1024px) {
    :is(.team .wrapper) .heading {
        margin-bottom: 4rem
    }
}
:is(:is(.team .wrapper) .heading) h2 {
    margin-bottom: 1rem;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 3.375rem
}
@media (min-width: 1024px) {
    :is(:is(.team .wrapper) .heading) h2 {
        font-size: 3rem;
        line-height: 1;
        line-height: 4.5rem
    }
}
:is(:is(:is(.team .wrapper) .heading) h2) b {
    font-weight: 700
}
:is(:is(.team .wrapper) .heading) p {
    margin-left: auto;
    margin-right: auto;
    max-width: 42rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(195 221 253 / var(--tw-text-opacity))
}
:is(.team .wrapper) .grid-wrapper {
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem
}
@media (min-width: 1024px) {
    :is(.team .wrapper) .grid-wrapper {
        margin-bottom: 4rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media not all and (min-width: 1024px) {
    :is(:is(.team .wrapper) .grid-wrapper) .block-wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 39.375rem
    }
}
@media (min-width: 640px) {
    :is(:is(.team .wrapper) .grid-wrapper) .block-wrapper {
        display: flex
    }
}
:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper {
    align-items: center;
    overflow: hidden;
    border-radius: 1.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(37 37 44 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(15 16 20 / var(--tw-bg-opacity))
}
:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .image-wrapper {
    flex-shrink: 0;
    height: 100%
}
@media (min-width: 768px) {
    :is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .image-wrapper {
        width: 15rem
    }
}
@media (min-width: 1024px) {
    :is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .image-wrapper {
        width: 17.5rem
    }
}
:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .image {
    height: 100%;
    max-height: 15.625rem;
    width: 100%;
    border-radius: 0.5rem;
    -o-object-fit: cover;
       object-fit: cover
}
@media (min-width: 640px) {
    :is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .image {
        border-radius: 0px;
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem
    }
}
:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .content-wrapper {
    padding: 1.25rem
}
:is(:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .content-wrapper) .position {
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(97 18 0 / var(--tw-bg-opacity));
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 90 31 / var(--tw-text-opacity))
}
:is(:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .content-wrapper) h3 {
    margin-bottom: 0.5rem;
    align-self: stretch;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 30px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
:is(:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .content-wrapper) .team-desc {
    margin-bottom: 1rem;
    align-self: stretch;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
:is(:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .content-wrapper) ul {
    display: flex
}
:is(:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .content-wrapper) ul > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
@media (min-width: 640px) {
    :is(:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .content-wrapper) ul {
        margin-top: 0px
    }
}
:is(:is(:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .content-wrapper) ul) a {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
:is(:is(:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .content-wrapper) ul) a:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
:is(:is(:is(:is(:is(:is(.team .wrapper) .grid-wrapper) .block-wrapper) .content-wrapper) ul) a) svg {
    height: 1.25rem;
    width: 1.25rem
}