.btn-blue-2 {
    background: linear-gradient(
        270deg,
        #fbdc88 0%,
        #f4e2a4 0.01%,
        #fbc03c 100%
    );
    border: none;
    color: #1f488b;
    font-weight: bolder;
}
.btn-blue-2:hover {
    background: #ffffff;
    color: #0b60a9;
    border: none;
}

.bg-blue-line {
    background-color: #0b60a9 !important;
}
.bg-blue-section {
    background-color: #074e8c !important;
}
.breadcrumb-item-b a {
    color: #ffffff !important;
    font-weight: 600;
}
.breadcrumb-item-b + .breadcrumb-item-b::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #ffffff;
    content: "/";
}
.breadcrumb-item-b.active {
    color: #ffffff !important;
    font-weight: 100;
}

div#WhyUs {
    background: #e8e8e880;
    width: 72px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    color: #000000;
    font-family: Nunito, sans-serif;
    font-weight: 600;
}
.yelloLine {
    background: linear-gradient(
        94.06deg,
        #ffb629 -1.21%,
        #ffda56 58.66%,
        #ffd7a6 116.84%
    );
    width: 5px;
    height: 23px;
    float: left;

}
.font-weight-bold-800 {
    font-weight: 800 !important;
}
.iconeLeft {
    width: 80px;
    float: left;
    min-height: 120px;
    background-repeat: no-repeat;
    background-image: url("../image/servicePages/Icon_arrow.svg");
}
@media screen and (max-width: 768px) {
    .iconeLeft {width: 50px; background-size: 30px; min-height: 100%;}
}
.rightText {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}
.sliderText{
    color: #fff;
    font-size: 16px;
}
.bg-img {
    background-size: 100%;
    background-repeat: no-repeat;
}
#bg-blue-section-img-1 {
    background-image: url("../image/servicePages/hyperLocal/local_deliveries.jpg");
    height: 620px;
}
#bg-blue-section-img-2 {
    background-image: url("../image/servicePages/hyperLocal/swift_delivery.jpg");
    height: 516px;
}
#bg-blue-section-img-3 {
    background-image: url("../image/servicePages/multi_city_transportation/efficientmulticitylogistic.jpg");
    height: 620px;
}

#bg-blue-section-img-4 {
    background-image: url("../image/servicePages/multi_city_transportation/unlockingpotentialcopy.jpg");
    height: 516px;
}
#bg-blue-section-img-5 {
    background-image: url("../image/servicePages/refrigerated_reefer_vehicles/customize_refer_solution.jpg");
    height: 600px;
    background-position-y: bottom;
}
#bg-blue-section-img-6 {
    background-image: url("../image/servicePages/refrigerated_reefer_vehicles/multicitydistribution.jpg");
    height: 516px;
}
#bg-blue-section-img-7 {
    background-image: url("../image/servicePages/cold_storage/Preservingperfectioncopy1.jpg");
    height: 606px;
    background-size: cover;
    background-position-y: -165px;
}
#bg-blue-section-img-8 {
    background-image: url("../image/servicePages/cold_storage/preserveintgrity.jpg");
    height: 517px;
    background-size: cover;
    background-position-y: center;
}
#bg-blue-section-img-9 {
    background-image: url("../image/servicePages/live_tracking/realtime.jpg");
    height: 624px;
    background-size: cover;
    background-position-y: center;
}
#bg-blue-section-img-10 {
    background-image: url("../image/servicePages/live_tracking/preserve_integrity_live_tracking.jpg");
    height: 516px;
}

.h-120 {
    height: 120% !important;
}
.bg-white {
    background-color: white !important;
}
.card_Img_main {
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.125);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}
.cardimg {
    height: 211px;
    background-size: cover;
}
#cardimg_1 {
    background-image: url("../image/servicePages/hyperLocal/Temperature.jpg");
}
#cardimg_2 {
    background-image: url("../image/servicePages/hyperLocal/professional_drivers.jpg");
}
#cardimg_3 {
    background-image: url("../image/servicePages/hyperLocal/waste_food.jpg");
}
#cardimg_4 {
    background-image: url("../image/servicePages/multi_city_transportation/extensive_nationwide_network.jpg");
}
#cardimg_5 {
    background-image: url("../image/servicePages/multi_city_transportation/ExperiencedProfessionalDrivers.jpg");
}
#cardimg_6 {
    background-image: url("../image/servicePages/multi_city_transportation/CustomRoutingforFlexibility.jpg");
}
#cardimg_7 {
    background-image: url("../image/servicePages/hyperLocal/Temperature.jpg");
}
#cardimg_8 {
    background-image: url("../image/servicePages/refrigerated_reefer_vehicles/Security_reliability.jpg");
}
#cardimg_9 {
    background-image: url("../image/servicePages/refrigerated_reefer_vehicles/Tailored_solutions.jpg");
}
#cardimg_10 {
    background-image: url("../image/servicePages/cold_storage/security_reliability.jpg");
}
#cardimg_11 {
    background-image: url("../image/servicePages/cold_storage/tailored_solutions.jpg");
}
#cardimg_12 {
    background-image: url("../image/servicePages/live_tracking/Temperature.jpg");
}
#cardimg_13 {
    background-image: url("../image/servicePages/live_tracking/security_tracking.jpg");
}
#cardimg_14 {
    background-image: url("../image/servicePages/live_tracking/tailored_solutions.jpg");
}
.fontColor-gray {
    color: rgba(89, 89, 89, 1) !important;
}
.bg-map {
    background-image: url("../image/servicePages/hyperLocal/map.jpg");
    min-height: 576px;
    background-size: cover;
    background-repeat: no-repeat;
}
.card_se {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    min-height: 246px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 1);
    cursor: pointer;
}
.card_se:hover {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    /* height: 246px; */
    padding: 10px;
    cursor: pointer;
    background-color: rgb(246 246 246);
    transform: scale(1.05);
    transition: 0.25s ease-in-out;
}
.card_se_2 {
    padding-top: 0px !important;
    /* height: 246px; */
    color: rgba(102, 108, 137, 1);
    font-size: 16px;
    padding: 10px;

}
.card_se_2 .card_Text{
    color: rgba(102, 108, 137, 1);
    padding: 5px !important;

}
.card_Text {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    padding: 15px;
    padding-top: 1px;
}
.redLine {
    width: 5px;
    height: 23px;
    float: left;
    background: rgba(255, 0, 0, 1);
}
.contact_card {
    width: 360px;
    height: 300px;
    padding: 52px 62px 52px 62px;
    background: rgba(238, 238, 238, 1);
}
#contact_card_image {
    background-image: url("../image/servicePages/hyperLocal/FAQ.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    /* height: 100%; */
    background-position-x: 80px;
}
.lets_talk {
    border-left: 5px solid rgba(255, 0, 0, 1);
    text-align: center;
    background: #074e8c;
    width: 84px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    color: #ffffff;
    font-weight: 400;
}
.anyquetion_main.mt-3 {
    width: 190px;
}
.contect_no {
    float: right;
    text-align: left;
    color: rgba(37, 37, 37, 1);
    line-height: 17px;
    padding-top: 12px;
}
@media (max-width: 1024px) {
    .ipadMinLandsakp {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .smallText {
        font-size: 12px !important;
    }
}
div#img_1 {
    background-image: url("../image/servicePages/hyperLocal/user_1.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 51px;
    height: 51px;
    border: 1px solid;
    border-radius: 50%;
}
.smallText {
    font-size: 16px;
    font-weight: 100;
    font-style: italic;
    color: rgba(102, 108, 137, 1);
}
.fa-star {
    font-size: 25px;
}
.starchecked {
    color: orange;
}

/*  */

.cardTestimonial {
    margin: 0 auto;
    border: none;
}
.cardTestimonial .carousel-item {
    height: 271px !important;
}
.cardTestimonial .carousel-caption {
    padding: 0;
    right: 0px;
    left: 0px;
    top: 0px;
    color: #3d3d3d;
    border-right: 1px solid #ccc;
    min-height: 270px;
    padding: 35px;
    cursor: pointer;
}
.cardTestimonial .carousel-caption:hover {
    background-color: rgba(9, 18, 66, 1);
}
.cardTestimonial .carousel-caption:hover h2,
.cardTestimonial .carousel-caption:hover .smallText {
    color: #ffffff;
}
.cardTestimonial .carousel-caption .col-sm-3 {
    display: flex;
    align-items: center;
}
.cardTestimonial .carousel-caption .col-sm-9 {
    text-align: left;
}
.cardTestimonial .carousel-control-prev,
.cardTestimonial .carousel-control-next {
    color: #3d3d3d !important;
    opacity: 1 !important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none;
    color: #fff;
    font-size: 14px;
    background-color: #005c94;
    height: 32px;
    line-height: 32px;
    width: 32px;
    border-radius: 50px;
}
.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
    opacity: 0.85;
}
.carousel-control-prev {
    left: 40%;
    top: 110%;
}
.carousel-control-next {
    right: 40%;
    top: 110%;
}
.midline {
    width: 60px;
    border-top: 1px solid #d43025;
}
.carousel-caption h2 {
    font-size: 14px;
}
.carousel-caption h2 span {
    color: #cd3a54;
}
@media (min-width: 320px) and (max-width: 575px) {
    .riderImage,.truckImage,.truckImage2,.staff,.Live_tracking_ipad{
        display: none;
    }
    .carousel-caption {
        position: relative;
    }
    .cardTestimonial .carousel-caption {
        left: 0;
        top: 0;
        margin-bottom: 15px;
    }
    .cardTestimonial .carousel-caption img {
        margin: 0 auto;
    }
    .carousel-control-prev {
        left: 35%;
        top: 115%;
    }
    .carousel-control-next {
        right: 41%;
        top: 115%;
    }
    .cardTestimonial .carousel-caption h3 {
        margin-top: 0;
        font-size: 16px;
        font-weight: 700;
    }
    .smallText {
        font-size: 12px !important;
    }
    .cardTestimonial .carousel-item {
        height: 304px !important;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .riderImage,.truckImage,.truckImage2,.staff,.Live_tracking_ipad{
        display: none;
    }
    .carousel-caption {
        position: relative;
    }
    .cardTestimonial .carousel-caption {
        left: 0;
        top: 0;
        margin-bottom: 15px;
    }
    .cardTestimonial .carousel-caption img {
        margin: 0 auto;
    }
    .cardTestimonial .carousel-caption h3,
    .cardTestimonial .carousel-caption small {
        text-align: center;
    }
    .carousel-control-prev {
        left: 35%;
        top: 115%;
    }
    .carousel-control-next {
        right: 41%;
        top: 115%;
    }
    .smallText {
        font-size: 16px !important;
    }
}
@media (min-width: 767px) and (max-width: 991px) {
    .Live_tracking_ipad{
        width: 395px !important;
        height: 431px;
    }
    .cardTestimonial .carousel-caption h3 {
        margin-top: 0;
        font-size: 16px;
        font-weight: 700;
    }
    .smallText {
        font-size: 16px !important;
    }
}

.riderImage {
    background-image: url("../image/servicePages/hyperLocal/woman_single.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 527px;
    height: 433px;
}
@media (max-width: 1080px){
    .riderImage{width: 450px; height: 390px; background-position: center;}
}
@media (max-width: 991px){
    .riderImage{width: 350px;}
}
.Live_tracking_ipad {
    background-image: url("../image/servicePages/live_tracking/Live_tracking_ipad.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 550px;
    height: 431px;
    background-position: bottom;
}
.truckImage {
    background-image: url("../image/servicePages/multi_city_transportation/truck.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 700px;
    height: 500px;
}
.truckImage2 {
    background-image: url("../image/servicePages/refrigerated_reefer_vehicles/truck1.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 600px;
    height: 500px;
}
.staff {
    background-image: url("../image/servicePages/cold_storage/staff.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 483px;
    height: 500px;
}
.cardHover:hover {
    transform: scale(1.025);
    transition: 0.25s ease-in-out;
    cursor: pointer;
}

.bg-img-hyperLocalDelivery {
    background-image: url("../image/servicePages/hyperLocal/hyperLocalDeliveryBanner.jpg");
    min-height: 480px;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-img-multicityTranssport {
    background-image: url("../image/servicePages/multi_city_transportation/Multicity_transportation_1.jpg");
    height: 480px;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-img-coldstorage {
    background-image: url("../image/servicePages/cold_storage/Cold_storage_1.jpg");
    height: 480px;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-img-liveetracking {
    background-image: url("../image/servicePages/live_tracking/Live_tracking_1.jpg");
    height: 480px;
    background-size: cover;
    background-repeat: no-repeat;
}

.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}

.reveal.activeSection {
    transform: translateY(0);
    opacity: 1;
}
.accordion_container {
    overflow-y: scroll;
    height: 269px;
}
.accordion_head {
    font-size: 14px !important;
  }
.accordion_container::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f54f;
}
.accordion_container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(104, 140, 240, 0.3);
  }

.accordion_container::-webkit-scrollbar-thumb {
    background-color: rgb(0, 157, 209);
    outline: none;
}

.linkText {
    color: #1f488b;
    text-decoration: none;
    font-weight: bolder;
}
.linkText:hover {
    text-decoration: none;
    color: #1f488b;
    font-weight: bolder;
}

ul.text-color-wh {
    font-size: 14px;
}


#button {
    display: inline-block;
    background-color: #235895;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 60px;
    right: -5px;
    transition: background-color .3s,
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border-radius: 50%;
  }
  #button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 57px;
    color: #fff;
  }
  #button:hover {
    cursor: pointer;
    background-color: #333;
  }
  #button:active {
    background-color: #555;
  }
  #button.show {
    opacity: 1;
    visibility: visible;
  }

  /* Styles for the content section */

  .content {
    width: 77%;
    margin: 50px auto;
    font-family: 'Merriweather', serif;
    font-size: 17px;
    color: #6c767a;
    line-height: 1.9;
  }
  @media (min-width: 500px) {
    .content {
      width: 43%;
    }
    #button {
      margin: 30px;
    }
  }
  .content h1 {
    margin-bottom: -10px;
    color: #03a9f4;
    line-height: 1.5;
  }
  .content h3 {
    font-style: italic;
    color: #96a2a7;
  }


@media screen and (max-width: 768px) {
.bg-img-hyperLocalDelivery{display: flex;align-items: center;padding: 0 15px !important;min-height: 400px;}
.h-120{min-height: 120% !important}
.rightText{width: calc(100% - 60px); float:left; font-size: 14px; line-height: 22px;}
}
@media screen and (max-width: 767.9px) {
h5.card-title{text-align: center;}
.acc-main{width: 100%;}
}