.aegov-card-group.card-stacked {
    overflow: hidden
}

.aegov-card-gradient {
    background: linear-gradient(60deg, #92742f, #cba344);
    padding: 4rem;
    color: #fff;
    position: relative;
    transition: 0.3s;
}

.aegov-card-gradient:hover {
    box-shadow: 0 4px 4px var(--primary);
}

.aegov-card-gradient.gradient-secondary {
    background: #2d2c2d;
}

.aegov-card-gradient .card-absolute-icon {
    height: 100%;
    position: absolute;
    inset-inline-end: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.aegov-card-gradient .card-absolute-icon i:first-of-type {
    font-size: 60px;
    transform: translateY(2rem);
    opacity: 0.25;
    rotate: -30deg;
    margin-inline-start: 5rem;
}

.aegov-card-gradient .card-absolute-icon i:last-of-type {
    font-size: 160px;
    opacity: 0.25;
    rotate: -30deg;
}

.aegov-card-group.card-stacked>* {
    height: 100%
}

.aegov-card-group.card-stacked>*> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.aegov-card-group.card-stacked>* {
    padding: 1.5rem
}

.aegov-card {
    border-radius: .75rem
}

.aegov-card>svg {
    height: 2.5rem;
    width: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(182 138 53 / var(--tw-text-opacity, 1))
}

.aegov-card .card-title {
    font-family: Inter, Helvetica Neue, ui-sans-serif, system-ui, sans-serif;
    font-size: 1.625rem;
    line-height: 2.125rem;
    font-weight: 800
}

.aegov-card .card-image {
    aspect-ratio: 16/9;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.aegov-card:not(.card-bordered) .card-image {
    border-radius: .75rem
}

.aegov-card.card-bordered {
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(215 188 109 / var(--tw-border-opacity, 1))
}

.aegov-card.card-bordered:not(.card-news)> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.aegov-card.card-bordered:not(.card-news) {
    padding: 1.5rem
}

.aegov-card.card-bordered:not(.card-news) .card-image {
    display: block;
    border-radius: .5rem
}

.aegov-card.card-glow {
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.aegov-card.card-glow:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(182 138 53 / .3);
    --tw-shadow: var(--tw-shadow-colored)
}

.aegov-card.card-news:not(.card-bordered)> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.aegov-card.card-news:not(.card-bordered) img {
    border-radius: .75rem
}

.aegov-card.card-news:not(.card-bordered) img:hover {
    opacity: .9
}

.aegov-card.card-news .card-content> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.aegov-card.card-news.card-bordered .card-content {
    padding: 1.5rem
}

.aegov-card.card-service {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.aegov-card.card-service:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 247 237 / var(--tw-bg-opacity, 1))
}

.aegov-card.card-service .card-service-title,
.aegov-card.card-service .card-title {
    font-size: 1.625rem;
    line-height: 2.125rem
}

.aegov-card.card-service .card-service-title>a,
.aegov-card.card-service .card-title>a {
    --tw-text-opacity: 1;
    color: rgb(35 37 40 / var(--tw-text-opacity, 1))
}

.aegov-card.card-service .card-service-title>a:hover,
.aegov-card.card-service .card-title>a:hover {
    --tw-text-opacity: 1;
    color: rgb(108 69 39 / var(--tw-text-opacity, 1))
}

.aegov-card.card-service .card-service-title {
    font-weight: 800
}

.aegov-card.card-creative {
    position: relative;
    overflow: hidden;
    border-radius: .75rem
}

.aegov-card.card-creative:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    content: var(--tw-content);
    --tw-gradient-from: #7C5E24 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 94 36 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.aegov-card.card-creative img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.aegov-card.card-creative .card-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 1.75rem;
    font-family: Inter, Helvetica Neue, ui-sans-serif, system-ui, sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.15;
    color: rgb(249 247 237 / var(--tw-text-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.aegov-card.card-creative .card-content:where([dir=rtl], [dir=rtl] *) {
    font-family: Noto Kufi Arabic, ui-sans-serif, Helvetica Neue, sans-serif
}

.aegov-card.card-sm {
    border-radius: .5rem
}

.aegov-card.card-sm>svg {
    height: 1.75rem;
    width: 1.75rem
}

.aegov-card.card-sm .card-title {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.aegov-card.card-sm:not(.card-bordered) .card-image {
    border-radius: .5rem
}

.aegov-card.card-sm.card-bordered:not(.card-news)> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.aegov-card.card-sm.card-bordered:not(.card-news) {
    padding: 1rem
}

.aegov-card.card-sm.card-bordered:not(.card-news) .card-image {
    border-radius: .25rem
}

.aegov-card.card-sm.card-news:not(.card-bordered)> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.aegov-card.card-sm.card-news:not(.card-bordered) img {
    border-radius: .5rem
}

.aegov-card.card-sm.card-news .card-content> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.aegov-card.card-sm.card-news.card-bordered .card-content {
    padding: 1rem
}

.aegov-card.card-sm.card-service .card-service-title,
.aegov-card.card-sm.card-service .card-title {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.aegov-card.card-sm.card-creative .card-content {
    padding: 1.25rem;
    font-size: 2rem;
    line-height: normal
}

.aegov-card.card-base {
    border-radius: .75rem
}

.aegov-card.card-base>svg {
    height: 2.5rem;
    width: 2.5rem
}

.aegov-card.card-base .card-title {
    font-size: 1.625rem;
    line-height: 2.125rem;
    font-weight: 800
}

.aegov-card.card-base:not(.card-bordered) .card-image {
    border-radius: .75rem
}

.aegov-card.card-base.card-bordered:not(.card-news)> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.aegov-card.card-base.card-bordered:not(.card-news) {
    padding: 1.5rem
}

.aegov-card.card-base.card-bordered:not(.card-news) .card-image {
    border-radius: .5rem
}

.aegov-card.card-base.card-news:not(.card-bordered)> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.aegov-card.card-base.card-news:not(.card-bordered) img {
    border-radius: .75rem
}

.aegov-card.card-base.card-news .card-content> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.aegov-card.card-base.card-news.card-bordered .card-content {
    padding: 1.5rem
}

.aegov-card.card-base.card-service .card-service-title,
.aegov-card.card-base.card-service .card-title {
    font-size: 1.625rem;
    line-height: 2.125rem
}

.aegov-card.card-base.card-creative .card-content {
    padding: 1.75rem;
    font-size: 2.5rem;
    line-height: 1.15
}

.aegov-card.card-lg {
    border-radius: 1rem
}

.aegov-card.card-lg>svg {
    height: 3.5rem;
    width: 3.5rem
}

.aegov-card.card-lg .card-title {
    font-size: 2rem;
    line-height: 2.375rem
}

.aegov-card.card-lg:not(.card-bordered) .card-image {
    border-radius: 1rem
}

.aegov-card.card-lg.card-bordered:not(.card-news)> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse))
}

.aegov-card.card-lg.card-bordered:not(.card-news) {
    padding: 1.75rem
}

.aegov-card.card-lg.card-bordered:not(.card-news) .card-image {
    border-radius: .75rem
}

.aegov-card.card-lg.card-news:not(.card-bordered)> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse))
}

.aegov-card.card-lg.card-news:not(.card-bordered) img {
    border-radius: 1rem
}

.aegov-card.card-lg.card-news .card-content> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse))
}

.aegov-card.card-lg.card-news.card-bordered .card-content {
    padding: 1.75rem
}

.aegov-card.card-lg.card-service .card-service-title,
.aegov-card.card-lg.card-service .card-title {
    font-size: 2rem;
    line-height: 2.375rem
}

.aegov-card.card-lg.card-creative .card-content {
    padding: 2rem;
    font-size: 3rem;
    line-height: 1.05
}