.required-indicator {
    color: red;
    font-size: 14px;
    margin-left: 3px;
    font-weight: 700;
}

.navbar-brand h6 {
    color: white;
    margin-bottom: 0px;
    font-size: 17px;
    letter-spacing: -1px;
}

.pointerhand {
    background: white;
    padding: 20px 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0 0 2px 2px rgb(0 0 0 / 10%);
    cursor: pointer;
}

.backred {
    background-color: rgba(255, 0, 0, 0.492);
    color: white;
    border-radius: 25px;
    text-align: -webkit-center;
    padding-top: 4px;
    font-size: 16px;
    font-weight: 800;
}

.backblue {
    background-color: rgba(0, 0, 255, 0.36);
    color: white;
    border-radius: 25px;
    text-align: -webkit-center;
    padding-top: 4px;
    font-size: 16px;
    font-weight: 800;
}

.backgreen {
    background-color: rgba(0, 128, 0, 0.458);
    color: white;
    border-radius: 25px;
    text-align: -webkit-center;
    padding-top: 4px;
    font-size: 16px;
    font-weight: 800;
}

.err_resp {
    color: green;
}


/* header top view */

.top-header.top-header-theme {
    background-color: #e3e6ed;
}

.top-header.top-header-theme .header-dropdown li {
    color: #fff;
}

.top-header.top-header-theme .header-dropdown li i,
.top-header.top-header-theme .header-dropdown li a {
    color: #fff;
}

.top-header.top-header-theme .header-dropdown li i:hover i,
.top-header.top-header-theme .header-dropdown li a:hover i {
    color: #fff;
}

.top-header.top-header-theme .header-contact li {
    color: #fff;
    align-items: center;
}

.top-header.top-header-theme .header-contact li i {
    color: #fff;
}

.col-5 {
    width: 20%;
    padding: 10px;
    place-self: center;
    text-align: center;
}

.col-5 img {
    width: auto;
    height: 80px;
}

.col-3 {
    width: 33%;
    place-self: center;
    text-align: center;
}

.col-3 img {
    width: auto;
    height: 60px;
}

.container-small {
    background: #ececec;
    margin-bottom: 50px;
    border-radius: 10px;
}

.navbar-expand-lg {
    height: 100px;
}

.secondbackground .row {
    justify-content: center;
}

@media(max-width: 700px) {
    .navbar-expand-lg {
        height: auto;
    }
    .col-5 {
        width: 50%;
    }
    .col-5 img {
        width: 100%;
        height: 70px;
        object-fit: contain;
    }
    .top-header .row {
        justify-content: center;
        width: 100%;
        margin-left: 3px;
    }
    .secondbackground .col-md-2 {
        width: 50%;
    }
    .col-3 img {
        width: 100%;
        height: auto;
    }
    .boxshadow {
        font-size: 20px;
        padding: 18px 0px;
        line-height: 0px;
        letter-spacing: 0px;
    }
    .firstbackground .col-md-6 img {
        width: 100%;
        height: auto;
    }
    .secondbackground .card-img-top {
        padding: 10px;
        height: 120px;
    }
    .row {
        padding: 0px;
    }
    .btn-purple {
        min-width: 100%;
    }
    .btn-purple span {
        line-height: 1.5;
    }
}