html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 300;
}

.text-blue {
    /* color: #1C94D2; */
    color: #2c3177;
}

a {
    outline: none;
}

.navbar-nav {
    transform: translateY(50%);
}

.navbar-nav li a {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 1.125em;
    outline: none;
}

.navbar-nav li a:hover {
    font-weight: 900;
    color: #2c3177;
}

.navbar-nav li a:focus {
    font-weight: 900;
    color: #2c3177;
}

@media(max-width: 991px) {
    .upper-nav-desc {
        display: none;
    }
}


@media(min-width: 992px) {
    .upper-nav-desc {
        display: block;
        position: absolute;
        right: 3%;
        top: 5%;
    }
}

@media(min-width: 768px) {
    .content {
        height: 94vh;
    }
}

@media(max-width: 991px) {
    section p {
        font-size: 1.00em;
    }
}

@media(min-width: 992px) {
    section p {
        font-size: 1.125em;
    }
}

@media(min-width: 1200px) {
    section p {
        font-size: 1.156em;
    }
}

@media(max-width: 767px) {
    .transparent-nav img {
        width: 55%;
    }
}

@media(min-width: 768px) {
    .transparent-nav img {
        width: 35%;
        height: 100%;
    }
}

#see-more {
    cursor: pointer;
    outline: none;
}

.text-lightGrey {
    color: #d6d6d6;
}

.bg-lightBlue {
    background-color: rgba(68, 147, 189, 0.5);
}

.bg-black {
    background-color: rgb(0, 0, 0)
}

.bg-blue {
    background-color: #2c3177;
}

.bg-grad1blue {
    background-image: linear-gradient(to right, #1d2257, #13163b);
    background-image: linear-gradient(to bottom, #1d2257, #13163b);
    opacity: 0.95;
    z-index: 1;
}

.bg-grad2blue {
    background-image: linear-gradient(to top, #1d2257, #13163b);
    background-image: linear-gradient(to left, #1d2257, #13163b);
    opacity: 0.95;
    z-index: 1;
}

.bg-navbar {
    /* background-image: linear-gradient(to right, #3b3b3b, #1f1f1f); */
    /* background-color: #2c3177; */
    background-color: #fff;
}

.bg-grad4blue {
    background-image: linear-gradient(to top, #1d2257, #13163b);
    background-image: linear-gradient(to left, #1d2257, #13163b);
}

.bg-darkGrey {
    background-color: #3d3d3d;
    z-index: 1;
}

.title {
    font-family: 'Raleway', sans-serif;
    font-size: 1.875em;
    font-weight: 700;
}

.title-small {
    font-family: 'Raleway', sans-serif;
    font-size: 1.563em;
    font-weight: 700;
}

.title-border {
    border: #1C94D2 solid 2px;
    width: 2.500em;
}

.title-border-white {
    border: #fff solid 2px;
    width: 2.500em;
}

.border-blue {
    border: #1C94D2 solid 2px;
}

.border-white {
    border: #fff solid 3px;
}

.border-bottom-blue {
    border-bottom: #1C94D2 solid 1px;
}

#choose img {
    height: 3.750em;
}

#about-us img {
    max-height: 560px;
}

#services a {
    cursor: pointer;
}

@media(max-width: 575px){
    #services img {
        width: 40vw;
    }
}

@media(min-width: 576px){
    #services .categories img {
        width: 20vw;
    }
}

@media(min-width: 768px){
    #services .categories img {
        width: 17vw;
    }
}

.carousel {
    z-index: -99;
}

.carousel .carousel-item {
    position: fixed;
    width: 100%;
    height: 93%;
    left: 0 !important;
}

.carousel .one {
    background: url('../aeroplane.jpg');
    background-size:  cover;
    -moz-background-size: cover;
}

.carousel .two {
    background: url('../cargo-ship-4s.jpg');
    background-size: cover;
    -moz-background-size: cover;
}
.carousel .three {
    background: url('../warehouse.jpg');
    background-size: cover;
    -moz-background-size: cover;
}

.carousel .four {
    background: url('../lcl-consolidation.jpg');
    background-size: cover;
    -moz-background-size: cover;
}

#wallpaper .content {
    height: 93vh;
}

#wallpaper h1 {
    text-shadow: 2px 2px 2px black;
    font-size: 60px;
    font-weight: 600;
}

#wallpaper h4 {
    text-shadow: 2px 2px 2px black;
}

.bg-blue-trans {
    background-color: rgba(44, 49, 119, 0.25);
}

#services {
    background-image: url('../footer.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#choose {
    background-image: url('../choose-wallpaper.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.modal .card {
    border: none;
}

.modal .card ul {
    list-style: none;
}

.modal .card li::before {
    content: "\2022";
    color: #1C94D2;
    font-weight: 1000;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}

@media(max-width: 991px){
    .card-img-top {
        width: 100%;
        height: 35vw;
        object-fit: cover;
    }
}

@media(min-width: 992px){
    .card-img-top {
        width: 100%;
        height: 20vw;
        object-fit: cover;
    }
}

.text-black {
    color: #7D7D7D;
}

.title h4 {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 1.875em;
    font-weight: 700;
}

@media(min-width: 992px) {
    .border-right-white {
        border-right: white 1px solid;
    }
}

#contact a {
    color: #1C94D2;
}

#back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    background-color: rgb(0, 0, 0, 0.4);
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#affiliations img{
    width: auto;
    height: 121px;
}