@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,200;0,300;0,400;0,700;0,900;1,100;1,700&display=swap");

.bg-img {
    background-image: url("/assets/images/main-bg.png");
    /* height: 100%; */
    /* background-position: 50%; */
    /* background-size: contain; */
    display: flex;
    justify-content: center;
    /* align-items: center; */
    color: #d3d3d3;
    background-color: #363e6f;
}

.bg-color {
    /* background-color: #363e6f; */
    height: 100%;
    min-width: 100%;
    width: auto;
    border: 2px solid #b4b4b4;
    background-color: #333;
    background-image: linear-gradient(
        to right,
        #333,
        #333 19%,
        rgba(59, 57, 214, 0.94) 70%,
        #2b286f 97%,
        #2b286b 100%,
        rgba(49, 48, 162, 0.74) 100%,
        #474483 100%,
        rgba(49, 47, 191, 0.67)
    );
    /* margin: 70px 0; */
}

.title-heading {
    font-size: 3rem;
    font-weight: 400;
}

.second-heading {
    font-size: 1.875rem;
    font-weight: 400;
    font-family: "Urbanist", sans-serif;
}

.officers-name-txt {
    font-size: 1.25rem;
    font-weight: 700;
    font-family: "Urbanist", sans-serif;
}

.title-name-txt {
    font-size: 1.25rem;
    font-weight: 400;
    font-family: "Urbanist", sans-serif;
}

.role-name-txt {
    font-size: 1.25rem;
    font-weight: 400;
    font-family: "Urbanist", sans-serif;
}

@media (max-width: 768px) {
    .bg-color {
        width: 100%;
    }
}