.bx-wrapper .bx-controls-direction a {
        width: 48px !important;
        height: 48px !important;
        background: transparent !important;
    }
                    .help-desk {
                            font-size: 16px;
                            margin-bottom: 5px;
                            font-weight: 600;
                        }

                        .help-p {
                            font-size: 13px;
                            font-weight: normal;
                            letter-spacing: 0.5px;
                            color: #979797 !important;
                        }

                        .icons.icons-sm {
                            font-size: 18px;
                        }

                        .space-top-0 {
                            margin-top: 24px !important;
                        }

                        .help-img {
                            width: 18%;
                            display: block;
                            margin-top: -9px;
                        }

                        .help-flex {
                            display: flex;
                            align-items: center;
                        }
                         .email-upd {
                                display: flex;
                                border-radius: 12px;
                                border: 1px solid #dbdbdb;
                                height: 38px;
                                width: auto;
                            }

                            .icon-upd {
                                font-size: 20px;
                                color: #979797;
                                margin-top: 8px;
                            }

                            .email-inp {
                                border: none;
                                background: transparent;
                                padding: 6px 0 6px 6px;
                                caret-color: white;
                                color: #fff;
                            }

                            .email-inp::placeholder {
                                color: #979797;
                                font-size: 12px;
                            }

                            /* Priyanka */
                            .underline-form .form-controle {
                                display: block;
                                width: 100% !important;
                                height: 38px !important;
                                padding: 6px 12px !important;
                                font-size: 14px !important;
                                font-weight: 600 !important;
                                line-height: 1.428571429;
                                color: #555555;
                                vertical-align: middle;
                                background-color: #ffffff;
                                background-image: none !important;
                                border: 1px solid #cccccc !important;
                                border-radius: 8px !important;
                            }

                            .sign_in {
                                width: 100% !important;
                                border-radius: 8px !important;
                                padding: 0 15px !important;
                                height: 40px !important;
                                font-size: 14px !important;
                            }

                            .sign-in-div {
                                margin-left: 0px !important;
                            }

                            /* Priyanka */
                            .help-time {
                                font-size: 13px !important;
                                margin-right: 6px;
                            }

                            /* Priyanka */
                              .email-upd {
                        display: flex;
                        border-radius: 12px;
                        border: 1px solid #dbdbdb;
                        height: 38px;
                        width: auto;
                    }

                    .icon-upd {
                        font-size: 20px;
                        color: #979797;
                        margin-top: 8px;
                    }

                    .email-inp {
                        border: none;
                        background: transparent;
                        padding: 6px 0 6px 6px;
                        caret-color: white;
                        color: #fff;
                    }

                    .email-inp::placeholder {
                        color: #979797;
                        font-size: 12px;
                    }

                    .fa.fa-twitter {
                        font-family: sans-serif;
                    }

                    .fa.fa-twitter::before {
                        content: "\1D54F";
                    }
                     .mobile-panel .panel-body ul li a {
            color: #fff;
            font-size: 8px;
        }

        .mobile-panel .panel-body {
            padding: 0px !important;
        }

        .mobile-panel1 .panel-body {
            padding: 0px !important;
        }

        .mobile-panel1 .panel-body ul li a {
            color: #fff !important;
            font-size: 6px !important;
        }

        .mobile-panel1 .panel-body ul li {
            margin-bottom: 0px !important;
            color: #fff;
        }

        .social-links {
            margin-bottom: 0px !important;
        }

        .mob-footer .container-fluid {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        .foot-padd {
            padding: 0px !important;
        }

        @media (max-width: 768px) {
            .inner-login {
                width: 95% !important;
                top: 35%;
                margin-left: 10px !important;
                /* IMPORTANT: no fixed height */
                height: auto !important;
                max-height: 50vh;
                /* prevents overflow like mobile apps */

                /* bottom sheet feel */
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;

                border-radius: 18px !important;

                padding: 18px 16px;
                background: #fff !important;

                box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.12);

                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
            }

            /* OPTIONAL: keeps header sticky like apps */
            .modal-header {
                position: sticky;
                top: 0;
                background: #fff;
                z-index: 10;
                padding-bottom: 10px;
            }

            .mogli-character {
                margin: 15px 0 !important;
            }

            .foot-xs-padd {
                padding: 5px !important;
            }

            .foot-xs-left {
                padding-left: 22px !important;
                margin-bottom: 15px !important;
            }

            /* #login_model .modal-dialog .modal-content{
    height:386px !important;
} */
            #qnamod textarea.form-control {
                height: 100px !important;
                resize: none !important;
            }

            #writereview .modal-dialog .modal-content {
                height: 515px !important;
            }

            #testmodal .modal-dialog .modal-content {
                height: 545px !important;
            }

            #qnamod .modal-dialog .modal-content {
                height: 300px !important;
            }

            .terms-n-policy {
                position: fixed;
                bottom: 10px;
                left: 0;
                right: 0;

                text-align: center;
                z-index: 999;

                padding: 0 15px;
            }

            .terms-n-policy p {
                margin: 0;
                font-size: 11px;
                color: #000 !important;
                text-align: center;
            }

            .terms-n-policy p a {
                color: #000 !important;
                font-weight: 500;
            }

            .terms-n-policy {
                bottom: -5px !important;

            }

            .login-divm {
                width: 100%;
            }

            login-first {
                display: block !important;
            }
        }
          .inner-login label {
        width: 100%;
        display: block;
        position: relative;
    }

    .inner-login input {
        width: 100%;
        height: 40px !important;
        border: 1px solid #979797;
        border-radius: 8px !important;
        padding: 0 10px 0 15px;
        background-color: #fff !important;
    }

    .inner-login label .label {
        font-size: 12px;
        top: -7px;
        background-color: #fff;
        left: 19px !important;
        z-index: 0;
    }

    .inner-login label .label {
        position: absolute;
        color: #6f6f6f !important;
    }

    .mb-15 {
        margin-bottom: 15px !important;
    }

    .heading-custom-3 {
        font-size: 16px;
        letter-spacing: 1px;
        color: #333;
        text-transform: uppercase;
        position: relative;
    }

    .login-seperator-text:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background: #c4c4c4;
        left: 0;
        top: calc(50% - .5px);
    }

    .log-in input {
        width: 100%;
        height: 40px !important;
        border: 1px solid #979797;
        border-radius: 8px !important;
        padding: 0 10px 0 15px;
        background-color: #fff !important;
    }

    .log-in .label {
        position: absolute;
        left: 15px;
        font-size: 14px;
        top: 12px;
        font-weight: 400 !important;
        color: #6f6f6f;
    }

    .log-in .label {
        transition: all .25s ease-in-out;
    }

    #login_form .secondry-full-btn,
    .secondry-full-btn:hover {
        background: #3c3c3c;
        color: #fff;
    }

    #login_form .secondry-full-btn {
        width: 100%;
        border-radius: 8px !important;
        padding: 0 15px;
        height: 40px;
        font-size: 14px;
    }

    .log-in {
        position: relative;
        /* margin-bottom:30px; */
    }

    .log-in .error-msg {
        color: red;
        font-size: 12px;
        padding: 2px 0px;
        position: absolute;
        left: 0;
        top: 100%;
        display: block;
    }

    @media (max-height: 666px) {
        .google-btn {
            height: 35px;
        }
    }

    .google-btn {
        border-radius: 8px;
        height: 40px;
        background: var(--white);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1607843137254902);
        color: #3e3e3e;
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
        border-radius: 8px !important;
    }

    .google-btn .google-btn-inner {
        display: inline-block;
        vertical-align: middle;
    }

    .google-btn .google-btn-inner img {
        vertical-align: middle;
        width: 16px;
    }

    .google-btn .google-btn-inner .txt {
        margin-left: 8px;
        font-size: 16px;
    }

    .modal-header {
        padding: 0px !important;
    }

    .heading-custom-3 {
        font-weight: bold;
    }

    .terms-n-policy p {
        font-size: 11px;
        margin-top: 53px;
        text-align: right;
    }

    .terms-n-policy p a {
        text-decoration: underline;
        text-align: center;
        color: #000 !important;
    }

    .text-white {
        color: #fff !important;
    }

    .terms-n-policy p a {
        text-decoration: underline;
        text-align: center;
    }

    .resend-txt {
        background: #fff;
        color: #4f6d4e !important;
        font-weight: 500;
    }

    .otp-form-inputs {
        border: 1px solid #c4c4c4;
        display: flex;
        justify-content: center;
        border-radius: 8px;
    }

    .otp-form-inputs input {
        width: 30px;
        border: none;
        text-align: center;
        padding: 0 10px !important;
    }

    .login-card input {
        width: 100%;
        height: 40px !important;
        background-color: #fff;
    }

    /* 11-05 Start Kuldeep  */

    /* #userinputotp {

        padding-right: 0px !important;
        margin: 0px 0px 15px !important;
        letter-spacing: 31px;
        border: 0;
        background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-size: 16.66% 1px;
        background-repeat: repeat-x;
        background-position-x: 30px;
        width: 260px;
        outline: none;
    } */

    #userinputotp {
        width: 200px;
        height: 50px;
        border: 0;
        outline: none;

        font-size: 20px;
        text-align: left;

        padding-left: 8px;
        padding-right: 0 !important;
        margin: 0 0 15px !important;

        letter-spacing: 26px;

        background-image: linear-gradient(to right, black 70%, rgba(255, 255, 255, 0) 0%);
        background-size: 41px 2px;
        background-repeat: repeat-x;
        background-position: bottom left;
    }

    /* 11-05 End Kuldeep  */
    /* .otp-form-inputs {
    padding-left:25px;
} */
    .static-number {
        position: absolute;
        left: 10px;
        top: 13px;
    }

    .login-seperator-text {
        margin: 8px auto;
        position: relative;
        text-align: center;
    }

    .login-seperator-text:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background: #c4c4c4;
        left: 0;
        top: calc(50% - .5px);
    }

    .login-seperator-text span {
        background: #fff;
        padding: 0 10px;
        line-height: 20px;
        position: relative;
        color: #000;
        font-size: 10px;
    }




    /* =========================
   MOGULIX STYLE INPUT WRAPPER
========================= */
    .is-focus.mob {
        position: relative;
        display: block;
        width: 100%;
    }

    /* INPUT FIELD */
    .is-focus.mob input {
        width: 100%;
        height: 46px;
        border: 1px solid #d6d6d6;
        border-radius: 10px;
        padding: 0 12px 0 55px;
        /* space for +91 */
        font-size: 14px;
        outline: none;
        background: #fff;
        transition: 0.2s ease-in-out;
    }

    /* FOCUS STATE (modern SaaS feel) */
    .is-focus.mob input:focus {
        border-color: #111;
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
    }

    /* FLOAT LABEL STYLE */
    .is-focus.mob .label {
        position: absolute;
        left: 55px;
        top: 14px;
        font-size: 13px;
        color: #888;
        transition: 0.2s ease;
        background: #fff;
        padding: 0 5px;
        pointer-events: none;
    }

    /* LABEL FLOAT ON FOCUS / TYPING */
    .is-focus.mob input:focus+.label,
    .is-focus.mob input:not(:placeholder-shown)+.label {
        top: -8px;
        font-size: 11px;
        color: #111;
    }

    /* COUNTRY CODE STYLE */
    .is-focus.mob .static-number {
        position: absolute;
        left: 14px;
        top: 52%;
        transform: translateY(-50%);
        font-size: 14px;
        color: #444;
        font-weight: 500;
        pointer-events: none;
    }

    /* OPTIONAL: clean number-only feel */
    .is-focus.mob input::-webkit-inner-spin-button,
    .is-focus.mob input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }



    /* =========================
   OTP CONTAINER (MOGULIX STYLE)
========================= */
    .otp-form-inputs {
        display: flex;
        justify-content: center;
        align-items: center;
        /* padding: 8px 0; */
    }

    /* =========================
   OTP INPUT FIELD
========================= */
    .otp-form-inputs input {
        width: 238px;
        height: 50px;
        text-align: center;
        font-size: 16px;
        letter-spacing: 18px;
        /* creates digit spacing feel */
        border: none;
        outline: none;
        background: transparent;

        /* clean underline style like Moglix */
        background-image: linear-gradient(to right, #000 70%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-size: 16.66% 2px;
        background-repeat: repeat-x;

        padding: 0;
    }

    /* =========================
   OTP FOCUS STATE
========================= */
    .otp-form-inputs input:focus {
        background-image: linear-gradient(to right, #111 100%, rgba(255, 255, 255, 0) 0%);
    }

    /* =========================
   OPTIONAL BOX STYLE ALTERNATIVE (if needed later)
========================= */
    .otp-box-style input {
        letter-spacing: 10px;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #fff;
    }

    @media screen and (min-width: 768px) {
        #login_model .modal-dialog {
            width: 750px;
            margin: 30px auto;
        }
    }

    /* mobile responsive start */

    /* =========================
   FULL SCREEN MODAL (MOBILE)
========================= */
    @media (max-width: 767px) {

        #login_model .modal-dialog {
            margin: 0;
            width: 100%;
            height: 100%;
            max-width: 100%;
        }

        #login_model .modal-content {
            height: 100vh !important;
            border-radius: 0;
            overflow-y: auto;
            background: #baa8a8 url('<?php echo base_url(); ?>images/header/login2.jpg') no-repeat center center;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100% 100%;
        }

        #login_model .modal-body {
            padding: 0 !important;
        }

        #login_model .row {
            margin: 0;
            height: auto !important;
        }

        /* =========================
       HIDE LEFT BANNER
    ========================= */
        .hidden-xs.hidden-sm,
        .col-md-5:first-child {
            display: none !important;
        }



        /* =========================
       HEADER CLEAN LOOK
    ========================= */
        #login_model .modal-header {
            text-align: left;
            padding-bottom: 10px !important;
        }

        .heading-custom-3 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 5px;
        }

        /* =========================
       INPUT UX IMPROVEMENT
    ========================= */
        .log-in input,
        .inner-login input {
            height: 44px !important;
            border-radius: 10px !important;
            font-size: 14px;
        }

        /* MOBILE NUMBER FIELD (Moglix style feel) */
        .is-focus.mob input {
            padding-left: 60px;
            border: 1px solid #e0e0e0;
        }

        .is-focus.mob .static-number {
            left: 14px;
            font-weight: 500;
            color: #333;
        }

        /* =========================
       PRIMARY CTA FIX
    ========================= */
        #sign_in {
            width: 100%;
            height: 44px;
            border-radius: 10px;
            font-weight: 600;
        }

        /* =========================
       SECONDARY BUTTONS
    ========================= */
        .secondry-full-btn,
        .google-btn {
            width: 100% !important;
            height: 44px;
            border-radius: 10px !important;
            font-size: 14px;
        }

        /* =========================
       GOOGLE BUTTON ALIGNMENT
    ========================= */
        .google-btn {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* =========================
       OTP MOBILE UX (Moglix style)
    ========================= */
        .otp-form-inputs {
            border: none;
            justify-content: center;
            padding: 10px 0;
        }

        .otp-form-inputs input {
            width: 100% !important;
            max-width: 260px;
            height: 50px;
            font-size: 18px;
            letter-spacing: 18px;
            border-bottom: 2px solid #111;
            border-radius: 0;
        }

        /* =========================
       TERMS FIX
    ========================= */
        /* .terms-n-policy {
        position: relative;
        text-align: center;
        margin-top: 10px;
    } */

        .terms-n-policy p {
            color: #000 !important;
            text-align: center;
            font-size: 11px;
        }

        .terms-n-policy p a {
            color: #000 !important;
        }

        .inner-login label {
            position: relative;
            width: 100%;
            display: block;
        }

        .inner-login label .label {
            position: absolute;

            /* IMPORTANT: align relative to input padding */
            left: 14px;
            top: 50%;

            transform: translateY(-50%);
            font-size: 13px;
            color: #777;

            background: #fff;
            padding: 0 5px;

            pointer-events: none;
            transition: 0.2s ease;
        }

        /* when input is focused or filled */
        .inner-login input:focus+.label,
        .inner-login input:not(:placeholder-shown)+.label {
            top: -7px;
            font-size: 11px;
            color: #111;
            transform: none;
        }

        /* ensure input spacing is consistent */
        .inner-login input {
            padding-left: 14px;
        }

        .is-focus {
            position: relative;
            display: block;
            width: 100%;
            margin-bottom: 15px;
        }

        /* INPUT STYLE */
        .is-focus input {
            width: 100%;
            height: 46px;
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            padding: 0 14px;
            font-size: 14px;
            background: #fff;
            outline: none;
            transition: all 0.2s ease;
        }

        /* FOCUS STATE (Moglix feel) */
        .is-focus input:focus {
            border-color: #111;
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
        }

        /* FLOAT LABEL */
        .is-focus .label {
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 13px;
            color: #888;
            background: #fff;
            padding: 0 5px;
            pointer-events: none;
            transition: 0.2s ease;
        }

        /* LABEL MOVE ON FOCUS OR INPUT HAS VALUE */
        .is-focus input:focus+.label,
        .is-focus input:not(:placeholder-shown)+.label {
            top: -8px;
            font-size: 11px;
            color: #111;
            transform: none;
        }

        .is-focus input:not(:placeholder-shown)+.passlabel {
            top: 74px !important;
        }

        .heading-custom-3,
        #email_error,
        #mobile_error {
            padding-left: 15px;
        }

        .log-in .mob,
        .log-in .em {
            width: 96% !important;
            padding-left: 15px;
        }

        .static-number {
            left: 25px !important;
            top: 50% !important;
        }

        #user_mobile {
            padding-left: 45px !important;
        }

    }

    .custom-close {
        position: absolute !important;
        top: 15px !important;
        right: -313px !important;
        text-shadow: none !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 22px !important;
        cursor: pointer !important;
        border-radius: 20px !important;
        color: #000 !important;
        background: #fff !important;
    }

    /* mobile responsive end */
    /* background:#baa8a8 url('<?php echo base_url(); ?>images/header/login3.jpg') no-repeat center center; */
    .login-divm {
        display: flex;
    }

    .login-divm .login-first {
        flex: 1 0 0;
    }

    .moglix-left-panel {
        width: 100%;
        height: 100%;
        min-height: 450px;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Arial, sans-serif;
    }

    /* Background circles */
    .moglix-left-panel::before {
        content: '';
        position: absolute;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        top: -120px;
        right: -120px;
    }

    .moglix-left-panel::after {
        content: '';
        position: absolute;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.06);
        bottom: -80px;
        left: -80px;
    }

    .moglix-content {
        width: 100%;
        max-width: 420px;
        position: relative;
        z-index: 2;
        padding: 40px;
        color: #fff;
    }

    /* Heading */
    .moglix-content h2 {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
    }

    .moglix-content h2 span {
        font-weight: 800;
        text-align: center;
    }

    .moglix-content h3 {
        color: green !important;
        margin: 12px 0 28px;
        font-size: 15px;
        line-height: 1.3;
        font-weight: 700;
        text-align: center;
    }

    /* Character Image */
    .mogli-character {
        width: 220px;
        margin-bottom: 35px;
    }

    .mogli-character img {
        width: 100%;
        display: block;
    }

    /* Signup text */
    .signup-text {
        /* margin:0 0 25px; */
        font-size: 15px;
        line-height: 1.5;
        color: #fff;
        text-align: center;
    }

    /* Coin card */
    .coin-card {
        background: green;
        border-radius: 16px;
        padding: 18px 20px;
        width: 100%;
        max-width: 340px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    }

    .coin-top {
        text-align: center;
        /* margin-bottom:8px; */
    }

    .coin-icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #ffedd5;
        color: #f97316;
        font-size: 20px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .coin-card b {
        color: #222;
        font-size: 15px;
        text-align: center;
    }

    .coin-card span {
        color: #555;
        font-size: 14px;
        line-height: 1.5;
        display: block;
        text-align: center;
    }

    /* Mobile */
    @media(max-width:768px) {

        .moglix-left-panel {
            min-height: auto;
        }

        .moglix-content {
            padding: 30px 25px;
        }

        .moglix-content h2 {
            font-size: 18px;
        }

        .moglix-content h3 {
            font-size: 15px;
        }

        .mogli-character .fa-truck {
            font-size: 40px !important;
        }

        .custom-close {
            position: absolute !important;
            top: 16px !important;
            right: 18px !important;
        }

        .mogli-character {
            width: 170px;
        }

        .coin-card {
            max-width: 100%;
        }
    }

    .mogli-character {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 35px 0;
    }

    .mogli-character img {
        width: 220px;
        display: block;
    }
    .sd-txtA {
                        padding-top: 22px;
                        padding-left: 15px;
                    }

                    .sd-rts {
                        padding-top: 31px;
                    }

                    /* mobile footer start */
                    .footer-links {
                        padding: 0px 0px 20px !important;
                        display: table;
                        margin: auto;
                        width: auto;
                    }

                    .main-links {
                        width: 100%;
                        text-align: center;
                    }

                    .footer-links li {
                        display: inline-block;
                        padding: 0 10px;
                        margin: 5px 0;
                        border-right: 1px solid #fff !important;
                    }

                    .footer-links li:last-child {
                        border-right: 0 !important;
                    }

                    .footer-links li a,
                    .footer-links li span {
                        font-size: 10px !important;
                        display: inline-block;
                        padding: 0 2px;
                        color: #fff !important;
                    }

                    .social-links {
                        display: table;
                        /* margin: auto !important; */
                    }

                    .social-links li {
                        display: table-cell;
                    }


                    .social-links li a {
                        font-size: 32px;
                        margin-right: 15px;
                        display: block;
                    }

                    /* mobile footer end*/
                    .main-category {
                        padding-top: 5px !important;
                        padding-bottom: 5px !important;
                        margin-bottom: 5px !important;
                    }

                    .main-category,
                    .category-div,
                    col-xs-3,
                    col-sm-3 {
                        padding-left: 5px !important;
                        padding-right: 5px !important;
                    }

                    .category-list li {
                        font-size: 6px !important;
                    }

                    .category-list li a {
                        font-size: 6px !important;
                        color: #fff !important;
                    }

                    .form-sub {
                        justify-content: center;
                        background: #26a541 !important;
                        font-weight: 600;
                        border-radius: 8px;
                        margin: 10px 4px 10px 0px;
                        height: 40px;
                        font-size: 12px;
                        border: none;
                        color: #fff;
                        box-shadow: var(--mdc-protected-button-hover-container-elevation) !important;
                    }
                      .sd-txtA {
                        padding-top: 22px;
                        padding-left: 15px;
                    }

                    .sd-rts {
                        padding-top: 31px;
                    }

                    ul.terms1 li {
                        list-style-type: disc;
                    }

                    ol.terms2 li {
                        list-style-type: decimal;
                    }
                    .help-img {
                       width: 18%;
                        display: block;
                        margin-top: -9px;
                        float: left;
                    }