.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-content > div {
    flex: 1;
}

.social-list {
    text-align: center;
}

.content {
    padding: 20px 5px 15px;
}

    .content .content-title {
        text-align: center;
        position: relative;
        margin-bottom: 15px;
        padding-bottom: 15px;
        margin-top: 0
    }

        .content .content-title:after {
            content: "";
            display: block;
            position: absolute;
            width: 40px;
            background: var(--bs-component-color);
            height: 2px;
            bottom: 0;
            left: 50%;
            margin-left: -20px
        }

    .content .content-desc {
        text-align: center;
        margin-bottom: 30px;
        color: rgba(var(--bs-component-color-rgb),.5)
    }

@media (max-width: 991.98px) {
    .content .content-desc {
        margin-bottom: 30px
    }
}

.content.has-bg {
    padding-bottom: 60px;
    overflow: hidden;
    position: relative
}

    .content.has-bg .content-bg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

        .content.has-bg .content-bg img {
            max-width: 100%
        }

        .content.has-bg .content-bg:before {
            content: "";
            background: url(images/bg-content-cover.png);
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0
        }

    .content.has-bg .content-title {
        color: #fff
    }

        .content.has-bg .content-title:after {
            background: #fff
        }

    .content.has-bg .content-desc {
        color: rgba(255,255,255,.6)
    }

    .content.has-bg .h1, .content.has-bg .h2, .content.has-bg .h3, .content.has-bg .h4, .content.has-bg .h5, .content.has-bg .h6, .content.has-bg h1, .content.has-bg h2, .content.has-bg h3, .content.has-bg h4, .content.has-bg h5, .content.has-bg h6 {
        color: #fff
    }

    .content.has-bg .container {
        position: relative
    }


.bullet-icon {
    margin-bottom: 30px;
    display: flex
}

    .bullet-icon .icon {
        width: 50px;
        height: 50px;
        background: #e2a700;
        color: #fff;
        text-align: center;
        line-height: 50px;
        font-size: 1.2rem;
        border-radius: 30px
    }

        .bullet-icon .icon + .info {
            padding-left: 20px
        }

    .bullet-icon .info {
        flex: 1
    }

        .bullet-icon .info .title {
            margin: 0 0 8px
        }

        .bullet-icon .info .desc {
            font-size: .8125rem;
            color: #6c757d;
            line-height: 1.65
        }

    .bullet-icon.bullet-icon-vertical {
        text-align: center;
        display: block
    }

        .bullet-icon.bullet-icon-vertical .icon {
            margin: 0 auto 15px
        }

        .bullet-icon.bullet-icon-vertical .info {
            padding: 0;
            margin: 0
        }

.brand-banner {
    background: #000;
    height: clamp(30px, 5vw, 100px);
    display: grid;
    grid-template-columns: 1fr 1fr; /* split 50/50 */
    overflow: hidden; /* safety */
}

/* LEFT: keep aspect by height */
.brand-left {
    display: flex;
    align-items: start;
    overflow: hidden;
}

    .brand-left > img {
        height: 100%;
        width: auto;
        max-width: 100%;
        display: block;
    }

.brand-right {
    display: flex;
    align-items: center; /* keep it vertically centered */
    justify-content: flex-end; /* push image to the right edge */
    overflow: hidden;
}

    .brand-right > img {
        height: 100%;
        width: auto;
        object-fit: contain;
        display: block;
    }

.section {
    position: relative;
    padding: 3.6875rem 0
}

    .section .section-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

    .section .section-container {
        position: relative
    }

    .section .section-logo {
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 1.2
    }

        .section .section-logo .logo-brand {
            width: 80px;
            height: 80px;
            border: 40px solid transparent;
            border-color: #adb5bd #6c757d #495057;
            border-radius: 0 40px 0
        }

    .section .section-logo-title {
        font-size: 1.09375rem;
        color: #2d353c;
        font-weight: 400
    }

    .section .section-logo-desc {
        font-size: .875rem;
        color: #adb5bd;
        font-weight: 600
    }

    .section .section-subtitle {
        font-size: 1.09375rem;
        color: #adb5bd;
        font-weight: 600;
        margin-bottom: 1.40625rem
    }

    .section .section-title {
        font-size: 2.1875rem;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: .9375rem
    }

    .section .section-desc {
        font-size: 1.09375rem;
        margin-bottom: 1.875rem
    }

    .section .section-btn {
        text-decoration: none;
        color: var(--bs-component-color);
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        transition: color .2s linear
    }

        .section .section-btn i {
            border: 2px solid rgba(var(--bs-component-color-rgb),.5);
            width: 40px;
            height: 40px;
            margin-right: .9375rem;
            border-radius: 40px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .section .section-btn:hover {
            color: rgba(var(--bs-component-color-rgb),.5)
        }

    .section.section-hero {
        min-height: 100vh;
        display: flex;
        align-items: center
    }

        .section.section-hero .section-hero-content {
            flex: 1
        }

            .section.section-hero .section-hero-content .hero-title {
                color: #fff;
                font-weight: 600;
                line-height: 1.2;
                font-size: 2.625rem;
                margin-bottom: 1.875rem;
                font-weight: 600
            }

            .section.section-hero .section-hero-content .hero-btn {
                text-decoration: none;
                color: #fff;
                font-weight: 600;
                display: inline-flex;
                align-items: center;
                transition: color .2s linear
            }

                .section.section-hero .section-hero-content .hero-btn i {
                    border: 2px solid rgba(255,255,255,.5);
                    width: 40px;
                    height: 40px;
                    margin-right: .9375rem;
                    border-radius: 40px;
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                .section.section-hero .section-hero-content .hero-btn:hover {
                    color: rgba(255,255,255,.5)
                }



.testimonials {
    padding-bottom: 30px
}

@media (max-width: 991.98px) {
    .testimonials {
        padding-bottom: 30px
    }
}

.testimonials .item {
    padding-top: 15px
}

.testimonials .carousel-indicators {
    bottom: 0
}

    .testimonials .carousel-indicators li {
        background: rgba(2,2, 2,.4);
        border: none;
        width: 12px;
        height: 12px;
        margin: 1px 3px;
        border-radius: 12px;
        transition: all .2s linear
    }

        .testimonials .carousel-indicators li:focus, .testimonials .carousel-indicators li:hover {
            background: rgba(2,2,2,.7)
        }

        .testimonials .carousel-indicators li.active {
            background: #fff
        }

.testimonials blockquote {
    border: none;
    text-align: center;
    /*color: #fff;*/
    position: relative;
    font-weight: 300;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 20px
}

@media (max-width: 991.98px) {
    .testimonials blockquote {
        padding: 15px 45px
    }
}

.testimonials blockquote .fa-quote-left, .testimonials blockquote .fa-quote-right {
    font-size: 32px;
    position: absolute;
    margin-top: 15px;
    color: #8f8e8e;
    margin-left: 15px
}

@media (max-width: 991.98px) {
    .testimonials blockquote .fa-quote-left, .testimonials blockquote .fa-quote-right {
        font-size: 24px
    }
}

.testimonials blockquote .fa-quote-left {
    margin-top: -15px;
    margin-left: -43px
}

.testimonials .name {
    color: #fff;
    margin-bottom: 15px
}

    .testimonials .name span {
        margin-left: 5px
    }


.news {
    position: relative;
/*    margin-bottom: 2.8125rem
*/}

    .news .news-media {
/*        margin-bottom: 1.125rem
*/    }

        .news .news-media img {
            max-width: 100%
        }

        .news .news-media .news-media-img {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding-top: 60%;
            background-color: var(--bs-light)
        }

            .news .news-media .news-media-img.news-media-img-lg {
                padding-top: 70%
            }

            .news .news-media .news-media-img.news-media-img-xl {
                padding-top: 85%
            }

            .news .news-media .news-media-img.news-media-img-full {
                padding-top: 100%
            }

    .news .news-label {
        margin-bottom: .9375rem;
        display: flex
    }

        .news .news-label span {
            background-color: var(--bs-light);
            color: var(--bs-dark);
            padding: 4px 8px;
            font-size: .8125rem;
            font-weight: 700;
            border-radius: .4rem
        }

            .news .news-label span span {
                margin-left: .46875rem
            }

    .news .news-title {
        font-size: 1.3125rem;
        margin-bottom: .9375rem;
        color: var(--bs-component-color);
        line-height: 1.2;
        font-weight: 600
    }

    .news .news-title-sm {
        font-size: 1.09375rem;
        margin-bottom: .9375rem;
        color: var(--bs-component-color);
        line-height: 1.2
    }

    .news .news-date {
        color: rgba(var(--bs-component-color-rgb),.5);
        font-weight: 600;
        font-size: .8125rem
    }

.pagination .page-item + .page-item {
    margin-left: .5625rem
}

.pagination .page-item .page-link {
    border-radius: 40px
}

.pace .pace-progress {
    height: 3px !important;
    background: var(--bs-app-theme) !important
}

    .pace .pace-progress .pace-progress-inner {
        box-shadow: none
    }

.pace .pace-activity {
    top: 22px !important;
    right: 22px !important;
    width: 20px !important;
    height: 20px !important;
    border: solid 3px transparent !important;
    border-top-color: var(--bs-app-theme) !important;
    border-left-color: var(--bs-app-theme) !important
}

.bg-cover-center {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.object-fit-cover {
    object-fit: cover;
}

.split-card {
    height: clamp(170px, 40%, 200px); /* or 50vh / 360px / clamp(...) */
}

.carousel-indicators [data-bs-target] {
    background-color: #000 !important;
}