/* Addtional styles */

.img-placement img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: inherit;
}

.form-control {
    border-radius: 0 !important;
    border-color: #313333;
    border-width: 2px;
    padding: 0.7rem;
}

.text-muted {
    color: #858686 !important;
}

.sq1 {
    width: 3rem;
    height: 3rem;
}

.person-card {
    text-align: center;
    padding: 3rem 1rem;
}

.person-card .person-image {
    width: 350px;
    margin-bottom: 1rem;
}

.bg-hero {
    height: 95vh;
    background: url("../images/backg.jpg") no-repeat;
    background-size: cover;
}

.bg-hero .overlay {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.7), transparent);
    height: 100%;
}


/* fonts */

@font-face {
    font-family: 'Font';
    src: url('../webfonts/Poppins-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Font';
    src: url('../webfonts/Poppins-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

/* root styles */

* {
    box-sizing: border-box;
}

html {
    font-size: 14px;
}

body {
    margin: 0;
    font-family: 'Font', sans-serif;
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    text-align: var(--bs-body-text-align);
    color: #c7c6c3;
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.normal {
    font-size: 1rem !important;
}

.small {
    font-size: 0.875rem !important;
}

.smaller {
    font-size: 0.75rem !important;
}

.large {
    font-size: 1.25rem !important;
}

.larger {
    font-size: 1.5rem !important;
}

@media (max-width: 768px) {
    /*mobile classes*/
}