.card-radius {
    border-radius: 12px !important;
}

.bnb-blue {
    color: #0A3764 !important;
}

.bnb-blue-bg {
    background-color: #0A3764 !important;
}

.li-custom{
    color: #222222 !important;
    padding-left: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .li-custom{
        color: #222222 !important;
        padding-left: 16px !important;
    }

    .li-custom-2{
        color: #222222 !important;
        /* padding-left: 16px !important; */
    }
}

@media (max-width: 767px) {
    .li-custom{
        color: #222222 !important;
        padding-left: 16px !important;
    }

    .li-custom-2{
        color: #222222 !important;
        /* padding-left: 16px !important; */
    }
    
}

/* style to show hint on service*/
.serviceHint .serviceHintText {
    visibility: hidden;
    /* display: none; */
    width: 200px;
    background-color: #5A5872; /*black;*/
    color: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 8px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.serviceHint:hover .serviceHintText {
    /*display: block !important; **/
    visibility: visible;
}

.single_hero_2_bg {
    background-color: rgba(43, 42, 61, 0.7) !important;
}

hr.solid {
    border: 3px solid #bbb;
    border-radius: 12px;
}

.pwd-field-icon {
    float: right;
    margin-left: -40px !important;
    margin-top: -26px;
    position: relative;
    z-index: 2;
}

.messages{
    position: absolute;
    top: 90px;
    z-index: 25;
}

.alert-error{
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

/* New Styles  */

/* Utility */

.font-weight-500{
    font-weight: 500 !important;
}
.text-brand{
    color: #0A3764 !important;
}
.text-800{
    color: #2D3748 !important;
}

.text-600{
    color: #718096;
}
.text-size-def{
    font-size: 16px;
}
.text-size-20{
    font-size: 20px;
}

.btn-medium{
    padding: 12px 16px !important;
    border-radius: 2px !important;
}

/* Buttons overrides */
.btn-primary{
    background-color: #0A3764 !important;
    border-color: #0A3764 !important;
}

.main-btn{
    border-radius: 5px !important;
    background: rgba(254, 187, 8, 1) !important;
}

/* Navbar Updates */

.navbar-nav .nav-item a.nav-btn{
    font-weight: 600;
    color: white;
    padding: 8px 16px;
}

.dropdown-menu li a{
    color: black;
}

.navbar-nav .nav-item a.nav-btn::before{
   display: none;
}

.navbar-nav .nav-item a{
    font-weight: 600;
}

/* Home page Styles : about section */
.body-text{
    color: #5A5973 !important;
    font-weight: 500 !important;
}

.about_content .section_title p{
    text-align: justify;
}

/* left: 23%;
    top: 36%; */

.about_image .image_content{
    position: static !important;
    width: 317px;
    height: 242px;
    background: #0A3764;
    opacity: 0.84;
}
.about_image .image_content .experience{
    font-weight: bold;
    line-height: 1.5;
}
.about_image .image_content .experience span{
    font-size: 56px;
}

/* Home page Styles : services section */
#services .card {
    border: none;
    box-shadow: 0px 2px 24px rgba(10, 55, 100, 0.2);
    border-radius: 6px;
}

#services .card .card-img-top{
    height: 214px;
    background-position: center;
}

#services .card .card-img-top.serv-1 {
    background-color: #0A3764;
}

#services .card .card-img-top.serv-2 {
    background-color: #FEBB08;
}

#services .card .card-text {
    text-align: justify;
    font-size: 16px;
}

/* Home page Styles : stat section */
.icon-img{
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-img-secondary{
    background: #B6D7F8
}

/* Home page Styles : contact section */

#contact .card {
    box-shadow: 0px 16px 48px rgba(35, 38, 45, 0.15);
    border-radius: 4px;
    padding: 48px;
    border: none;
}

#contact .single_form input,#contact .single_form textarea {
    border-radius: 5px;
    border: 1px solid #718096;
    padding: 16px ;
    color: #1D1C3F;
}

#contact .single_form input::placeholder,#contact .single_form textarea::placeholder {
    color: #1D1C3F;
}

#contact .single_form label{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 6px;
    color: #1D1C3F;
}

.no-underline {
    text-decoration: none;
}