@font-face {
    font-family: font-regular;
    src: url('./Font/OpenSans-Regular.ttf');
}

@font-face {
    font-family: font-semi;
    src: url('./Font/OpenSans-SemiBold.ttf');
}

@font-face {
    font-family: font-medium;
    src: url('./Font/OpenSans-Medium.ttf');
}

@font-face {
    font-family: font-bold;
    src: url('./Font/OpenSans-Bold.ttf');
}



html {
    scroll-behavior: smooth;
}

:root {
    --bs-font-sans-serif: font-regular, font-semi, font-medium, font-bold;
}

img {
    width: 100% !important;
}

body {
    font-family: var(--bs-font-sans-serif);
    background-color: #0F0F0F;
}

.body,
html {
    overflow-y: scroll;
    overflow-x: hidden;
}

.line-break {
    width: 300px;
    height: 3px;
    background-color: #EDB21B;
}

/*! default page end */
.icon-yellow {
    color: #EDB21B;
}

#client-cards {
    margin-top: 130px;
}

.imgbox {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
    text-align: center;
    width: 100%;
    max-width: 300px;
    top: -30%;
    left: 18%;
    aspect-ratio: 4/3;
    background-color: white;
}

.company-content {
    margin-top: 70px;
}

.client-social {

    width: 360px;
    height: 58px;
    padding: 9px;
    top:94%;
}

.card {
    margin-bottom: 10px !important;
}

.breakers {
    width: 100%;
    height: 200px;
}

@media (max-width:1200px) {

    .imgbox {
        display: flex;  
        justify-content: center;
        align-items: center;
        padding: 50px;
        text-align: center;
        width: 100%;
        max-width: 250px;
        top: -18% !important;
        left: 13% !important;
        aspect-ratio: 4/3;
        background-color: white;
        
    }
    .client-social {
        top:94%;
        left: 16%;
        width: 67%;
        height: 58px;
        padding: 9px;
    }
    .breakers {
        width: 100%;
        height: 1px !important;
    }

    .card {
        margin-bottom: 200px !important;
    }

}