:root{
    --font-default:"Times New Roman",system-ui,-apple-system,"Tahoma",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-primary:"Times New Roman",sans-serif;
    --font-secondary:"Poppins",sans-serif
}
:root{
    --color-default:#0a0d13;
    --color-primary:#0d42ff;
    --color-secondary:#0e1d34
}
:root{
    scroll-behavior:smooth
}
body{
    font-family:var(--font-default);
    color:var(--color-default)
}
a{
    color:var(--color-primary);
    text-decoration:none
}
a:hover{
    color:#406aff;
    text-decoration:none
}
h1,h2,h3,h4,h5,h6{
    font-family:var(--font-primary)
}
section{
    padding:80px 0;
    overflow:hidden
}
.section-header{
    text-align:center;
    padding:30px 0;
    position:relative
}
.section-header h2{
    font-size:32px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
    padding-bottom:0;
    color:#001973;
    position:relative;
    z-index:2;
    margin-bottom:20px;
    padding-bottom:20px;
    position:relative
}
.section-header h2:after{
    content:"";
    position:absolute;
    display:block;
    width:50px;
    height:3px;
    background:var(--color-primary);
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
.section-header h3{
    font-size:32px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
    padding-bottom:0;
    color:#001973;
    position:relative;
    z-index:2;
    margin-bottom:20px;
    padding-bottom:20px;
    position:relative
}
.section-header h3:after{
    content:"";
    position:absolute;
    display:block;
    width:50px;
    height:3px;
    background:var(--color-primary);
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
.section-header span{
    position:absolute;
    top:46px;
    color:rgba(14,29,52,.06);
    left:0;
    right:0;
    z-index:1;
    font-weight:700;
    font-size:56px;
    text-transform:uppercase;
    line-height:0
}
.section-header p{
    margin-bottom:0;
    position:relative;
    z-index:2
}
@media (max-width:640px){
    .section-header h2{
        font-size:28px;
        margin-bottom:15px
    }
    .section-header span{
        font-size:38px
    }
}
.breadcrumbs .page-header{
    padding:140px 0 80px 0;
    position:relative;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.breadcrumbs .page-header:before{
    content:"";
    background-color:rgba(14,29,52,.8);
    position:absolute;
    inset:0
}
.breadcrumbs .page-header h2{
    font-size:56px;
    font-weight:500;
    color:#fff;
    font-family:var(--font-secondary)
}
.breadcrumbs .page-header p{
    color:rgba(255,255,255,.8)
}
.breadcrumbs nav{
    background-color:#f3f6fc;
    padding:20px 0
}
.breadcrumbs nav ol{
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:600;
    color:var(--color-secondary)
}
.breadcrumbs nav ol a{
    color:var(--color-primary);
    transition:.3s
}
.breadcrumbs nav ol a:hover{
    text-decoration:underline
}
.breadcrumbs nav ol li+li{
    padding-left:10px
}
.breadcrumbs nav ol li+li::before{
    display:inline-block;
    padding-right:10px;
    color:#4278cc;
    content:"/"
}
#preloader{
    position:fixed;
    inset:0;
    z-index:9999;
    overflow:hidden;
    background:#fff;
    transition:all .6s ease-out;
    width:100%;
    height:100vh
}
#preloader:after,#preloader:before{
    content:"";
    position:absolute;
    border:4px solid var(--color-primary);
    border-radius:50%;
    -webkit-animation:animate-preloader 2s cubic-bezier(0,.2,.8,1) infinite;
    animation:animate-preloader 2s cubic-bezier(0,.2,.8,1) infinite
}
#preloader:after{
    -webkit-animation-delay:-.5s;
    animation-delay:-.5s
}
@-webkit-keyframes animate-preloader{
    0%{
        width:10px;
        height:10px;
        top:calc(50% - 5px);
        left:calc(50% - 5px);
        opacity:1
    }
    100%{
        width:72px;
        height:72px;
        top:calc(50% - 36px);
        left:calc(50% - 36px);
        opacity:0
    }
}
@keyframes animate-preloader{
    0%{
        width:10px;
        height:10px;
        top:calc(50% - 5px);
        left:calc(50% - 5px);
        opacity:1
    }
    100%{
        width:72px;
        height:72px;
        top:calc(50% - 36px);
        left:calc(50% - 36px);
        opacity:0
    }
}
@media screen and (max-width:768px){
    [data-aos-delay]{
        transition-delay:0!important
    }
}
.header{
    transition:all .5s;
    z-index:997;
    padding:0px 0;
    background:black
}
.header .logo img{
    max-height:40px;
    margin-right:6px
}
.header .logo h1{
    font-size:30px;
    margin:0;
    font-weight:700;
    color:#fff;
    font-family:var(--font-primary)
}
@media (min-width:1280px){
    .navbar{
        padding:0
    }
    .navbar ul{
        margin:0;
        padding:0;
        display:flex;
        list-style:none;
        align-items:center
    }
    .navbar li{
        position:relative
    }
    .navbar a,.navbar a:focus{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:10px 0 10px 30px;
        font-family:var(--font-primary);
        font-size:16px;
        font-weight:400;
        color:rgba(255,255,255,.6);
        white-space:nowrap;
        transition:.3s
    }
    .navbar a i,.navbar a:focus i{
        font-size:12px;
        line-height:0;
        margin-left:5px
    }
    .navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a{
        color:#fff
    }
    .navbar .get-a-quote,.navbar .get-a-quote:focus{
        background:var(--color-primary);
        padding:8px 20px;
        margin-left:30px;
        border-radius:4px;
        color:#fff
    }
    .navbar .get-a-quote:focus:hover,.navbar .get-a-quote:hover{
        color:#fff;
        background:#2756ff
    }
    .navbar .dropdown ul{
        display:block;
        position:absolute;
        left:14px;
        top:calc(100% + 30px);
        margin:0;
        padding:10px 0;
        z-index:99;
        opacity:0;
        visibility:hidden;
        background:#fff;
        box-shadow:0 0 30px rgba(127,137,161,.25);
        transition:.3s;
        border-radius:4px
    }
    .navbar .dropdown ul li{
        min-width:200px
    }
    .navbar .dropdown ul a{
        padding:10px 20px;
        font-size:15px;
        text-transform:none;
        font-weight:400;
        color:var(--color-secondary)
    }
    .navbar .dropdown ul a i{
        font-size:12px
    }
    .navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a{
        color:var(--color-primary)
    }
    .navbar .dropdown:hover>ul{
        opacity:1;
        top:100%;
        visibility:visible
    }
    .navbar .dropdown .dropdown ul{
        top:0;
        left:calc(100% - 30px);
        visibility:hidden
    }
    .navbar .dropdown .dropdown:hover>ul{
        opacity:1;
        top:0;
        left:100%;
        visibility:visible
    }
}
@media (min-width:1280px) and (max-width:1366px){
    .navbar .dropdown .dropdown ul{
        left:-90%
    }
    .navbar .dropdown .dropdown:hover>ul{
        left:-100%
    }
}
@media (min-width:1280px){
    .mobile-nav-hide,.mobile-nav-show{
        display:none
    }
}
@media (max-width:1279px){
    .navbar{
        position:fixed;
        top:0;
        right:-100%;
        width:100%;
        max-width:400px;
        bottom:0;
        transition:.3s;
        z-index:9997
    }
    .navbar ul{
        position:absolute;
        inset:0;
        padding:50px 0 10px 0;
        margin:0;
        background:rgba(14,29,52,.9);
        overflow-y:auto;
        transition:.3s;
        z-index:9998
    }
    .navbar a,.navbar a:focus{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:12px 20px;
        font-family:var(--font-primary);
        font-size:16px;
        font-weight:500;
        color:rgba(255,255,255,.7);
        white-space:nowrap;
        transition:.3s
    }
    .navbar a i,.navbar a:focus i{
        font-size:12px;
        line-height:0;
        margin-left:5px
    }
    .navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a{
        color:#fff
    }
    .navbar .get-a-quote,.navbar .get-a-quote:focus{
        background:var(--color-primary);
        padding:8px 20px;
        border-radius:4px;
        margin:15px;
        color:#fff
    }
    .navbar .get-a-quote:focus:hover,.navbar .get-a-quote:hover{
        color:#fff;
        background:rgba(13,66,255,.8)
    }
    .navbar .dropdown .dropdown ul,.navbar .dropdown ul{
        position:static;
        display:none;
        padding:10px 0;
        margin:10px 20px;
        transition:all .5s ease-in-out;
        border:1px solid #19335c
    }
    .navbar .dropdown .dropdown>.dropdown-active,.navbar .dropdown>.dropdown-active{
        display:block
    }
    .mobile-nav-show{
        color:#fff;
        font-size:28px;
        cursor:pointer;
        line-height:0;
        transition:.5s;
        z-index:9999;
        margin-right:10px
    }
    .mobile-nav-hide{
        color:#fff;
        font-size:32px;
        cursor:pointer;
        line-height:0;
        transition:.5s;
        position:fixed;
        right:20px;
        top:20px;
        z-index:9999
    }
    .mobile-nav-active{
        overflow:hidden
    }
    .mobile-nav-active .navbar{
        right:0
    }
    .mobile-nav-active .navbar:before{
        content:"";
        position:fixed;
        inset:0;
        background:rgba(14,29,52,.8);
        z-index:9996
    }
}
.featured-services .service-item{
    position:relative;
    height:100%;
    margin-bottom:20px
}
.featured-services .service-item .icon{
    margin-right:20px
}
.featured-services .service-item .icon i{
    color:#001f8d;
    font-size:48px;
    transition:.3s
}
.featured-services .service-item:hover .icon{
    background:#fff
}
.featured-services .service-item:hover .icon i{
    color:var(--color-primary)
}
.featured-services .service-item .title{
    font-weight:700;
    margin-bottom:10px;
    font-size:20px;
    color:var(--color-secondary);
    transition:.3s
}
.featured-services .service-item .description{
    font-size:15px;
    color:#132848;
    margin-bottom:10px
}
.featured-services .service-item:hover .icon i,.featured-services .service-item:hover .title{
    color:var(--color-primary)
}
.about .content h3{
    font-weight:700;
    font-size:32px;
    font-family:var(--font-secondary);
    color:#001f8d
}
.about .content ul{
    list-style:none;
    padding:0
}
.about .content ul li{
    display:flex;
    align-items:flex-start;
    margin-top:40px
}
.about .content ul i{
    flex-shrink:0;
    font-size:48px;
    color:var(--color-primary);
    margin-right:20px;
    line-height:0
}
.about .content ul h5{
    font-size:18px;
    font-weight:700;
    color:#19335c
}
.about .content ul p{
    font-size:15px
}
.about .content p:last-child{
    margin-bottom:0
}
@-webkit-keyframes pulsate-btn{
    0%{
        transform:scale(.6,.6);
        opacity:1
    }
    100%{
        transform:scale(1,1);
        opacity:0
    }
}
@keyframes pulsate-btn{
    0%{
        transform:scale(.6,.6);
        opacity:1
    }
    100%{
        transform:scale(1,1);
        opacity:0
    }
}
.services .card{
    border:1px solid rgba(14,29,52,.15);
    background:#fff;
    position:relative;
    border-radius:0;
    height:100%
}
.services .card .card-img{
    overflow:hidden;
    margin-bottom:15px;
    border-radius:0
}
.services .card .card-img img{
    transition:.3s ease-in-out
}
.services .card h3{
    font-weight:700;
    font-size:18px;
    margin-bottom:5px;
    padding:10px 30px;
    text-transform:uppercase
}
.services .card a{
    color:#001973;
    transition:.3
}
.services .card a:hover{
    color:var(--color-primary)
}
.services .card p{
    padding:0 30px;
    margin-bottom:30px;
    color:var(--color-secondary);
    font-size:15px
}
.services .card:hover .card-img img{
    transform:scale(1.1)
}
.call-to-action{
    background:linear-gradient(rgba(14,29,52,.6),rgba(14,29,52,.8)),url(https://www.jmcargoindia.com/assets/img/cta-bg.jpg) center center;
    background-size:cover;
    padding:100px 0
}
@media (min-width:1365px){
    .call-to-action{
        background-attachment:fixed
    }
}
.call-to-action h3{
    color:#fff;
    font-size:28px;
    font-weight:700
}
.call-to-action p{
    color:#fff
}
.call-to-action .cta-btn{
    font-family:var(--font-primary);
    font-weight:500;
    font-size:16px;
    letter-spacing:1px;
    display:inline-block;
    padding:12px 40px;
    border-radius:5px;
    transition:.5s;
    margin:10px;
    border:2px solid #fff;
    color:#fff
}
.call-to-action .cta-btn:hover{
    background:var(--color-primary);
    border:2px solid var(--color-primary)
}
.pricing .pricing-item{
    padding:60px 40px;
    box-shadow:0 3px 20px -2px rgba(108,117,125,.15);
    background:#fff;
    height:100%;
    border-top:4px solid #fff;
    border-radius:5px
}
.pricing h3{
    font-weight:600;
    margin-bottom:15px;
    font-size:20px;
    color:var(--color-secondary)
}
.pricing h4{
    font-size:24px;
    color:var(--color-primary);
    font-weight:400;
    font-family:var(--font-primary);
    margin-bottom:25px
}
.pricing h4 span{
    color:rgba(108,117,125,.8);
    font-size:18px
}
.pricing ul{
    padding:20px 0;
    list-style:none;
    color:#6c757d;
    text-align:left;
    line-height:20px
}
.pricing ul li{
    padding:10px 0;
    display:flex;
    align-items:center
}
.pricing ul i{
    color:#059652;
    font-size:24px;
    padding-right:3px
}
.pricing .featured{
    border-top-color:var(--color-primary)
}
.faq{
    padding-top:80px
}
.faq .accordion-item{
    border:0;
    margin-bottom:10px
}
.faq .accordion-collapse{
    border:0
}
.faq .accordion-button{
    padding:15px 30px 20px 60px;
    font-weight:600;
    border:0;
    font-size:18px;
    color:var(--color-default);
    text-align:left;
    background:rgba(14,29,52,.03);
    border-radius:5px
}
.faq .accordion-button:focus{
    box-shadow:none
}
.faq .accordion-button:not(.collapsed){
    color:var(--color-primary);
    border-bottom:0;
    box-shadow:none
}
.faq .question-icon{
    position:absolute;
    top:14px;
    left:25px;
    font-size:20px;
    color:var(--color-primary)
}
.faq .accordion-button:after{
    position:absolute;
    right:15px;
    top:15px
}
.faq .accordion-body{
    padding:0 30px 25px 60px;
    border:0;
    background:rgba(14,29,52,.03);
    border-radius:5px
}
.testimonials{
    padding:80px 0;
    background:url(https://www.jmcargoindia.com/assets/img/testimonials-bg.jpg) no-repeat;
    background-position:center center;
    background-size:cover;
    position:relative
}
.testimonials::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(14,29,52,.7)
}
.testimonials .section-header{
    margin-bottom:40px
}
.testimonials .testimonial-item{
    text-align:center;
    color:#fff
}
.testimonials .testimonial-item .testimonial-img{
    width:100px;
    border-radius:50%;
    border:6px solid rgba(255,255,255,.15);
    margin:0 auto
}
.testimonials .testimonial-item h3{
    font-size:20px;
    font-weight:700;
    margin:10px 0 5px 0;
    color:#fff
}
.testimonials .testimonial-item h4{
    font-size:14px;
    color:rgba(255,255,255,.6);
    margin:0 0 15px 0
}
.testimonials .testimonial-item .stars{
    margin-bottom:15px
}
.testimonials .testimonial-item .stars i{
    color:#ffc107;
    margin:0 1px
}
.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{
    color:rgba(255,255,255,.6);
    font-size:26px;
    line-height:0
}
.testimonials .testimonial-item .quote-icon-left{
    display:inline-block;
    left:-5px;
    position:relative
}
.testimonials .testimonial-item .quote-icon-right{
    display:inline-block;
    right:-5px;
    position:relative;
    top:10px;
    transform:scale(-1,-1)
}
.testimonials .testimonial-item p{
    font-style:italic;
    margin:0 auto 15px auto
}
.testimonials .swiper-pagination{
    margin-top:20px;
    position:relative
}
@media (min-width:992px){
    .testimonials .testimonial-item p{
        width:80%
    }
}
.get-a-quote .php-email-form{
    background:#f3f6fc;
    padding:40px;
    height:100%
}
@media (max-width:575px){
    .get-a-quote .php-email-form{
        padding:20px
    }
}
.get-a-quote .php-email-form h3{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px
}
.get-a-quote .php-email-form h4{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin:20px 0 0 0
}
.get-a-quote .php-email-form p{
    font-size:14px;
    margin-bottom:20px
}
.get-a-quote .php-email-form .loading{
    display:none;
    background:#fff;
    text-align:center;
    padding:15px;
    margin-bottom:24px
}
.get-a-quote .php-email-form .loading:before{
    content:"";
    display:inline-block;
    border-radius:50%;
    width:24px;
    height:24px;
    margin:0 10px -6px 0;
    border:3px solid #059652;
    border-top-color:#fff;
    -webkit-animation:animate-loading 1s linear infinite;
    animation:animate-loading 1s linear infinite
}
.get-a-quote .php-email-form input,.get-a-quote .php-email-form textarea{
    border-radius:0;
    box-shadow:none;
    font-size:14px;
    border-radius:0
}
.get-a-quote .php-email-form input:focus,.get-a-quote .php-email-form textarea:focus{
    border-color:var(--color-primary)
}
.get-a-quote .php-email-form input{
    padding:12px 15px
}
.get-a-quote .php-email-form textarea{
    padding:12px 15px
}
.get-a-quote .php-email-form button[type=submit]{
    background:var(--color-primary);
    border:0;
    padding:10px 30px;
    color:#fff;
    transition:.4s;
    border-radius:4px
}
.get-a-quote .php-email-form button[type=submit]:hover{
    background:rgba(13,66,255,.8)
}
@-webkit-keyframes animate-loading{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes animate-loading{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.contact .info-item+.info-item{
    margin-top:40px
}
.contact .info-item i{
    font-size:20px;
    background:var(--color-primary);
    color:#fff;
    width:44px;
    height:44px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:4px;
    transition:all .3s ease-in-out;
    margin-right:15px
}
.contact .info-item h4{
    padding:0;
    font-size:20px;
    font-weight:600;
    margin-bottom:5px;
    color:var(--color-secondary)
}
.contact .info-item p{
    padding:0;
    margin-bottom:0;
    font-size:14px;
    color:rgba(14,29,52,.8)
}
.contact .php-email-form{
    width:100%;
    background:#fff
}
.contact .php-email-form .loading{
    display:none;
    background:#fff;
    text-align:center;
    padding:15px
}
.contact .php-email-form .loading:before{
    content:"";
    display:inline-block;
    border-radius:50%;
    width:24px;
    height:24px;
    margin:0 10px -6px 0;
    border:3px solid #059652;
    border-top-color:#fff;
    -webkit-animation:animate-loading 1s linear infinite;
    animation:animate-loading 1s linear infinite
}
.contact .php-email-form input,.contact .php-email-form textarea{
    border-radius:4px;
    box-shadow:none;
    font-size:14px
}
.contact .php-email-form input{
    height:44px
}
.contact .php-email-form textarea{
    padding:10px 12px
}
.contact .php-email-form button[type=submit]{
    background:var(--color-primary);
    border:0;
    padding:10px 35px;
    color:#fff;
    transition:.4s;
    border-radius:5px
}
.contact .php-email-form button[type=submit]:hover{
    background:rgba(13,66,255,.8)
}
@keyframes animate-loading{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.service-details .services-list{
    padding:10px 30px;
    border:1px solid #d3dff3;
    margin-bottom:20px
}
.service-details .services-list a{
    display:block;
    line-height:1;
    padding:8px 0 8px 15px;
    border-left:3px solid #c2cbdf;
    margin:20px 0;
    color:var(--color-secondary);
    transition:.3s
}
.service-details .services-list a.active{
    font-weight:700;
    border-color:var(--color-primary)
}
.service-details .services-list a:hover{
    border-color:var(--color-primary)
}
.service-details .services-img{
    margin-bottom:20px
}
.service-details h3{
    font-size:28px;
    font-weight:700;
    color:var(--color-secondary)
}
.service-details h4{
    font-size:20px;
    font-weight:700;
    color:var(--color-secondary)
}
.service-details p{
    font-size:15px
}
.service-details ul{
    list-style:none;
    padding:0;
    font-size:15px
}
.service-details ul li{
    padding:5px 0;
    display:flex;
    align-items:center
}
.service-details ul i{
    font-size:20px;
    margin-right:8px;
    color:var(--color-primary)
}
.footer{
    font-size:14px;
    background-color:var(--color-secondary);
    padding:50px 0;
    color:#fff
}
.footer .footer-info .logo{
    line-height:0;
    margin-bottom:25px
}
.footer .footer-info .logo img{
    max-height:40px;
    margin-right:6px
}
.footer .footer-info .logo span{
    font-size:30px;
    font-weight:700;
    letter-spacing:1px;
    color:#fff;
    font-family:var(--font-primary)
}
.footer .footer-info p{
    font-size:14px;
    font-family:var(--font-primary)
}
.footer .social-links a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.2);
    font-size:16px;
    color:rgba(255,255,255,.7);
    margin-right:10px;
    transition:.3s
}
.footer .social-links a:hover{
    color:#fff;
    border-color:#fff
}
.footer h4{
    font-size:16px;
    font-weight:700;
    position:relative;
    padding-bottom:12px
}
.footer .footer-links{
    margin-bottom:30px
}
.footer .footer-links ul{
    list-style:none;
    padding:0;
    margin:0
}
.footer .footer-links ul i{
    padding-right:2px;
    color:rgba(13,66,255,.8);
    font-size:12px;
    line-height:0
}
.footer .footer-links ul li{
    padding:10px 0;
    display:flex;
    align-items:center
}
.footer .footer-links ul li:first-child{
    padding-top:0
}
.footer .footer-links ul a{
    color:rgba(255,255,255,.6);
    transition:.3s;
    display:inline-block;
    line-height:1
}
.footer .footer-links ul a:hover{
    color:#fff
}
.footer .footer-contact p{
    line-height:26px
}
.footer .copyright{
    text-align:center
}
.footer .credits{
    padding-top:4px;
    text-align:center;
    font-size:13px
}
.footer .credits a{
    color:#fff
}
.stretched-link{
    font-size:20px
}
.float{
    position:fixed;
    bottom:40px;
    right:40px;
    text-align:center;
    font-size:30px;
    z-index:100;
    border-radius:80px
}
.my-float{
    margin-top:16px
}