{"id":1529,"date":"2023-02-17T04:34:27","date_gmt":"2023-02-17T04:34:27","guid":{"rendered":"https:\/\/www.tools.keywordfinder.us\/?page_id=1529"},"modified":"2023-02-17T04:34:27","modified_gmt":"2023-02-17T04:34:27","slug":"phone-number-auto-format","status":"publish","type":"page","link":"https:\/\/tools.billionsideas.com\/hi\/phone-number-auto-format\/","title":{"rendered":"Phone Number Auto Format"},"content":{"rendered":"<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n    <section><h1>\n      Phone Number Formatter\n      <\/h1><br>\n<div class=\"container\">\n   <div class=\"row\">\n      <div class=\"col-6 offset-3\" style=\"padding-top: 30px;\">\n         <div class=\"input-group\">\n           <div class=\"input-group-prepend\">\n              <select id=\"countryCode\" name=\"country_code\" class=\"input-group-text\">\n        \n                    <option data-countrycode=\"DZ\" value=\"213\">(+213)<\/option>\n                    <option data-countrycode=\"AD\" value=\"376\">(+376)<\/option>\n                    <option data-countrycode=\"AO\" value=\"244\">(+244)<\/option>\n                    <option data-countrycode=\"AI\" value=\"1264\">(+1264)<\/option>\n                    <option data-countrycode=\"AG\" value=\"1268\">(+1268)<\/option>\n                    <option data-countrycode=\"AR\" value=\"54\">(+54)<\/option>\n                    <option data-countrycode=\"AM\" value=\"374\">(+374)<\/option>\n                    <option data-countrycode=\"AW\" value=\"297\">(+297)<\/option>\n                    <option data-countrycode=\"AU\" value=\"61\">(+61)<\/option>\n                    <option data-countrycode=\"AT\" value=\"43\">(+43)<\/option>\n                    <option data-countrycode=\"AZ\" value=\"994\">(+994)<\/option>\n                    <option data-countrycode=\"BS\" value=\"1242\">(+1242)<\/option>\n                    <option data-countrycode=\"BH\" value=\"973\">(+973)<\/option>\n                    <option data-countrycode=\"BD\" value=\"880\">(+880)<\/option>\n                    <option data-countrycode=\"BB\" value=\"1246\">(+1246)<\/option>\n                    <option data-countrycode=\"BY\" value=\"375\">(+375)<\/option>\n                    <option data-countrycode=\"BE\" value=\"32\">(+32)<\/option>\n                    <option data-countrycode=\"BZ\" value=\"501\">(+501)<\/option>\n                    <option data-countrycode=\"BJ\" value=\"229\">(+229)<\/option>\n                    <option data-countrycode=\"BM\" value=\"1441\">(+1441)<\/option>\n                    <option data-countrycode=\"BT\" value=\"975\">(+975)<\/option>\n                    <option data-countrycode=\"BO\" value=\"591\">(+591)<\/option>\n                    <option data-countrycode=\"BA\" value=\"387\">(+387)<\/option>\n                    <option data-countrycode=\"BW\" value=\"267\">(+267)<\/option>\n                    <option data-countrycode=\"BR\" value=\"55\">(+55)<\/option>\n                    <option data-countrycode=\"BN\" value=\"673\">(+673)<\/option>\n                    <option data-countrycode=\"BG\" value=\"359\">(+359)<\/option>\n                    <option data-countrycode=\"BF\" value=\"226\">(+226)<\/option>\n                    <option data-countrycode=\"BI\" value=\"257\">(+257)<\/option>\n                    <option data-countrycode=\"KH\" value=\"855\">(+855)<\/option>\n                    <option data-countrycode=\"CM\" value=\"237\">(+237)<\/option>\n                    <option data-countrycode=\"CA\" value=\"1\">(+1)<\/option>\n                    <option data-countrycode=\"CV\" value=\"238\">(+238)<\/option>\n                    <option data-countrycode=\"KY\" value=\"1345\">(+1345)<\/option>\n                    <option data-countrycode=\"CF\" value=\"236\">(+236)<\/option>\n                    <option data-countrycode=\"CL\" value=\"56\">(+56)<\/option>\n                    <option data-countrycode=\"CN\" value=\"86\">na (+86)<\/option>\n                    <option data-countrycode=\"CO\" value=\"57\">(+57)<\/option>\n                    <option data-countrycode=\"KM\" value=\"269\">(+269)<\/option>\n                    <option data-countrycode=\"CG\" value=\"242\">(+242)<\/option>\n                    <option data-countrycode=\"CK\" value=\"682\">(+682)<\/option>\n                    <option data-countrycode=\"CR\" value=\"506\">(+506)<\/option>\n                    <option data-countrycode=\"HR\" value=\"385\">(+385)<\/option>\n                    <option data-countrycode=\"CU\" value=\"53\">(+53)<\/option>\n                    <option data-countrycode=\"CY\" value=\"90392\">(+90392)<\/option>\n                    <option data-countrycode=\"CY\" value=\"357\">(+357)<\/option>\n                    <option data-countrycode=\"CZ\" value=\"42\">(+42)<\/option>\n                    <option data-countrycode=\"DK\" value=\"45\">(+45)<\/option>\n                    <option data-countrycode=\"DJ\" value=\"253\">(+253)<\/option>\n                    <option data-countrycode=\"DM\" value=\"1809\">(+1809)<\/option>\n                    <option data-countrycode=\"DO\" value=\"1809\">(+1809)<\/option>\n                    <option data-countrycode=\"EC\" value=\"593\">(+593)<\/option>\n                    <option data-countrycode=\"EG\" value=\"20\">(+20)<\/option>\n                    <option data-countrycode=\"SV\" value=\"503\">(+503)<\/option>\n                    <option data-countrycode=\"GQ\" value=\"240\">(+240)<\/option>\n                    <option data-countrycode=\"ER\" value=\"291\">(+291)<\/option>\n                    <option data-countrycode=\"EE\" value=\"372\">(+372)<\/option>\n                    <option data-countrycode=\"ET\" value=\"251\">(+251)<\/option>\n                    <option data-countrycode=\"FK\" value=\"500\">(+500)<\/option>\n                    <option data-countrycode=\"FO\" value=\"298\">(+298)<\/option>\n                    <option data-countrycode=\"FJ\" value=\"679\">(+679)<\/option>\n                    <option data-countrycode=\"FI\" value=\"358\">(+358)<\/option>\n                    <option data-countrycode=\"FR\" value=\"33\">(+33)<\/option>\n                    <option data-countrycode=\"GF\" value=\"594\">(+594)<\/option>\n                    <option data-countrycode=\"PF\" value=\"689\">(+689)<\/option>\n                    <option data-countrycode=\"GA\" value=\"241\">(+241)<\/option>\n                    <option data-countrycode=\"GM\" value=\"220\">(+220)<\/option>\n                    <option data-countrycode=\"GE\" value=\"7880\">(+7880)<\/option>\n                    <option data-countrycode=\"DE\" value=\"49\">(+49)<\/option>\n                    <option data-countrycode=\"GH\" value=\"233\">(+233)<\/option>\n                    <option data-countrycode=\"GI\" value=\"350\">(+350)<\/option>\n                    <option data-countrycode=\"GR\" value=\"30\">(+30)<\/option>\n                    <option data-countrycode=\"GL\" value=\"299\">(+299)<\/option>\n                    <option data-countrycode=\"GD\" value=\"1473\">(+1473)<\/option>\n                    <option data-countrycode=\"GP\" value=\"590\">(+590)<\/option>\n                    <option data-countrycode=\"GU\" value=\"671\">(+671)<\/option>\n                    <option data-countrycode=\"GT\" value=\"502\">(+502)<\/option>\n                    <option data-countrycode=\"GN\" value=\"224\">(+224)<\/option>\n                    <option data-countrycode=\"GW\" value=\"245\">(+245)<\/option>\n                    <option data-countrycode=\"GY\" value=\"592\">(+592)<\/option>\n                    <option data-countrycode=\"HT\" value=\"509\">(+509)<\/option>\n                    <option data-countrycode=\"HN\" value=\"504\">(+504)<\/option>\n                    <option data-countrycode=\"HK\" value=\"852\">(+852)<\/option>\n                    <option data-countrycode=\"HU\" value=\"36\">(+36)<\/option>\n                    <option data-countrycode=\"IS\" value=\"354\">(+354)<\/option>\n                    <option data-countrycode=\"IN\" value=\"91\">(+91)<\/option>\n                    <option data-countrycode=\"ID\" value=\"62\">(+62)<\/option>\n                    <option data-countrycode=\"IR\" value=\"98\">(+98)<\/option>\n                    <option data-countrycode=\"IQ\" value=\"964\">(+964)<\/option>\n                    <option data-countrycode=\"IE\" value=\"353\">(+353)<\/option>\n                    <option data-countrycode=\"IL\" value=\"972\">(+972)<\/option>\n                    <option data-countrycode=\"IT\" value=\"39\">(+39)<\/option>\n                    <option data-countrycode=\"JM\" value=\"1876\">(+1876)<\/option>\n                    <option data-countrycode=\"JP\" value=\"81\">(+81)<\/option>\n                    <option data-countrycode=\"JO\" value=\"962\">(+962)<\/option>\n                    <option data-countrycode=\"KZ\" value=\"7\">(+7)<\/option>\n                    <option data-countrycode=\"KE\" value=\"254\">(+254)<\/option>\n                    <option data-countrycode=\"KI\" value=\"686\">(+686)<\/option>\n                    <option data-countrycode=\"KP\" value=\"850\">(+850)<\/option>\n                    <option data-countrycode=\"KR\" value=\"82\">(+82)<\/option>\n                    <option data-countrycode=\"KW\" value=\"965\">(+965)<\/option>\n                    <option data-countrycode=\"KG\" value=\"996\">(+996)<\/option>\n                    <option data-countrycode=\"LA\" value=\"856\">(+856)<\/option>\n                    <option data-countrycode=\"LV\" value=\"371\">(+371)<\/option>\n                    <option data-countrycode=\"LB\" value=\"961\">(+961)<\/option>\n                    <option data-countrycode=\"LS\" value=\"266\">(+266)<\/option>\n                    <option data-countrycode=\"LR\" value=\"231\">(+231)<\/option>\n                    <option data-countrycode=\"LY\" value=\"218\">(+218)<\/option>\n                    <option data-countrycode=\"LI\" value=\"417\">(+417)<\/option>\n                    <option data-countrycode=\"LT\" value=\"370\">(+370)<\/option>\n                    <option data-countrycode=\"LU\" value=\"352\">(+352)<\/option>\n                    <option data-countrycode=\"MO\" value=\"853\">(+853)<\/option>\n                    <option data-countrycode=\"MK\" value=\"389\">(+389)<\/option>\n                    <option data-countrycode=\"MG\" value=\"261\">(+261)<\/option>\n                    <option data-countrycode=\"MW\" value=\"265\">(+265)<\/option>\n                    <option data-countrycode=\"MY\" value=\"60\">(+60)<\/option>\n                    <option data-countrycode=\"MV\" value=\"960\">(+960)<\/option>\n                    <option data-countrycode=\"ML\" value=\"223\">(+223)<\/option>\n                    <option data-countrycode=\"MT\" value=\"356\">(+356)<\/option>\n                    <option data-countrycode=\"MH\" value=\"692\">(+692)<\/option>\n                    <option data-countrycode=\"MQ\" value=\"596\">(+596)<\/option>\n                    <option data-countrycode=\"MR\" value=\"222\">(+222)<\/option>\n                    <option data-countrycode=\"YT\" value=\"269\">(+269)<\/option>\n                    <option data-countrycode=\"MX\" value=\"52\">(+52)<\/option>\n                    <option data-countrycode=\"FM\" value=\"691\">(+691)<\/option>\n                    <option data-countrycode=\"MD\" value=\"373\">(+373)<\/option>\n                    <option data-countrycode=\"MC\" value=\"377\">(+377)<\/option>\n                    <option data-countrycode=\"MN\" value=\"976\">(+976)<\/option>\n                    <option data-countrycode=\"MS\" value=\"1664\">(+1664)<\/option>\n                    <option data-countrycode=\"MA\" value=\"212\">(+212)<\/option>\n                    <option data-countrycode=\"MZ\" value=\"258\">(+258)<\/option>\n                    <option data-countrycode=\"MN\" value=\"95\">(+95)<\/option>\n                    <option data-countrycode=\"NA\" value=\"264\">(+264)<\/option>\n                    <option data-countrycode=\"NR\" value=\"674\">(+674)<\/option>\n                    <option data-countrycode=\"NP\" value=\"977\">(+977)<\/option>\n                    <option data-countrycode=\"NL\" value=\"31\">(+31)<\/option>\n                    <option data-countrycode=\"NC\" value=\"687\">(+687)<\/option>\n                    <option data-countrycode=\"NZ\" value=\"64\">(+64)<\/option>\n                    <option data-countrycode=\"NI\" value=\"505\">(+505)<\/option>\n                    <option data-countrycode=\"NE\" value=\"227\">(+227)<\/option>\n                    <option data-countrycode=\"NG\" value=\"234\">(+234)<\/option>\n                    <option data-countrycode=\"NU\" value=\"683\">(+683)<\/option>\n                    <option data-countrycode=\"NF\" value=\"672\">(+672)<\/option>\n                    <option data-countrycode=\"NP\" value=\"670\">(+670)<\/option>\n                    <option data-countrycode=\"NO\" value=\"47\">(+47)<\/option>\n                    <option data-countrycode=\"OM\" value=\"968\">(+968)<\/option>\n                    <option data-countrycode=\"PW\" value=\"680\">(+680)<\/option>\n                    <option data-countrycode=\"PA\" value=\"507\">(+507)<\/option>\n                    <option data-countrycode=\"PG\" value=\"675\">(+675)<\/option>\n                    <option data-countrycode=\"PY\" value=\"595\">(+595)<\/option>\n                    <option data-countrycode=\"PE\" value=\"51\">(+51)<\/option>\n                    <option data-countrycode=\"PH\" value=\"63\">(+63)<\/option>\n                    <option data-countrycode=\"PL\" value=\"48\">(+48)<\/option>\n                    <option data-countrycode=\"PT\" value=\"351\">(+351)<\/option>\n                    <option data-countrycode=\"PR\" value=\"1787\">(+1787)<\/option>\n                    <option data-countrycode=\"QA\" value=\"974\">(+974)<\/option>\n                    <option data-countrycode=\"RE\" value=\"262\">(+262)<\/option>\n                    <option data-countrycode=\"RO\" value=\"40\">(+40)<\/option>\n                    <option data-countrycode=\"RU\" value=\"7\">(+7)<\/option>\n                    <option data-countrycode=\"RW\" value=\"250\">(+250)<\/option>\n                    <option data-countrycode=\"SM\" value=\"378\">(+378)<\/option>\n                    <option data-countrycode=\"ST\" value=\"239\">(+239)<\/option>\n                    <option data-countrycode=\"SA\" value=\"966\">(+966)<\/option>\n                    <option data-countrycode=\"SN\" value=\"221\">(+221)<\/option>\n                    <option data-countrycode=\"CS\" value=\"381\">(+381)<\/option>\n                    <option data-countrycode=\"SC\" value=\"248\">(+248)<\/option>\n                    <option data-countrycode=\"SL\" value=\"232\">(+232)<\/option>\n                    <option data-countrycode=\"SG\" value=\"65\">(+65)<\/option>\n                    <option data-countrycode=\"SK\" value=\"421\">(+421)<\/option>\n                    <option data-countrycode=\"SI\" value=\"386\">(+386)<\/option>\n                    <option data-countrycode=\"SB\" value=\"677\">(+677)<\/option>\n                    <option data-countrycode=\"SO\" value=\"252\">(+252)<\/option>\n                    <option data-countrycode=\"ZA\" value=\"27\">(+27)<\/option>\n                    <option data-countrycode=\"ES\" value=\"34\">(+34)<\/option>\n                    <option data-countrycode=\"LK\" value=\"94\">(+94)<\/option>\n                    <option data-countrycode=\"SH\" value=\"290\">(+290)<\/option>\n                    <option data-countrycode=\"KN\" value=\"1869\">(+1869)<\/option>\n                    <option data-countrycode=\"SC\" value=\"1758\">(+1758)<\/option>\n                    <option data-countrycode=\"SD\" value=\"249\">(+249)<\/option>\n                    <option data-countrycode=\"SR\" value=\"597\">(+597)<\/option>\n                    <option data-countrycode=\"SZ\" value=\"268\">(+268)<\/option>\n                    <option data-countrycode=\"SE\" value=\"46\">(+46)<\/option>\n                    <option data-countrycode=\"CH\" value=\"41\">(+41)<\/option>\n                    <option data-countrycode=\"SI\" value=\"963\">(+963)<\/option>\n                    <option data-countrycode=\"TW\" value=\"886\">(+886)<\/option>\n                    <option data-countrycode=\"TJ\" value=\"7\">(+7)<\/option>\n                    <option data-countrycode=\"TH\" value=\"66\">(+66)<\/option>\n                    <option data-countrycode=\"TG\" value=\"228\">(+228)<\/option>\n                    <option data-countrycode=\"TO\" value=\"676\">(+676)<\/option>\n                    <option data-countrycode=\"TT\" value=\"1868\">(+1868)<\/option>\n                    <option data-countrycode=\"TN\" value=\"216\">(+216)<\/option>\n                    <option data-countrycode=\"TR\" value=\"90\" selected=\"\">(+90)<\/option>\n                    <option data-countrycode=\"TM\" value=\"7\">(+7)<\/option>\n                    <option data-countrycode=\"TM\" value=\"993\">(+993)<\/option>\n                    <option data-countrycode=\"TC\" value=\"1649\">(+1649)<\/option>\n                    <option data-countrycode=\"TV\" value=\"688\">(+688)<\/option>\n                    <option data-countrycode=\"UG\" value=\"256\">(+256)<\/option>\n                    <option data-countrycode=\"GB\" value=\"44\">(+44)<\/option>\n                    <option data-countrycode=\"UA\" value=\"380\">(+380)<\/option>\n                    <option data-countrycode=\"AE\" value=\"971\">(+971)<\/option>\n                    <option data-countrycode=\"UY\" value=\"598\">(+598)<\/option>\n                    <option data-countrycode=\"US\" value=\"1\">(+1)<\/option>\n                    <option data-countrycode=\"UZ\" value=\"7\">(+7)<\/option>\n                    <option data-countrycode=\"VU\" value=\"678\">(+678)<\/option>\n                    <option data-countrycode=\"VA\" value=\"379\">(+379)<\/option>\n                    <option data-countrycode=\"VE\" value=\"58\">(+58)<\/option>\n                    <option data-countrycode=\"VN\" value=\"84\">(+84)<\/option>\n                    <option data-countrycode=\"VG\" value=\"84\">(+1284)<\/option>\n                    <option data-countrycode=\"VI\" value=\"84\">(+1340)<\/option>\n                    <option data-countrycode=\"WF\" value=\"681\">(+681)<\/option>\n                    <option data-countrycode=\"YE\" value=\"969\">(+969)<\/option>\n                    <option data-countrycode=\"YE\" value=\"967\">(+967)<\/option>\n                    <option data-countrycode=\"ZM\" value=\"260\">(+260)<\/option>\n                    <option data-countrycode=\"ZW\" value=\"263\">(+263)<\/option>\n              <\/select>\n           <\/div><br>\n           <input type=\"text\" class=\"form-control\" placeholder=\"Telefon Numaran\u0131z\" aria-label=\"Phone\" aria-describedby=\"phone\" id=\"phoneNumber\" name=\"phone\">\n         <\/div>\n      <\/div>\n   <\/div>\n<\/div>\n    <\/section>\n\n<script>\nconst isNumericInput = (event) => {\n\tconst key = event.keyCode;\n\treturn ((key >= 48 && key <= 57) || \/\/ Allow number line\n\t\t(key >= 96 && key <= 105) \/\/ Allow number pad\n\t);\n};\n\nconst isModifierKey = (event) => {\n\tconst key = event.keyCode;\n\treturn (event.shiftKey === true || key === 35 || key === 36) || \/\/ Allow Shift, Home, End\n\t\t(key === 8 || key === 9 || key === 13 || key === 46) || \/\/ Allow Backspace, Tab, Enter, Delete\n\t\t(key > 36 && key < 41) || \/\/ Allow left, up, right, down\n\t\t(\n\t\t\t\/\/ Allow Ctrl\/Command + A,C,V,X,Z\n\t\t\t(event.ctrlKey === true || event.metaKey === true) &#038;&#038;\n\t\t\t(key === 65 || key === 67 || key === 86 || key === 88 || key === 90)\n\t\t)\n};\n\nconst enforceFormat = (event) => {\n\t\/\/ Input must be of a valid number format or a modifier key, and not longer than ten digits\n\tif(!isNumericInput(event) && !isModifierKey(event)){\n\t\tevent.preventDefault();\n\t}\n};\n\nconst formatToPhone = (event) => {\n\tif(isModifierKey(event)) {return;}\n\n\t\/\/ I am lazy and don't like to type things more than once\n\tconst target = event.target;\n\tconst input = event.target.value.replace(\/\\D\/g,'').substring(0,10); \/\/ First ten digits of input only\n\tconst zip = input.substring(0,3);\n\tconst middle = input.substring(3,6);\n\tconst last = input.substring(6,10);\n\n\tif(input.length > 6){target.value = `(${zip}) ${middle} - ${last}`;}\n\telse if(input.length > 3){target.value = `(${zip}) ${middle}`;}\n\telse if(input.length > 0){target.value = `(${zip}`;}\n};\n\nconst inputElement = document.getElementById('phoneNumber');\ninputElement.addEventListener('keydown',enforceFormat);\ninputElement.addEventListener('keyup',formatToPhone);\n\n<\/script>\n\n<style>\n\nbody{text-align:center}\n\n\/* Button Styles *\/\nbutton, .button, #button, btn, .btn, #btn, downloadlink,  #download-button, #button-copy, button-copy, copy-button, #copy-button, #copy, copy, #download-html-button{\n  display: inline-block;\n  padding: 12px 24px;\n  font-size: 16px;\n  font-weight: 500;\n  color: #ffffff;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-align: center;\n  border-radius: 30px;\n  background-image: linear-gradient(to right, #0088FF, #0088FF);\n  border: 3px solid #fff;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\n  transition: all 0.3s ease;\n  margin:0 auto;\n  margin-top:11px;\n  margin-bottom:11px;\n  text-shadow: 2px 2px 4px #333;\n}\n\n\/* Button Hover State *\/\nbutton:hover {\n  background-image: linear-gradient(to right, #FF1493, #FF1493);\n  border: 3px solid #ffffff;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n}\n\n -input{\n  width: 25%;\n  height: 100%;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ninput[type=file]::file-selector-button {\n  display: inline-block;\n  padding: 1.0rem 1rem;\n  font-size: 1.125rem;\n  font-weight: bold;\n  color: #fff;\n  text-align: center;\n  text-transform: uppercase;\n  background-color: #0088FF;\n  border-radius: 0rem;\n  cursor: pointer;\n  transition: background-color 0.2s ease-in-out;\n  border: 0px solid #fff;\n  width:100%;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\n}\n\ninput[type=file]::file-selector-button:hover {\n  background-color: #5b52d6;\n}\n\ninput[type=file]::file-selector-button:active {\n  background-color: #4a41ad;\n}\n\ninput[type=file]::file-selector-button:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #6c63ff;\n}\n\ninput[type=file]::file-selector-button::before {\n  content: \"Select File\";\n}\n\ninput[type=file]::file-selector-button::before,\ninput[type=file]::file-selector-button::before {\n  content: \"\\2193 Browse Files\";\n}\n\n\ninput[type=\"file\"] {\n  display: yes;\n}\ninput[type=\"text\"], input[type=\"url\"] {\n  width: 80%;\n  height: 50px;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\ninput[type=\"number\"], select {\n  width: 30%;\n  height: 50px;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ntextarea {\n  width: 100%;\n  height: 170px;\n  padding: 10px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;  \n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ntextarea:hover {\n  border-color: #06c;\n  box-shadow: 2px 2px 10px #06c;\n}\n\ntextarea:focus {\n  outline: none;\n  border-color: #06c;\n  box-shadow: 2px 2px 10px #06c;\n}\n\ncanvas, #image-container, .img, #img, image, .image, #image, #convertedImage, #preview-image {\n  border: 5px solid;\n  border-image: linear-gradient(to bottom, #007bff, #00f260);\n  border-image-slice: 1;\n  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);\n  margin-top:10px;margin-bottom:10px;\n  width:90%;\n  margin:0 auto;padding:15px;\n\n}\n\n#image-container img {\n  max-width: 100%;\n  }\n\ncode, pre, .result, output, #output, .output {\n  font-family: Monaco, Consolas, \"Andale Mono\", \"DejaVu Sans Mono\", monospace;\n  font-size: 0.9em;\n  color: #333;\n  background-color: #f9f9f9;\n  padding: 0.2em 0.4em;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;  \n  transition: all 0.2s ease-in-out;\n  white-space: pre-wrap;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n  width:100%;\n  padding:15px;\n\n}\n\n\ninput[type=\"range\"] {\n  -webkit-appearance: none;\n  width: 80%;\n  background: transparent;\n  height: 10px;\n  border-radius: 5px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  box-shadow: inset 0 0 5px #333;\n  transition: box-shadow 0.2s;\n  margin-top:10px;\n\n}\n\ninput[type=\"range\"]:focus {\n  box-shadow: inset 0 0 5px #888;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: #4CAF50;\n  cursor: pointer;\n  transition: background 0.2s;\n  margin-top:-5px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n  background: #3e8e41;\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  height: 10px;\n  background: #ddd;\n  border-radius: 5px;\n  border: none;\n}\ninput[type=\"checkbox\"] {\n  appearance: none;\n  width: 45px;\n  height: 25px;\n  background: transparent;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;  border-radius: 5px;\n  margin: 10px;\n  outline: none;\n  cursor: pointer;\n  position: relative;\n}\n\ninput[type=\"checkbox\"]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  background: #D209A4;\n  border-radius: 100px;\n  position: absolute;\n  left: 2px;\n  \n  top: 3px;\n  transition: all 0.2s;\n}\n\ninput[type=\"checkbox\"]:checked:before {\n  transform: translateX(20px);\n}\n\ninput[type=\"checkbox\"]:focus {\n  border: 2px solid #888;\n}\ninput[type=\"radio\"] {\n  appearance: none;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid #333;\n  margin-right: 10px;\n  outline: none;\n  position: relative;\n  cursor: pointer;\n}\n\ninput[type=\"radio\"]:after {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #333;\n  position: absolute;\n  top: 5px;\n  left: 5px;\n  opacity: 0;\n  transition: all 0.2s;\n}\n\ninput[type=\"radio\"]:checked:after {\n  opacity: 1;\n}\n\ninput[type=\"radio\"]:focus {\n  border-color: #888;\n}\n\n\ninput[type=\"radio\"] {\n  display: inline-block;\n  margin-right: 10px;\n  vertical-align: middle;\n}\n\nlabel {\n  display: block; \/* makes each label appear on a new line *\/\n  font-size: 16px;\n  font-weight: bold;\n  margin-bottom: 5px; \/* adds a small gap below each label *\/\n  color:#55555e;\n  margin-top:11px;margin-bottom:11px;\n}\n\ninput[type=\"color\"]{width:17.2%;}\n.form-control {\n    display: block;\n    margin:0 auto;\n    width: 70%;\n    padding: 0.375rem 0.75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #212529;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #ced4da;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    border-radius: 0.25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\nsection{\n         margin-top:60px;\n        width: 100%;\n        max-width: 970px;\n        background-color: #fff;\n        border: 1px solid #ddd;\n        padding: 25px;\n      }\n<\/style>\n\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Phone Number Formatter (+213)(+376)(+244)(+1264)(+1268)(+54)(+374)(+297)(+61)(+43)(+994)(+1242)(+973)(+880)(+1246)(+375)(+32)(+501)(+229)(+1441)(+975)(+591)(+387)(+267)(+55)(+673)(+359)(+226)(+257)(+855)(+237)(+1)(+238)(+1345)(+236)(+56)na (+86)(+57)(+269)(+242)(+682)(+506)(+385)(+53)(+90392)(+357)(+42)(+45)(+253)(+1809)(+1809)(+593)(+20)(+503)(+240)(+291)(+372)(+251)(+500)(+298)(+679)(+358)(+33)(+594)(+689)(+241)(+220)(+7880)(+49)(+233)(+350)(+30)(+299)(+1473)(+590)(+671)(+502)(+224)(+245)(+592)(+509)(+504)(+852)(+36)(+354)(+91)(+62)(+98)(+964)(+353)(+972)(+39)(+1876)(+81)(+962)(+7)(+254)(+686)(+850)(+82)(+965)(+996)(+856)(+371)(+961)(+266)(+231)(+218)(+417)(+370)(+352)(+853)(+389)(+261)(+265)(+60)(+960)(+223)(+356)(+692)(+596)(+222)(+269)(+52)(+691)(+373)(+377)(+976)(+1664)(+212)(+258)(+95)(+264)(+674)(+977)(+31)(+687)(+64)(+505)(+227)(+234)(+683)(+672)(+670)(+47)(+968)(+680)(+507)(+675)(+595)(+51)(+63)(+48)(+351)(+1787)(+974)(+262)(+40)(+7)(+250)(+378)(+239)(+966)(+221)(+381)(+248)(+232)(+65)(+421)(+386)(+677)(+252)(+27)(+34)(+94)(+290)(+1869)(+1758)(+249)(+597)(+268)(+46)(+41)(+963)(+886)(+7)(+66)(+228)(+676)(+1868)(+216)(+90)(+7)(+993)(+1649)(+688)(+256)(+44)(+380)(+971)(+598)(+1)(+7)(+678)(+379)(+58)(+84)(+1284)(+1340)(+681)(+969)(+967)(+260)(+263)<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-1529","page","type-page","status-publish"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Billions Ideas","author_link":"https:\/\/tools.billionsideas.com\/hi\/author\/loginbillionsideas-com\/"},"comment_info":0,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/pages\/1529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/comments?post=1529"}],"version-history":[{"count":0,"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/pages\/1529\/revisions"}],"wp:attachment":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/media?parent=1529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}