:root{
    --gold: #152849;
    --dark-gold: #000000;
}

.gold-bg{
    background: var(--gold)!important;
}

.gold-text{
    color: var(--gold)!important;
}

.dark-gold-text{
    color: var(--dark-gold)!important;
}

.btn-default{
    background: #ffffff;
}

.topbar{
    background-color: #152849!important;
}

.btn-default span{
    background-color: #152849;
}

.btn-default::after{
    background: #000;
}

.hero::before{
    background: rgb(21, 40, 73);
    background: linear-gradient(266deg, rgb(21 40 73 / 0%) 0%, rgb(21 40 73) 75%);
    opacity: 85%;
}

.imge{
    background-image: url("../jack/background-dark-1.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.whowe{
    background-image: url("../jack/background-dark-1.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.whowe .service-item{
    border-color: var(--gold)!important;
}

.process .service-item{
    border-color: var(--gold)!important;
}

.logo svg {
    width: 300px;
}

.logos-slider .winning-award-image img {
    max-width: 150px;
}

.logos-sections {
    background: rgb(36, 36, 36);
    background: linear-gradient(0deg, rgba(36, 36, 36, 1) 0%, rgba(42, 42, 42, 1) 100%);
}

.before-sections {
    background: rgb(36, 36, 36);
    background: linear-gradient(180deg, rgba(36, 36, 36, 1) 0%, rgba(36, 36, 36, 1) 100%);
}

.service-content h3{
    font-weight: 600;
}
.about-list-content h5{
    font-weight: 600;
}

.about-list-content p{
    font-weight: 400;
}

.about-list-item{
    align-items: start;
}

.about-list-item .icon-box::before{
    top:15px;
    bottom:unset;
}

.text-gold{
    color: #bf9f83!important;
}

.text-brown{
    color:#98797c!important;
}

.text-offwhite{
    color:#f3f3f3!important;
}

.topbar {
    background-color: #000000;
}

.steps{
    font-size: 85px;
    font-weight: 600;
    position: absolute;
    top: 35px;
    left: 56%;
}

.about-faq-section .accordion-button:not(.collapsed){
    background: #152849;
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .topbar-contact-info ul li a{
        font-size: 12px;
    }
    .top-heading p {
        font-size: 12px!important;
    }
    .btn-default span{
        font-size: 12px;
    }
}

.winning-award-image img{
    max-width: 100%;
    border-radius: 10px;
}

.page-faqs-images img{
    aspect-ratio: 1;
}




.hero-content .section-title h1{
    color:#fff!important;
}

.sfipul{
    font-weight: 600;
}