.service-img > img {
    border: 4px solid;
    border-radius: 50%;
    z-index: -1;
}
.service-img {
    border-radius: 50%;
    display: inline-block;
    height: 50%;
    margin-bottom: 40px;
    margin-top: 10px;
    position: relative;
    width: 50%;
}

.freights-img > img {
    border: 4px solid;
    z-index: -1;
}
.freights-img {
    display: inline-block;
    height: 50%;
    margin-bottom: 40px;
    margin-top: 10px;
    position: relative;
    width: 100%;
}

.company-name{ color: transparent!important; 
  background-image: linear-gradient(to left, #00ff6a, #0096fa, #b700ff, #dd1a24, #f7b71e, #001d26, #ffffff); 
  -webkit-background-clip: text; animation: animate 10s linear infinite; -webkit-background-size: 500%; background-size: 500%;}
@keyframes animate {
  0% { background-position: 0 100%;}
  50% { background-position: 100% 0;}
  100% { background-position: 0 100%;}
}

.breadcrumb-img {
    background-size: cover;
    background-position: center center;
    border-bottom: 5px solid #390353;
}

.tracking-wrap .tracking-form span {
    color: #390353;
    font-weight: 500;
}

.accordion-first{
    margin:22px 0px 0px; width:100%; float:left;
}
.accordion-first.acord_mar_non{
    margin:0px;
}
.accordion-first .accordion-group {
    margin-bottom: 15px; 
}
.accordion-first .accordion-group:last-child{
    margin-bottom:0px;
}

.accordion-first .accordion-heading, .accordion-first .accordion-toggle:hover, .accordion-first .accordion-heading .accordion-toggle.active {
    background: none repeat scroll 0% 0% transparent;
}
.accordion-first .accordion-heading .accordion-toggle.active{
    background:#000; color:#fff;
}
.accordion-first .accordion-heading {
    font-size: 15px;
    border:1px solid #868686;
}

.accordion-first .accordion-heading .accordion-toggle {
    display: block;
    cursor: pointer;
    padding: 14px 20px!important;
    color: #000; font-size:18px; font-weight:400;
    outline: medium none !important;
    text-decoration: none;
    background:#fff;
    letter-spacing:0.5px;
}

.accordion-first .accordion-heading .accordion-toggle.active em{border:1px solid #ededed; color: #6c6c6c;}

.accordion-first .accordion-heading .accordion-toggle > em {
    background:#fff;
    border:1px solid #ededed; margin:-2px 0px 0px;
    color: #6c6c6c;
    font-size: 14px;
    height:29px;
    line-height: 29px;
    text-align: center;
    width: 29px;
    float:right;}
.accordion-inner{
    background:#fff;
    border:1px solid #efefef; border-top:0px;
    padding:17px 14px 20px;
    line-height:26px;
}

.accordion-first.accordion-second{
}
.accordion-first.accordion-second .accordion-group {
    margin-bottom: 15px;
}
.accordion-first.accordion-second .accordion-group:last-child{
    margin-bottom:0px;
}
.accordion-inner p, .accordion-inner ol, .accordion-inner b { font-size: 17px; }

.accordion-first .accordion-heading {
         text-align: left;
    }

.accordion-first .accordion-heading .accordion-toggle {
         font-size: 15px!important;
    }

.track-header h3 span{ display: inline-block;}

.prod-info .history-title { 
    /*width: 1%;*/
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}
.prod-info .history-title.date { width: 30%;}
.prod-info .history-title.location { width: 30%;}
.prod-info .history-title.details { width: 40%;}

.prod-info .fs-16.date { width: 30%;}
.prod-info .fs-16.location { width: 30%;}
.prod-info .fs-16.details { width: 40%;}

.accordion-first .tracking {
    font-size: 15px;
    border: 1px solid #4a28a1;
    border-bottom: 4px solid #4a28a1;
}

.accordion-first .tracking .accordion-toggle {
    color: #371296;
}

/* Designing for mobile screen */
@media (max-width: 420px) {
    .top-bar { display: none;}

    .track-prod span{ display: inline-block;}

    .delivery-img { opacity: 0.1;}

    .step-img { opacity: 0.3;}

    .courier-man {height: 40rem; overflow: hidden;}

    .calculate-form .form-group { display: -webkit-inline-box;}

    .prod-info .fs-16.date {
        display: block;
        width: 100%;
    }
    .prod-info .fs-16.location {
        display: block;
        width: 100%;
    }
    .prod-info .fs-16.details {
        display: block;
        width: 100%;
    }
    .prod-info .tracking-history li:first-child {
        display: none;
    }
}
.job-card-icon {
    font-size: 16px;
    color: #390353;
    padding-right: 1rem;
}
.apply-to-job {
    font-weight: 500;
}

.callout-danger { background: #b52323; font-size: 1.3rem; padding: 5px 20px; color: #e0d2d2;}

.callout-success { background: #3db957; font-size: 1.2rem; padding: 5px 20px; color: #e2f3e5;}

.callout .close span { color: #fff;}

.callout p{ margin-bottom: 0px; color: #fff; font-size: 1.4rem; padding: 1rem 0;}

.callout {margin-top: 1rem;}