.sifency-banner-widget,
.sifency-map-wrapper {
    position: relative;
    overflow: hidden
}

.sifency-banner-image,
.sifency-banner-link {
    display: block;
    width: 100%;
    height: 300px
}

.sifency-banner-image {
    background-size: cover;
    background-position: center center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    background-repeat: no-repeat
}

.sifency-banner-overlay,
.sifency-map-container iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.sifency-map-container {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden
}

.sifency-map-container iframe {
    border: 0
}

.sifency-aspect-ratio-16_9 .sifency-map-container {
    padding-bottom: 56.25%
}

.sifency-aspect-ratio-21_9 .sifency-map-container {
    padding-bottom: 42.85%
}

.sifency-aspect-ratio-4_3 .sifency-map-container {
    padding-bottom: 75%
}

.sifency-aspect-ratio-3_2 .sifency-map-container {
    padding-bottom: 66.66%
}

.sifency-aspect-ratio-1_1 .sifency-map-container {
    padding-bottom: 100%
}

.sifency-aspect-ratio-custom .sifency-map-container {
    padding-bottom: 0;
    height: 400px
}

.elementor-align-justify .sifency-button,
.sifency-social-profiles-wrapper {
    width: 100%
}

.sifency-status-badge {
    display: inline-block;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.sifency-status-badge--upcoming {
    color: #0f5132;
    background-color: #d1e7dd
}

.sifency-status-badge--ongoing {
    color: #055160;
    background-color: #cff4fc
}

.sifency-status-badge--past {
    color: #495057;
    background-color: #e9ecef
}

.sifency-status-badge--canceled {
    color: #842029;
    background-color: #f8d7da
}

.sifency-star-rating-wrapper {
    display: inline-flex;
    align-items: center
}

.sifency-star-rating,
.sifency-star-rating-filled,
.sifency-star-rating-unfilled {
    display: inline-block
}

.sifency-star-rating {
    position: relative;
    vertical-align: middle
}

.sifency-star-rating-filled {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #f2b01e
}

.sifency-star-rating-unfilled {
    color: #ccc
}

.sifency-star-rating .sifency-star {
    font-style: normal;
    display: inline
}

.sifency-rating-text {
    vertical-align: middle;
    margin-left: 8px
}

.sifency-tech-list-wrapper li,
.sifency-tech-list-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sifency-tech-list {
    display: flex
}

.sifency-tech-list--horizontal {
    flex-wrap: wrap
}

.sifency-tech-list--horizontal .sifency-tech-list-item {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 10px
}

.sifency-tech-list--vertical {
    flex-direction: column
}

.sifency-tech-list--vertical .sifency-tech-list-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.sifency-tech-list-icon {
    display: inline-flex;
    margin-right: 8px
}

.sifency-tech-list-divider {
    margin-left: 15px
}

.elementor-widget-sifency-portfolio-technologies.elementor-align-center .sifency-tech-list {
    justify-content: center
}

.elementor-widget-sifency-portfolio-technologies.elementor-align-right .sifency-tech-list {
    justify-content: flex-end
}

.sifency-tech-list-wrapper {
    display: flex;
    align-items: center
}

.sifency-social-profiles {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px
}

.sifency-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    transition: color .3s, background-color .3s, border-color .3s
}

.sifency-social-icon i {
    transition: transform .3s
}

.sifency-skill-item:not(:last-child) {
    margin-bottom: 20px
}

.sifency-skill-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.sifency-skill-percentage,
.sifency-skill-title {
    font-weight: 600
}

.sifency-skill-bar {
    width: 100%;
    height: 8px;
    background-color: #e9ecef;
    border-radius: 4px;
    overflow: hidden
}

.sifency-skill-bar-fill {
    height: 100%;
    width: 0;
    background-color: var(--e-global-color-primary);
    border-radius: 4px;
    transition: width 1.5s cubic-bezier(.25, 1, .5, 1)
}