/* _content/MCShipper.Web.Client/Views/AboutUs/index.cshtml.rz.scp.css */
body[b-93sfiqxsmo] {
}
.About-headEN[b-93sfiqxsmo] {
    font-size: 44px;
    position: relative;
    -webkit-text-stroke: .1vw #0e76bc;
    color: #0e76bc;
}

.About-headEN[b-93sfiqxsmo]::before {
    content: attr(data-text);
    width: 0;
    height: 100%;
    -webkit-text-stroke: .2vw white;
    overflow: hidden;
    position: absolute;
    border-right: 2px solid white;
    animation: animate-b-93sfiqxsmo 6s linear infinite;
    color: white;
}

@keyframes animate-b-93sfiqxsmo {
    0%,10%,100% {
        width: 0;
    }

    70%,100% {
        width: 200px;
    }
}

.About-headAR[b-93sfiqxsmo] {
    font-size: 44px;
    position: relative;
    -webkit-text-stroke: .1vw #0e76bc;
    color: #0e76bc;
}

.About-headAR[b-93sfiqxsmo]::before {
    content: attr(data-text);
    width: 0;
    height: 100%;
    -webkit-text-stroke: .2vw white;
    overflow: hidden;
    position: absolute;
    border-right: 2px solid #0e76bc;
    animation: animateAr-b-93sfiqxsmo 6s linear infinite;
    color: white;
}

@keyframes animateAr-b-93sfiqxsmo {
    0%,10%,100% {
        width: 0;
    }

    70%,100% {
        width: 150px;
    }
}
@media only screen and (max-width: 450px) {
    .About-headEN[b-93sfiqxsmo] {
        font-size: 30px !important
    }

    @keyframes animate-b-93sfiqxsmo {
        0%,10%,100% {
            width: 0;
        }

        70%,100% {
            width: 150px;
        }
    }

    .About-headAR[b-93sfiqxsmo] {
        font-size: 30px !important
    }

    @keyframes animateAr-b-93sfiqxsmo {
        0%,10%,100% {
            width: 0;
        }

        70%,100% {
            width: 100px;
        }
    }
}

.coverimg[b-93sfiqxsmo] {
    background-image: url(images/group-127@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    height:504px
}
.btn[b-93sfiqxsmo] {
    background-color: #e27352;
    color: #fff;
}
.aboutCont[b-93sfiqxsmo] {
    padding-top: 125px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #fff;
}
.join-div[b-93sfiqxsmo] {
    background-image: url(images/Group836.png) ;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3%;
}
.head[b-93sfiqxsmo] {
    color: #fff;
    font-size: 44px;
    font-family: "Source Sans Pro", sans-serif;
    animation: revea-b-93sfiqxsmo 3000ms ease-in-out forwards 200ms, glow-b-93sfiqxsmo 2500ms linear infinite 2000ms;
}

@keyframes revea-b-93sfiqxsmo {
    80% {
        letter-spacing: 8px;
    }

    100% {
        background-size: 300% 300%;
    }
}

@keyframes glow-b-93sfiqxsmo {
    40% {
        text-shadow: 0 0 8px #fff;
    }
}

.fadeRight[b-93sfiqxsmo] {
    animation: fadeInRight-b-93sfiqxsmo 1s ease-in-out;
 
}
.reveal[b-93sfiqxsmo] {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 1s ease
}

    .reveal.active[b-93sfiqxsmo] {
        transform: translateY(0px);
        opacity: 1
    }

@keyframes fadeInRight-b-93sfiqxsmo {
    from {
        opacity: 0;
        transform: translateX(300px);
    }

    to {
        opacity: 1;
    }
}
.fadeup[b-93sfiqxsmo] {
    animation: fadeup-b-93sfiqxsmo 1s ease-in-out;
}

@keyframes fadeup-b-93sfiqxsmo {
    from {
        opacity: 0;
        transform: translateY(200px);
    }

    to {
        opacity: 1;
    }
}
/* _content/MCShipper.Web.Client/Views/Careers/index.cshtml.rz.scp.css */
body[b-fp5digo4b3] {
}

.coverimg[b-fp5digo4b3] {
    background-image: url(images/group-127@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 504px
}

.btn[b-fp5digo4b3] {
    background-color: #e27352;
    color: #fff;
}

.recCont[b-fp5digo4b3] {
    padding-top: 125px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #fff;
    /*   color: #92929d*/
}

.rec-head[b-fp5digo4b3] {
    font-size: 44px
}

.rec-pargh[b-fp5digo4b3] {
    font-size: 20px
}

.form-control[b-fp5digo4b3] {
    padding: 3%
}

.form-select[b-fp5digo4b3] {
    padding: 2%
}

@media only screen and (max-width: 390px) {
    .rec-head[b-fp5digo4b3] {
        font-size: 35px
    }

    .rec-pargh[b-fp5digo4b3] {
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
    .recForm[b-fp5digo4b3] {
        margin-bottom: 10px
    }
}
/* _content/MCShipper.Web.Client/Views/Home/index.cshtml.rz.scp.css */
body[b-9jrs7tl03u] {
}

.coverimg[b-9jrs7tl03u] {
    background-image: url(images/group-127@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 530px
}

.btn[b-9jrs7tl03u] {
    background-color: #e27352;
    color: #fff;
}

.homeCont[b-9jrs7tl03u] {
    padding-top: 125px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #fff;
}

.join-div[b-9jrs7tl03u] {
    background-image: url(images/Group128.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 4%;
}
.home-headEN[b-9jrs7tl03u] {
    font-size: 44px;
    position: relative;
    -webkit-text-stroke: .1vw #0e76bc;
    color: #0e76bc;
}
.home-headEN[b-9jrs7tl03u]::before {
        content: attr(data-text);
        width: 0;
        height: 100%;
        -webkit-text-stroke: .2vw white;
        overflow: hidden;
        position: absolute;
        border-right: 2px solid white;
        animation: animate-b-9jrs7tl03u 6s linear infinite;
        color: white;
    }
@keyframes animate-b-9jrs7tl03u {
    0%,10%,100% {
        width: 0;
    }

    70%,100% {
        width: 240px;
        font-size: 44px;
    }
}
.home-headAR[b-9jrs7tl03u] {
    font-size: 44px;
    position: relative;
    -webkit-text-stroke: .2vw #0e76bc;
    color: #0e76bc;
}

    .home-headAR[b-9jrs7tl03u]::before {
        content: attr(data-text);
        width: 0;
        height: 100%;
        -webkit-text-stroke: .2vw white;
        overflow: hidden;
        position: absolute;
        border-right: 2px solid #0e76bc;
        animation: animateAr-b-9jrs7tl03u 6s linear infinite;
        color: white;
    }

@keyframes animateAr-b-9jrs7tl03u {
    0%,10%,100% {
        width: 0;
    }

    70%,100% {
        width: 160px;
    }
}


.home-pargh[b-9jrs7tl03u] {
    font-size: 20px
}
.Card[b-9jrs7tl03u] {
    width: 324px;
    height: 365px;
    flex-grow: 0;
    margin: 0 18px 18px;
    padding: 31px 22px 32px;
    border-radius: 8px;
    box-shadow: 0 40px 92px -16px rgba(14, 118, 188, 0.3);
    background-color: #fff;
}

.icon1[b-9jrs7tl03u] {
    width: 59px;
    height: 57px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px;
    color: #0e76bc;
    border-radius: 15px;
}

.icon[b-9jrs7tl03u] {
    width: 59px;
    height: 57px;
    background-color: #e7f1f8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px;
    color: #0e76bc;
    border-radius: 15px;
}

.card:hover[b-9jrs7tl03u] {
    transform: scale(1.05);
    box-shadow: 0 40px 92px -16px rgba(14, 118, 188, 0.3);
}

.about-header[b-9jrs7tl03u] {
    font-size: 55px;
    font-weight: 600;
    line-height: 1.6;
}

.top-pargh[b-9jrs7tl03u] {
    color: white;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 3%;
    margin-bottom: 3%;
}

.about-btn[b-9jrs7tl03u] {
    display: flex;
    justify-content: center;
    align-items: center
}
.car-img[b-9jrs7tl03u] {
    position: relative;
    bottom: 105px;
    display: flex;
    justify-content: center;
}
.card[b-9jrs7tl03u] {
    border: none;
    border-radius: 10px;
    height: 57vh;
    padding: 7%;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    margin-bottom: 1.7rem;
}

.heading[b-9jrs7tl03u] {
    font-size: 16px;
    font-weight: bold;

}

.heading2[b-9jrs7tl03u] {
    font-size: 17px;
    margin-bottom: 10%;
    margin-top: 9%;
    font-weight: bold;
}

.heading3[b-9jrs7tl03u] {
    font-size: 18px;
    margin-bottom: 11%;
    margin-top: 9%;
    font-weight: bold;
}

.heading4[b-9jrs7tl03u] {
    font-size: 21px;
    margin-bottom: 13%;
    font-weight: bold;
    text-align: left;
}
.wrapper[b-9jrs7tl03u] {
    animation: scroll-b-9jrs7tl03u 70s linear infinite;
    background: url(images/Group128.png), #111111;
    background-image: url(images/Group128.png);
    text-align: center;
    color: #fff;
    padding: 4%;
    perspective: 1000px;
    perspective-origin: 50% 50%;
}
.card:hover[b-9jrs7tl03u] {
    transform: translateY(-28px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
}

.card-p[b-9jrs7tl03u] {
    color: gray;
    font-size: 16px;
}

.icon[b-9jrs7tl03u] {
    width: 50px;
    height: 50px;
    background-color: #eee;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px;
}

/*last card*/
.testimonial-1[b-9jrs7tl03u] {
    background: #fff;
    padding: 14px;
    color: #000;
    box-shadow: 0 30px 116px -16px rgb(211 211 211 / 20%);
}

.col-md-4[b-9jrs7tl03u] {
    margin-top: 25px;
}

.name[b-9jrs7tl03u] {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: -3px;
}

.place[b-9jrs7tl03u] {
    font-size: 13px;
    color: #988c8c;
}

.place-2[b-9jrs7tl03u] {
    font-size: 13px;
    color: #ffffff;
}

.home-h[b-9jrs7tl03u] {
    color: black;
    font-weight: 500;
    font-size: 3rem;
    line-height: 1.2;
}

#navbar[b-9jrs7tl03u] {
    font-weight: 500;
    line-height: 1.2;
}

.last-h[b-9jrs7tl03u] {
    text-align: center;
    line-height: 1.1;
    color: white;
    margin-bottom: 4%;
    margin-top: 4%;
}

.btn2[b-9jrs7tl03u] {
    background-color: #e27352;
    border-radius: 8px;
    font-size: 18px;
    color: white;
    margin-left: 1%;
}
.subscriibeBtn[b-9jrs7tl03u] {
    background-color: #e27352;
    border-radius: 8px;
    margin-right: 15px;
    letter-spacing: 0px;
}
.reveal[b-9jrs7tl03u] {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 1s ease
}

    .reveal.active[b-9jrs7tl03u] {
        transform: translateY(0px);
        opacity: 1
    }
@keyframes scroll-b-9jrs7tl03u {
    100% {
        background-position: 0px -3000px;
    }
}

@media (prefers-reduced-motion) {
    .wrapper[b-9jrs7tl03u] {
        animation: scroll-b-9jrs7tl03u 200s linear infinite;
    }
}


@media only screen and (max-width: 767px) {
    .Motorp[b-9jrs7tl03u] {
        margin-top: 4%;
    }
}

@media screen and (min-width: 250px) and (max-width: 574px) {
    .card[b-9jrs7tl03u] {
        height: 97vh;
    }
}

@media screen and (min-width: 450px) and (max-width: 574px) {
    .card[b-9jrs7tl03u] {
        height: 66vh;
    }
}

@media screen and (min-width: 574px) and (max-width: 1211px) {
    .col-md-3[b-9jrs7tl03u] {
        width: 50% !important;
    }

    .card[b-9jrs7tl03u] {
        height: 83vh;
    }
}

@media screen and (min-width: 991px) and (max-width: 1400px) {
    .card[b-9jrs7tl03u] {
        height: 75vh;
    }
    .heading[b-9jrs7tl03u]{
        margin-top:-7%
    }
}
@media only screen and (max-width: 390px) {
    .home-head[b-9jrs7tl03u] {
        font-size:35px
    }
    .home-pargh[b-9jrs7tl03u]{
        font-size:16px
    }
}
@media only screen and (max-width: 767px) {
 
   .card[b-9jrs7tl03u]{
       height:auto
   }
   .heading3[b-9jrs7tl03u]{
       margin-bottom:10%
   }
}
@media only screen and (max-width: 1200px) {

    .subscriibeBtn[b-9jrs7tl03u] {
        margin-right: 0
    }
}


@media screen and (min-width: 768px) and (max-width: 1194px) {
    .card[b-9jrs7tl03u] {
        height: 110vh !important;
    }
}
.fadeRight[b-9jrs7tl03u] {
    animation: fadeInRight-b-9jrs7tl03u 1s ease-in-out;
    animation-delay: 2s;
}

@keyframes fadeInRight-b-9jrs7tl03u {
    from {
        opacity: 0;
        transform: translateX(300px);
    }

    to {
        opacity: 1;
    }
}
.fadeup[b-9jrs7tl03u]{
    animation: fadeup-b-9jrs7tl03u 1s ease-in-out;
}

@keyframes fadeup-b-9jrs7tl03u {
    from {
        opacity: 0;
        transform: translateY(200px);
    }

    to {
        opacity: 1;
    }
}
/* _content/MCShipper.Web.Client/Views/Integration/index.cshtml.rz.scp.css */
body[b-b1elf6dgt7] {
}
.coverimg[b-b1elf6dgt7] {
    background-image: url(images/group-127@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 504px
}

.btn[b-b1elf6dgt7] {
    background-color: #e27352;
    color: #fff;
}

.recCont[b-b1elf6dgt7] {
    padding-top: 125px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #fff;
 /*   color: #92929d*/
}
.rec-head[b-b1elf6dgt7]{
    font-size:44px
}
.rec-pargh[b-b1elf6dgt7]{
    font-size:20px
}
.form-control[b-b1elf6dgt7]{
    padding:3%
}
.form-select[b-b1elf6dgt7]{
    padding:2%
}
@media only screen and (max-width: 390px) {
    .rec-head[b-b1elf6dgt7] {
        font-size: 35px
    }

    .rec-pargh[b-b1elf6dgt7] {
        font-size: 16px
    }
}
@media only screen and (max-width: 991px) {
   .recForm[b-b1elf6dgt7]{
       margin-bottom:10px
   }
}
/* _content/MCShipper.Web.Client/Views/MCSP/IndependentCarriers.cshtml.rz.scp.css */
body[b-o303cuj7hc] {
}
.Indep-headEN[b-o303cuj7hc] {
    font-size: 44px;
    position: relative;
    -webkit-text-stroke: .1vw #0e76bc;
    color: #0e76bc;
}

.Indep-headEN[b-o303cuj7hc]::before {
        content: attr(data-text);
        width: 0;
        height: 100%;
        -webkit-text-stroke: .2vw white;
        overflow: hidden;
        position: absolute;
        border-right: 2px solid white;
        animation: animate-b-o303cuj7hc 6s linear infinite;
        color: white;
}

@keyframes animate-b-o303cuj7hc {
    0%,10%,100% {
        width: 0;
    }

    70%,100% {
        width:400px;
    }
}

.Indep-headAR[b-o303cuj7hc] {
    font-size: 44px;
    position: relative;
    -webkit-text-stroke: .1vw #0e76bc;
    color: #0e76bc;
}

.Indep-headAR[b-o303cuj7hc]::before {
        content: attr(data-text);
        width: 0;
        height: 100%;
        -webkit-text-stroke: .2vw white;
        overflow: hidden;
        position: absolute;
        border-right: 2px solid #0e76bc;
        animation: animateAr-b-o303cuj7hc 6s linear infinite;
        color: white;
    }

@keyframes animateAr-b-o303cuj7hc {
    0%,10%,100% {
        width: 0;
    }

    70%,100% {
        width: 240px;
    }
}

.coverimg[b-o303cuj7hc] {
    background-image: url(images/group-127@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 504px
}

.btn[b-o303cuj7hc] {
    background-color: #e27352;
    color: #fff;
}

.aboutCont[b-o303cuj7hc] {
    padding-top: 125px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #fff;
}
.head[b-o303cuj7hc] {
    color: #fff;
    font-size: 44px;
    font-family: "Source Sans Pro", sans-serif;
    animation: revea-b-o303cuj7hc 3000ms ease-in-out forwards 200ms, glow-b-o303cuj7hc 2500ms linear infinite 2000ms;
}

@keyframes revea-b-o303cuj7hc {
    80% {
        letter-spacing: 8px;
    }

    100% {
        background-size: 300% 300%;
    }
}

@keyframes glow-b-o303cuj7hc {
    40% {
        text-shadow: 0 0 8px #fff;
    }
}

.join-div[b-o303cuj7hc] {
    background-image: url(images/Group836.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 4%;
}
.Card[b-o303cuj7hc] {
    width: 324px;
    height: 365px;
    flex-grow: 0;
    margin: 0 18px 18px;
    padding: 31px 22px 32px;
    border-radius: 8px;
    box-shadow: 0 40px 92px -16px rgba(14, 118, 188, 0.3);
    background-color: #fff;
}

    .icon1[b-o303cuj7hc] {
        width: 59px;
        height: 57px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 39px;
        color: #0e76bc;
        border-radius: 15px;
    }

.icon[b-o303cuj7hc] {
    width: 59px;
    height: 57px;
    background-color: #e7f1f8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px;
    color: #0e76bc;
    border-radius: 15px;
}

.card:hover[b-o303cuj7hc] {
    transform: scale(1.05);
    box-shadow: 0 40px 92px -16px rgba(14, 118, 188, 0.3);
}

.about-header[b-o303cuj7hc] {
    font-size: 55px;
    font-weight: 600;
    line-height: 1.6;
}

.top-pargh[b-o303cuj7hc] {
    color: white;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 3%;
    margin-bottom: 3%;
}

.about-btn[b-o303cuj7hc] {
    display: flex;
    justify-content: center;
    align-items: center
}

.card[b-o303cuj7hc] {
    border: none;
    border-radius: 10px;
    height: 57vh;
    padding: 7%;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    margin-bottom: 1.7rem;
}

.heading[b-o303cuj7hc] {
    font-size: 21px;
    margin-bottom: 2%;
    margin-top: 1%;
    font-weight: bold;
   /* text-align: left;*/
}

.heading2[b-o303cuj7hc] {
    font-size: 21px;
    margin-bottom: 10%;
    margin-top: 11%;
    font-weight: bold;
   /* text-align: left;*/
}

.heading3[b-o303cuj7hc] {
    font-size: 21px;
    margin-bottom: 9%;
    margin-top: 10%;
    font-weight: bold;
   /* text-align: left;*/
}

.heading4[b-o303cuj7hc] {
    font-size: 21px;
    margin-bottom: 13%;
    font-weight: bold;
  
}

.card:hover[b-o303cuj7hc] {
    transform: translateY(-28px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
}

.card-p[b-o303cuj7hc] {
    color: gray;
    font-size: 16px;
}

.icon[b-o303cuj7hc] {
    width: 50px;
    height: 50px;
    background-color: #eee;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px;
}
.reveal[b-o303cuj7hc] {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 1s ease
}

    .reveal.active[b-o303cuj7hc] {
        transform: translateY(0px);
        opacity: 1
    }

@media only screen and (max-width: 767px) {
    .Motorp[b-o303cuj7hc] {
        margin-top: 4%;
    }
}

@media screen and (min-width: 250px) and (max-width: 574px) {
    .card[b-o303cuj7hc] {
        height: 97vh;
    }
}
@media screen and (min-width: 450px) and (max-width: 574px) {
    .card[b-o303cuj7hc] {
        height: 66vh;
    }
}
@media screen and (min-width: 574px) and (max-width: 1211px) {
    .col-md-3[b-o303cuj7hc] {
        width: 50% !important;
    }

    .card[b-o303cuj7hc] {
        height: 83vh;
    }
}
@media screen and (min-width: 991px) and (max-width: 1400px) {
    .card[b-o303cuj7hc] {
        height: 70vh;
       
    }
}
@media only screen and (max-width: 450px) {
    .Indep-headEN[b-o303cuj7hc] {
        font-size: 30px !important
    }
    @keyframes animate-b-o303cuj7hc {
        0%,10%,100% {
            width: 0;
        }

        70%,100% {
            width: 270px;
        }
    }
    .Indep-headAR[b-o303cuj7hc] {
        font-size: 30px !important
    }
    @keyframes animateAr-b-o303cuj7hc {
        0%,10%,100% {
            width: 0;
        }

        70%,100% {
            width: 165px;
        }
    }


    .Indep-pargh[b-o303cuj7hc] {
        font-size: 16px !important
    }
}

.fadeRight[b-o303cuj7hc] {
    animation: fadeInRight-b-o303cuj7hc 1s ease-in-out;
   
}

@keyframes fadeInRight-b-o303cuj7hc {
    from {
        opacity: 0;
        transform: translateX(300px);
    }

    to {
        opacity: 1;
    }
}
.fadeup[b-o303cuj7hc] {
    animation: fadeup-b-o303cuj7hc 1s ease-in-out;
}

@keyframes fadeup-b-o303cuj7hc {
    from {
        opacity: 0;
        transform: translateY(200px);
    }

    to {
        opacity: 1;
    }
}
/* _content/MCShipper.Web.Client/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-k0bgk3l9bs] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
nav[b-k0bgk3l9bs] {
    background-image: url(images/group-127.png)
}
.btn[b-k0bgk3l9bs]{
    color:#fff;
    border-radius:8px
}
a[b-k0bgk3l9bs] {
    text-decoration: none;
    color:#fff
}

.btn-primary[b-k0bgk3l9bs] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-k0bgk3l9bs], .nav-pills .show > .nav-link[b-k0bgk3l9bs] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-k0bgk3l9bs] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-k0bgk3l9bs] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-k0bgk3l9bs] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-k0bgk3l9bs] {
  font-size: 1rem;
  line-height: inherit;
}

.imgres[b-k0bgk3l9bs] {
    margin-top: 75px
}


.container[b-k0bgk3l9bs] {
    @screen lg {
        margin-left: auto;
        margin-right: auto;
        max-width: theme("screens.lg");
        width: 100%;
    }

    .Line-1

{
    width: 1270px;
    height: 1px;
    flex-grow: 0;
    margin: 7px;
    background-color: rgba(255, 255, 255, 0.2);
}

h4[b-k0bgk3l9bs] {
    color: #fff;
    font-weight: bold;
}

}

.custom-ul[b-k0bgk3l9bs] {
    size: 16px;
    line-height: 32px;
    letter-spacing: 0.08px;
    color: #fff;
}

.clip-bath[b-k0bgk3l9bs] {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 22%);
    padding-top: 100px;
}

.mt-73[b-k0bgk3l9bs] {
    margin-top: 80px;
}

@media only screen and (max-width: 992px) {
    .clip-bath[b-k0bgk3l9bs] {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 0);
        padding-top: 50px;
    }

    .mt-73[b-k0bgk3l9bs] {
        margin-top: 0px;
    }
    .imgres[b-k0bgk3l9bs] {
        margin-top: 0px;
        margin-bottom: 22px;
    }
   
}

.bg-org[b-k0bgk3l9bs] {
    background-color: #e27352 !important;
}

.bg-dark-blue[b-k0bgk3l9bs] {
    background-color: #11142d !important;
    color: #fff;
}

.social-icons[b-k0bgk3l9bs] {
 
    border-radius: 39%;
    background: #fff;
    color: #11142d;
    padding: 5px;
    margin-inline: 4px;

}


.navbar-light .navbar-nav .nav-link[b-k0bgk3l9bs] {
    color: #fff;
}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse[b-k0bgk3l9bs] {
        display: flex !important;
        flex-basis: auto;
        justify-content: end;
    }
}

/* _content/MCShipper.Web.Client/Views/Shippers/Services.cshtml.rz.scp.css */

body[b-rupnutssvd] {
}
.service-headEN[b-rupnutssvd] {
    font-size: 44px;
    position: relative;
    -webkit-text-stroke: .1vw #0e76bc;
    color: #0e76bc;
}

.service-headEN[b-rupnutssvd]::before {
        content: attr(data-text);
        width: 0;
        height: 100%;
        -webkit-text-stroke: .2vw white;
        overflow: hidden;
        position: absolute;
        border-right: 2px solid white;
        animation: animate-b-rupnutssvd 6s linear infinite;
        color: white;
 }

@keyframes animate-b-rupnutssvd {
    0%,10%,100% {
        width: 0;
    }

    70%,100% {
        width: 340px;
    }
}

.service-headAR[b-rupnutssvd] {
    font-size: 44px;
    position: relative;
    -webkit-text-stroke: .1vw #0e76bc;
    color: #0e76bc;
}

.service-headAR[b-rupnutssvd]::before {
        content: attr(data-text);
        width: 0;
        height: 100%;
        -webkit-text-stroke: .2vw white;
        overflow: hidden;
        position: absolute;
        border-right: 2px solid #0e76bc;
        animation: animateAr-b-rupnutssvd 6s linear infinite;
        color: white;
  }

@keyframes animateAr-b-rupnutssvd {
    0%,10%,100% {
        width: 0;
    }

    70%,100% {
        width:270px;
    }
}

.coverimg[b-rupnutssvd] {
    background-image: url(images/group-127@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 504px
}

.btn[b-rupnutssvd] {
    background-color: #e27352;
    color: #fff;
}

.aboutCont[b-rupnutssvd] {
    padding-top: 125px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #fff;
}

.join-div[b-rupnutssvd] {
    background-image: url(images/Group836.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 4%;
}

.Card[b-rupnutssvd] {
    width: 324px;
    height: 365px;
    flex-grow: 0;
    margin: 0 18px 18px;
    padding: 31px 22px 32px;
    border-radius: 8px;
    box-shadow: 0 40px 92px -16px rgba(14, 118, 188, 0.3);
    background-color: #fff;
}

.icon1[b-rupnutssvd] {
    width: 59px;
    height: 57px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px;
    color: #0e76bc;
    border-radius: 15px;
}

.icon[b-rupnutssvd] {
    width: 59px;
    height: 57px;
    background-color: #e7f1f8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px;
    color: #0e76bc;
    border-radius: 15px;
}



.about-header[b-rupnutssvd] {
    font-size: 55px;
    font-weight: 600;
    line-height: 1.6;
}

.top-pargh[b-rupnutssvd] {
    color: white;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 3%;
    margin-bottom: 3%;
}

.about-btn[b-rupnutssvd] {
    display: flex;
    justify-content: center;
    align-items: center
}

.card[b-rupnutssvd] {
    border: none;
    border-radius: 10px;
    height: 57vh;
    padding: 7%;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    margin-bottom: 1.7rem;
}

.heading[b-rupnutssvd] {
    font-size: 21px;
    margin-bottom: 2%;
    margin-top: 1%;
    font-weight: bold;
   /* text-align: left;*/
}

.heading2[b-rupnutssvd] {
    font-size: 21px;
    margin-bottom: 10%;
    margin-top: 11%;
    font-weight: bold;
   /* text-align: left;*/
}

.heading3[b-rupnutssvd] {
    font-size: 21px;
    margin-bottom: 9%;
    margin-top: 10%;
    font-weight: bold;
 /*   text-align: left;*/
}

.heading4[b-rupnutssvd] {
    font-size: 21px;
    margin-bottom: 13%;
    // margin-top: 10%;
    font-weight: bold;
    /*text-align: left;*/
}


.card:hover[b-rupnutssvd] {
    transform: translateY(-28px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
}

.card-p[b-rupnutssvd] {
    color: gray;
    font-size: 16px;
  /*  text-align: left;*/
}

.icon[b-rupnutssvd] {
    width: 50px;
    height: 50px;
    background-color: #eee;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px;
}
.Center[b-rupnutssvd] {
    display: flex;
    justify-content: center;
}
.head[b-rupnutssvd] {
    color: #fff;
    font-size: 44px;
    font-family: "Source Sans Pro", sans-serif;
    animation: revea-b-rupnutssvd 3000ms ease-in-out forwards 200ms, glow-b-rupnutssvd 2500ms linear infinite 2000ms;
}

@keyframes revea-b-rupnutssvd {
    80% {
        letter-spacing: 8px;
    }

    100% {
        background-size: 300% 300%;
    }
}

@keyframes glow-b-rupnutssvd {
    40% {
        text-shadow: 0 0 8px #fff;
    }
}
.reveal[b-rupnutssvd] {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 1s ease
}

    .reveal.active[b-rupnutssvd] {
        transform: translateY(0px);
        opacity: 1
    }

@media only screen and (max-width: 767px) {
    .Motorp[b-rupnutssvd] {
        margin-top: 4%;
    }
}

@media screen and (min-width: 250px) and (max-width: 574px) {
    .card[b-rupnutssvd] {
        height: 97vh;
    }
}

@media screen and (min-width: 450px) and (max-width: 574px) {
    .card[b-rupnutssvd] {
        height: 66vh;
    }
}

@media screen and (min-width: 574px) and (max-width: 1211px) {
    .col-md-3[b-rupnutssvd] {
        width: 50% !important;
    }

    .card[b-rupnutssvd] {
        height: 83vh;
    }
}

@media screen and (min-width: 991px) and (max-width: 1400px) {
    .card[b-rupnutssvd] {
        height: 70vh;
    }
}
@media  only screen and (max-width: 965px) {
    .scards[b-rupnutssvd] {
        height: 30vh !important;
    }
}
@media only screen and (max-width: 450px) {
    .service-headEN[b-rupnutssvd] {
        font-size: 30px !important
    }

    @keyframes animate-b-rupnutssvd {
        0%,10%,100% {
            width: 0;
        }

        70%,100% {
            width: 240px;
        }
    }

    .service-headAR[b-rupnutssvd] {
        font-size: 30px !important
    }

    @keyframes animateAr-b-rupnutssvd {
        0%,10%,100% {
            width: 0;
        }

        70%,100% {
            width: 190px;
        }
    }

    .service-pargh[b-rupnutssvd] {
        font-size: 16px !important
    }
}
.fadeRight[b-rupnutssvd] {
    animation: fadeInRight-b-rupnutssvd 1s ease-in-out;
   
}

@keyframes fadeInRight-b-rupnutssvd {
    from {
        opacity: 0;
        transform: translateX(300px);
    }

    to {
        opacity: 1;
    }
}

.fadeup[b-rupnutssvd] {
    animation: fadeup-b-rupnutssvd 1s ease-in-out;
}

@keyframes fadeup-b-rupnutssvd {
    from {
        opacity: 0;
        transform: translateY(200px);
    }

    to {
        opacity: 1;
    }
}