<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://ecom.leopardscourier.com/assets/landing_page/css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="https://ecom.leopardscourier.com/assets/landing_page/assets/owlcarousel/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://ecom.leopardscourier.com/assets/landing_page/assets/owlcarousel/assets/owl.theme.default.min.css">
    <link rel="icon" type="image/x-icon" href="https://ecom.leopardscourier.com/assets/landing_page/images/f-icon.png">
    <script src="https://ecom.leopardscourier.com/assets/landing_page/js/fontawesomekit.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://ecom.leopardscourier.com/assets/landing_page/css/custome.css">
    <link href="https://ecom.leopardscourier.com/vendors/sweet_alert/sweetalert2.min.css"  rel="stylesheet"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"  rel="stylesheet"/>
    <link rel="stylesheet" href="https://ecom.leopardscourier.com/build/css/jquery_ui.css">
    <title>Leopards Courier Services - Ecom Merchant</title>
<style>
    .danger {
        color: #FF4961 !important; }
    .select2-container{
        display: block;
        width: 100% !Important;
        /*background-color: #fff;*/
        /*border: 1px solid #aaa;*/
        border-radius: 4px;
    }
    .select2-selection{
        height: 38px !important;
        padding: 3px !important;
    }

</style>
<style type="text/css">
    .fixed-top {
        top: -40px;
        transform: translateY(40px);
        transition: transform .3s;
    }

    .mg-heading {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.02rem;
    }

    .mg-designation {
        font-size: 13.28px;
        font-weight: 400;
        letter-spacing: -0.025rem;
    }

    .box {
        border-radius: 40px;
        /* background: #fff; */
        background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(224,224,224,1) 100%);
        position: relative;
        overflow: hidden;
        text-align: center;
        margin-bottom: 30px;
        cursor: pointer;
    }
    .box:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 0px;
        height: 100%;
        border-radius: 40px;
        box-shadow: inset 0 0 25px #ffc107;
        transition: all 0.3s ease;
        background-image: linear-gradient(to right, #ffcb05 0%, #ffeca3 100%);
    }
    .box:hover:before {
        width: 100%;
    }
    .box:hover .image-wrapper {
        padding:0;
    }
    .box:hover .box-desc {
        color:#444444;
    }
    .image-wrapper {
        position: relative;
        max-width: 135px;
        max-height: 135px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 50%;
        padding: 9px 9p