/* new about css start 17.08.24*/

/* .we-value .col-lg-4:hover {


} */

.we-value .col-lg-4 img {
    margin-bottom: 20px;
    transform: translateY(0);
    transition: ease-in-out .4s;
}

.we-value .col-lg-4:hover img {
    transform: translateY(-15px);
    box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.38);
    -webkit-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.38);
    
}

.we-value .col-lg-4{
    padding: 15px 50px;
}

/* Wshat we are end */

/* nav{border-bottom: 4px solid #c6c6c6;} */

.nav-underline .nav-link.active, .nav-underline .show>.nav-link {
    font-weight: 700;
    color: #da1a32;
    border-bottom-color: #DA1A32;
    border-bottom: 4px solid #da1a32 !important;
}

.nav-underline .nav-link:hover{
     border-bottom-color: transparent;
    color: #DA1A32;
    font-weight: 700;
    border-bottom: 4px solid transparent;
}


.nav-underline {
    border-bottom-color: transparent;
    color: #001845;
    font-weight: 700;
    border-bottom: 4px solid transparent;
    margin-bottom: -7px;
}


.nav-underline .nav-link{
    color: #0d2c6c;
    border-bottom: 4px solid transparent;
}

.who-we-are-container {
    padding-bottom: 30px !important;
}

.what-we-value-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-bottom: 0px !important;
}

.what-we-value-list {
        padding: 30px 0px 0px !important;
}

.what-we-value-item {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.blue-bg, .vid-bg, .awards, .our-team {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.logistics-transport-awards {
    margin-left: 0px;
}
.silver-awards {
    margin-right: 0px;
}
.tab-title {
    border-bottom: 4px solid #c6c6c6;
}
.our-team-tab-content {
    width: 100% !important;
}
.about-senior-ledership-team h3 {
    font-style: normal !important;
}
.about-board-ledership-team h3 {
    font-style: normal !important;
}

.tab-content>.active {
    display: inline-flex
;
}

.slt-img{
    width: 90%;
    margin-top: 10%;
}

.tab-pane img{
    width: 90%;
    margin-top: 10%;
    filter: grayscale(100%);
    transition: ease-in-out .2s;
}

.tab-pane img:hover{
    width: 90%;
    margin-top: 10%;
    filter: grayscale(0%);
}

.our-team .tab-pane .col-lg-3{
    position: relative;
    margin: initial;
}

.name-des{
    position: absolute;
    color: #fff;
    position: absolute;
    color: #fff;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #0000007a;
    width: 83%;
    opacity: 0;
    transition: ease-in .2s;
}

.our-team .tab-pane .col-lg-3:hover .name-des{
    position: absolute;
    color: #fff;
    position: absolute;
    color: #fff;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #0000007a;
    width: 83%;
    opacity: 1;
}

.about .modal-dialog .btn-close
 {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 9999;
}

.about .modal-dialog h3{
    color: #0d2c6c;
}

.our-team .tab-content>.active {
    display: block;
}

/* our team end */

.blue-bg{
    background: #132659;
    color: #fff;
}

.vid-bg{
    background-image: url(../img/rsa-vid-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    background-attachment: fixed;

}

.awards .col-lg-3 div{
    border: 1px solid #d2d2d2;
    padding: 3%;
    min-height: 280px;
}


.bottom-sec a{
    font-size: 20px;
    color: #132659;
    display: block;
    text-decoration: none;
    margin-top: 30px;
}

.bottom-sec .col-lg-4{
    padding: 10px 20px;
}

.bottom-sec .col-lg-4 img {
    transform: translateY(0);
    transition: ease-in-out .4s;
}

.bottom-sec .col-lg-4:hover img {
    transform: translateY(-15px);
    box-shadow: 0px 10px 9px -2px rgba(0, 0, 0, 0.38);
    -webkit-box-shadow: 0px 10px 9px -2px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 10px 9px -2px rgba(0, 0, 0, 0.38);
}

@media screen and (max-width: 480px)  {

    .nav-underline{font-size: 14px;}    

    .modal-body .col-lg-7 h3 {
        font-size: 24px;
        margin-bottom: 8px;
        margin-top: 22px;
    }

    .img-fluid {
        max-width: 95%;
        height: auto;
        margin: 0 auto;
        display: block;
        margin-top: 14px;
    }

    .modal-body{
        text-align: center;
    }

    .bg-white{
        padding: 60px 10px !important;
    }

    .blue-bg .col-lg-6 img{width: 100% !important;}

    .awards .col-lg-3 div{margin-bottom: 35px;}

}

/* new about css end 17.08.24*/