{"id":502,"date":"2020-07-31T09:53:45","date_gmt":"2020-07-31T09:53:45","guid":{"rendered":"http:\/\/magicloans.in\/?p=502"},"modified":"2020-07-31T09:53:45","modified_gmt":"2020-07-31T09:53:45","slug":"ucl","status":"publish","type":"post","link":"https:\/\/magicloans.in\/ucl\/","title":{"rendered":"UCl"},"content":{"rendered":"<style>\r\n    :root {\r\n      --primary: white;\r\n      --material: rgb(224, 58, 16);\r\n    }\r\n\r\n    .frame form#contact .autodata {\r\n      position: relative;\r\n    }\r\n\r\n    .frame form#contact .autodata input {\r\n      width: 100%;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#citySearchResult,\r\n    .frame form#contact .autodata ul#companySearchResult {\r\n      border: 1px solid #ddd;\r\n      top: 46px;\r\n      position: absolute;\r\n      width: 100%;\r\n      margin: 0;\r\n      background: #fff;\r\n      overflow-y: auto;\r\n      z-index: 999;\r\n      max-height: 139px;\r\n      padding: 0px 12px 0;\r\n      overflow-x: hidden;\r\n      border-radius: 8px;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#citySearchResult li,\r\n    .frame form#contact .autodata ul#companySearchResult li {\r\n      list-style-type: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#citySearchResult li:hover,\r\n    .frame form#contact .autodata ul#companySearchResult li:hover {\r\n      background-color: #aaa !important;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#companySearchResult li:nth-of-type(2n),\r\n    .frame form#contact .autodata ul#citySearchResult li:nth-of-type(2n) {\r\n      background: #ccc;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#companySearchResult li,\r\n    .frame form#contact .autodata ul#citySearchResult li {\r\n      background: #eee;\r\n      padding: 7px;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#companySearchResult,\r\n    .frame form#contact .autodata ul#citySearchResult {\r\n      border: 0px;\r\n      padding: 0px;\r\n    }\r\n\r\n    \/* FORM *\/\r\n\r\n    html,\r\n    body * {\r\n      box-sizing: border-box;\r\n      font-family: 'Open Sans', sans-serif;\r\n    }\r\n\r\n    .frame form#contact h3 {\r\n      text-transform: capitalize;\r\n      font-weight: normal !important;\r\n      color: rgba(255, 255, 255, 0.8) !important;\r\n      font-size: 18px !important;\r\n      margin: 10px 0;\r\n    }\r\n\r\n    .frame {\r\n      background-color: #1a202a;\r\n      width: 80% !important;\r\n      margin: 0 auto 20px;\r\n      border-top: solid 1px rgba(255, 255, 255, .5);\r\n      border-radius: 5px;\r\n      box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);\r\n      overflow: hidden;\r\n    }\r\n\r\n    #contact {\r\n      width: 100%;\r\n      font-size: 16px;\r\n      padding: 40px 60px;\r\n      transition: opacity .5s ease, transform .5s ease;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .frame form#contact .multi-inputs {\r\n      display: flex;\r\n      gap: 20px;\r\n    }\r\n\r\n    .frame form#contact .group {\r\n      position: relative;\r\n      margin: 12px 0;\r\n      width: 100%;\r\n    }\r\n\r\n    .frame form#contact textarea {\r\n      resize: none;\r\n    }\r\n\r\n    .frame form#contact input,\r\n    .frame form#contact textarea {\r\n      background: none;\r\n      color: rgba(255, 255, 255, 0.8);\r\n      font-size: 18px;\r\n      padding: 10px 10px 10px 5px !important;\r\n      display: block;\r\n      width: 100%;\r\n      border-radius: 0;\r\n      border: none !important;\r\n      border: 1px solid #aaa !important;\r\n      background-color: transparent;\r\n      transition: 0.25s;\r\n      border-radius: 2px;\r\n      margin-bottom: 0 !important;\r\n    }\r\n\r\n    .frame form#contact input:focus,\r\n    .frame form#contact textarea:focus,\r\n    .frame form#contact input:valid,\r\n    .frame form#contact textarea:valid {\r\n      outline: none;\r\n      border-color: transparent !important;\r\n    }\r\n\r\n    .frame form#contact input:focus~label,\r\n    .frame form#contact input:valid~label,\r\n    .frame form#contact textarea:focus~label,\r\n    .frame form#contact textarea:valid~label {\r\n      top: -14px;\r\n      left: 5px;\r\n      font-size: 12px;\r\n      color: var(--primary);\r\n    }\r\n\r\n    .frame form#contact input:focus~.bar:before,\r\n    .frame form#contact textarea:focus~.bar:before,\r\n    .frame form#contact input:valid~.bar:before,\r\n    .frame form#contact textarea:valid~.bar:before {\r\n      width: 100%;\r\n    }\r\n\r\n    input[type=password] {\r\n      letter-spacing: 0.3em;\r\n    }\r\n\r\n    .frame form#contact label {\r\n      color: rgba(255, 255, 255, 0.8);\r\n      font-size: 16px;\r\n      font-weight: normal;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      left: 15px;\r\n      top: 10px;\r\n      transition: 300ms ease all;\r\n    }\r\n\r\n    .frame form#contact .bar {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    .frame form#contact .bar:before {\r\n      content: \"\";\r\n      height: 2px;\r\n      width: 0;\r\n      bottom: 0px;\r\n      position: absolute;\r\n      background: var(--primary);\r\n      transition: 300ms ease all;\r\n      left: 0%;\r\n    }\r\n\r\n    .frame form#contact .btn {\r\n      background: #fff;\r\n      color: #959595;\r\n      border: none;\r\n      padding: 10px 20px !important;\r\n      border-radius: 3px !important;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n      text-decoration: none;\r\n      outline: none;\r\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\r\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    }\r\n\r\n    .frame form#contact .btn:hover {\r\n      color: #8b8b8b;\r\n      box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    .frame form#contact .btn.btn-submit {\r\n      width: 200px;\r\n      background: var(--material);\r\n      color: white;\r\n      margin-top: 10px;\r\n      cursor: pointer;\r\n      align-self: flex-end;\r\n    }\r\n\r\n    .frame form#contact .btn.btn-submit:hover {\r\n      background: rgb(222 85 51);\r\n    }\r\n\r\n    .frame form#contact .btn.btn-cancel {\r\n      background: #eee;\r\n    }\r\n\r\n    .frame form#contact .btn.btn-cancel:hover {\r\n      background: #e1e1e1;\r\n      color: #8b8b8b;\r\n    }\r\n\r\n    .frame form#contact .select {\r\n      font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;\r\n      position: relative;\r\n      width: 100%;\r\n    }\r\n\r\n    .frame form#contact .select-text {\r\n      position: relative;\r\n      width: 100%;\r\n      padding: 10px 10px 10px 5px !important;\r\n      font-size: 18px;\r\n      border: 1px solid #aaa !important;\r\n      background-color: transparent;\r\n      transition: all 300ms;\r\n      border-radius: 2px;\r\n      margin-bottom: 0 !important;\r\n      color: rgba(255, 255, 255, 0.8);\r\n      font-weight: 300;\r\n      height: auto!important;\r\n    }\r\n\r\n    .frame form#contact .select-text option {\r\n      color: #333;\r\n    }\r\n\r\n    \/* Remove focus *\/\r\n    .frame form#contact .select-text:focus {\r\n      outline: none;\r\n      border-color: transparent !important;\r\n      border-bottom-color: #aaa;\r\n    }\r\n\r\n    \/* Use custom arrow *\/\r\n    .frame form#contact .select .select-text {\r\n      appearance: none;\r\n      -webkit-appearance: none\r\n    }\r\n\r\n    .frame form#contact .select:after {\r\n      position: absolute;\r\n      top: 18px;\r\n      right: 10px;\r\n      \/* Styling the down arrow *\/\r\n      width: 0;\r\n      height: 0;\r\n      padding: 0;\r\n      content: '';\r\n      border-left: 6px solid transparent;\r\n      border-right: 6px solid transparent;\r\n      border-top: 6px solid rgba(0, 0, 0, 0.12);\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    \/* LABEL ======================================= *\/\r\n    .frame form#contact .select-label {\r\n      color: rgba(255, 255, 255, 0.8);\r\n      font-weight: normal;\r\n      font-size: 16px;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      left: 15px;\r\n      top: 10px;\r\n      transition: 300ms ease all;\r\n    }\r\n\r\n    \/* active state *\/\r\n    .frame form#contact .select-text:focus~.select-label,\r\n    .frame form#contact .select-text:valid~.select-label {\r\n      color: var(--primary);\r\n      top: -14px;\r\n      left: 5px;\r\n      font-size: 12px;\r\n    }\r\n\r\n    .frame form#contact .select-text:focus,\r\n    .frame form#contact .select-text:valid {\r\n      border-color: transparent !important;\r\n    }\r\n\r\n    \/* BOTTOM BARS ================================= *\/\r\n    .frame form#contact .select-bar {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    .frame form#contact .select-bar:before,\r\n    .frame form#contact .select-bar:after {\r\n      content: '';\r\n      height: 2px;\r\n      width: 0;\r\n      bottom: 1px;\r\n      position: absolute;\r\n      background: var(--primary);\r\n      transition: 0.2s ease all;\r\n    }\r\n\r\n    .frame form#contact .select-bar:before {\r\n      left: 50%;\r\n    }\r\n\r\n    .frame form#contact .select-bar:after {\r\n      right: 50%;\r\n    }\r\n\r\n    \/* active state *\/\r\n    .frame form#contact .select-text:focus~.select-bar:before,\r\n    .frame form#contact .select-text:focus~.select-bar:after,\r\n    .frame form#contact .select-text:valid~.select-bar:before,\r\n    .frame form#contact .select-text:valid~.select-bar:after {\r\n      width: 50%;\r\n    }\r\n\r\n    .frame form#contact .select-highlight {\r\n      position: absolute;\r\n      height: 60%;\r\n      width: 100px;\r\n      top: 25%;\r\n      left: 0;\r\n      pointer-events: none;\r\n      opacity: 0.5;\r\n    }\r\n\r\n    @media (min-width:0px) and (max-width:567px) {\r\n      .frame {\r\n        width: 96% !important;\r\n      }\r\n\r\n      .frame form#contact .autodata ul#companySearchResult li {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .frame form#contact .autodata ul#companySearchResult li,\r\n      .frame form#contact .autodata ul#citySearchResult li {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .frame form#contact div.multi-inputs {\r\n        flex-direction: column;\r\n        gap: 0;\r\n      }\r\n\r\n      #contact {\r\n        padding: 10px 15px !important;\r\n        transition: opacity .5s ease, transform .5s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .frame form#contact .group {\r\n        margin: 10px 0 !important;\r\n      }\r\n\r\n      .frame form#contact .btn.btn-submit {\r\n        align-self: center !important;\r\n        width: 100% !important;\r\n      }\r\n\r\n    }\r\n  <\/style>\r\n\r\n<div class=\"container\">\r\n        <div class=\"frame\">\r\n            <form id=\"contact\" action=\"https:\/\/crm.zoho.com\/crm\/WebForm\" name=\"WebForm778470000035380591\" method=\"POST\" onsubmit=\"javascript:document.charset='UTF-8'; return checkMandatory()\" accept-charset=\"UTF-8\">\r\n                <h3><strong>Car Loan @ 8.10%*<\/strong><\/h3>\r\n                <h2>Apply Now &amp; Get Instant Approval<\/h2>\r\n                <input type=\"text\" style=\"display:none;\"\r\n                    name=\"xnQsjsdp\" value=\"d6defc94b02bcb3bf52a5c3ad2e81b3508d60e51952b815de4dc225022111d15\">\r\n                    <input type=\"text\" style=\"display:none;\" name=\"xmIwtLD\" value=\"dd6f9e66bc53a4c26ad52253ec8ca252e3be99b5c457a4a9fca3f778c0293f8c\">\r\n                    <input type=\"text\" style=\"display:none;\" name=\"actionType\" value=\"Q3VzdG9tTW9kdWxlMQ==\">\r\n                    <input type=\"text\" style=\"display:none;\" name=\"returnURL\" value=\"http:\/\/www.magicloans.in\/thank-you\/\">\r\n\r\n                    <div class=\"multi-inputs\">\r\n                        <div class=\"group\">\r\n                            <input id=\"NAME\" name=\"NAME\" type=\"text\" tabindex=\"1\" required=\"\" autofocus>\r\n                            <span class=\"highlight\">\r\n                            <\/span><span class=\"bar\"><\/span>\r\n                            <label>Full name<\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"group\">\r\n                            <input id=\"COBJ1CF11\" name=\"COBJ1CF11\" type=\"text\" tabindex=\"2\" minlength=\"10\" maxlength=\"10\" required=\"\">\r\n                            <span class=\"highlight\">\r\n                            <\/span><span class=\"bar\"><\/span>\r\n                            <label>Mobile number<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"multi-inputs\">\r\n                        <div class=\"group\">\r\n                            <div class=\"input-group autodata\">\r\n                                <input id=\"COBJ1CF171\" name=\"COBJ1CF171\" type=\"text\" tabindex=\"3\" required=\"\">\r\n                                <ul id=\"citySearchResult\" style=\"display: none;text-align:left;\"><\/ul>\r\n                                <span class=\"highlight\"><\/span>\r\n                                <span class=\"bar\"><\/span>\r\n                                <label>City<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"group\">\r\n                            <input id=\"COBJ1CF63\" name=\"COBJ1CF63\" type=\"text\" tabindex=\"4\" minlength=\"5\" required=\"\">\r\n                            <span class=\"highlight\">\r\n                            <\/span><span class=\"bar\"><\/span>\r\n                            <label>Monthly Income<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"multi-inputs\">\r\n                        <div class=\"group\">\r\n                            <div class=\"select\">\r\n                                <select class=\"select-text\" name=\"COBJ1CF21\" tabindex=\"5\" required=\"\">\r\n                                    <option value=\"\" disabled selected><\/option>\r\n                                    <option value=\"Salaried\">Salaried<\/option>\r\n                                    <option value=\"Self Employed\">Self Employed<\/option>\r\n                                <\/select>\r\n                                <span class=\"select-highlight\"><\/span>\r\n                                <span class=\"select-bar\"><\/span>\r\n                                <label class=\"select-label\">Occupation Type<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"group\">\r\n                            <div class=\"select\">\r\n                                <select class=\"select-text\" name=\"COBJ1CF33\" tabindex=\"5\" required=\"\">\r\n                                    <option value=\"\" disabled selected><\/option>\r\n                                    <option value=\"New\">New Car<\/option>\r\n                                    <option value=\"Used\">Used Car<\/option>\r\n                                <\/select>\r\n                                <span class=\"select-highlight\"><\/span>\r\n                                <span class=\"select-bar\"><\/span>\r\n                                <label class=\"select-label\">Car Type<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"multi-inputs\">\r\n                        <div class=\"group\">\r\n                            <div class=\"select\">\r\n                                <select class=\"select-text\" name=\"COBJ1CF48\" tabindex=\"5\" required=\"\">\r\n                                    <option value=\"\" disabled selected><\/option>\r\n                                    <option value=\"Personal\">For Personal Use<\/option>\r\n                                    <option value=\"Commercial\">Commercial Use (Uber, Ola, Taxi etc.)<\/option>\r\n                                <\/select>\r\n                                <span class=\"select-highlight\"><\/span>\r\n                                <span class=\"select-bar\"><\/span>\r\n                                <label class=\"select-label\">Car Purpose<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"group\">\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"btn btn-submit\" tabindex=\"5\">Get Me The Best Offer<\/button>\r\n\r\n                    <input type=\"hidden\" name=\"COBJ1CF4\" id=\"COBJ1CF4\" value=\"Web Lead\">\r\n                    <input type=\"hidden\" name=\"COBJ1CF3\" id=\"COBJ1CF3\" value=\"Fresh\">\r\n                    <input type=\"hidden\" name=\"COBJ1CF158\" id=\"COBJ1CF158\" value=\"MagicLoans\">\r\n                    <input type=\"hidden\" name=\"zc_gad\" id=\"zc_gad\" value=\"\">\r\n                    \r\n                <script>\r\n                    var mndFileds = new Array('NAME', 'COBJ1CF11');\r\n                    var fldLangVal = new Array('Full Name', 'Mobile');\r\n                    var name = '';\r\n                    var email = '';\r\n        \r\n                    function checkMandatory() {\r\n                        for (i = 0; i < mndFileds.length; i++) {\r\n                            var fieldObj = document.forms['WebForm778470000035380591'][mndFileds[i]];\r\n                            if (fieldObj) {\r\n                                if (((fieldObj.value).replace(\/^s+|s+$\/g, '')).length == 0) {\r\n                                    if (fieldObj.type == 'file') {\r\n                                        alert('Please select a file to upload.');\r\n                                        fieldObj.focus();\r\n                                        return false;\r\n                                    }\r\n                                    alert(fldLangVal[i] + ' cannot be empty.');\r\n                                    fieldObj.focus();\r\n                                    return false;\r\n                                } else if (fieldObj.nodeName == 'SELECT') {\r\n                                    if (fieldObj.options[fieldObj.selectedIndex].value == '-None-') {\r\n                                        alert(fldLangVal[i] + ' cannot be none.');\r\n                                        fieldObj.focus();\r\n                                        return false;\r\n                                    }\r\n                                } else if (fieldObj.type == 'checkbox') {\r\n                                    if (fieldObj.checked == false) {\r\n                                        alert('Please accept  ' + fldLangVal[i]);\r\n                                        fieldObj.focus();\r\n                                        return false;\r\n                                    }\r\n                                }\r\n                                try {\r\n                                    if (fieldObj.name == 'Last Name') {\r\n                                        name = fieldObj.value;\r\n                                    }\r\n                                } catch (e) { }\r\n                            }\r\n                        }\r\n                    }\r\n        \r\n                <\/script>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/posts\/502"}],"collection":[{"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/comments?post=502"}],"version-history":[{"count":0,"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/posts\/502\/revisions"}],"wp:attachment":[{"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/media?parent=502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/categories?post=502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/tags?post=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}