Design Tools for Developers

This week’s promo - 20% off All Licenses

Days

Hours

Minutes

Seconds

In your favorite stack.

Froala Design Blocks has support for Angular JS, React JS and Vue JS.

Easy code preview while browsing design blocks.

Copy / paste code as you browse through design blocks. Use the code button to see the code behind a design block.

Supported with by Froala

Star

img:is([sizes="auto" i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px;}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.code-block{margin-bottom:1.5rem;position:relative;}.code-block pre.CodeMirror{background:#f2f2f2;background:linear-gradient(180deg,#f2f2f2 50%,#f9f9f9 0);background-size:56px 56px;border:1px solid #ddd;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#f9f9f9",GradientType=0);line-height:28px;margin:0 0 10px;padding:0 10px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-family:monospace;font-size:16px;}.code-block .CodeMirror-fullscreen{bottom:0;height:auto;left:0;margin-bottom:0;padding-bottom:30px;position:fixed;right:0;top:0;z-index:5000;}.code-block iframe.output-block-frame{background-color:#fff;box-shadow:0 0 10px 0 #444;display:none;margin:1em 0;transition:all .3s ease-in;width:100%;}.code-block iframe.show{display:block;}textarea.CodeMirror-ClipBoard{border:0;bottom:0;height:1px;opacity:0;padding:0;position:absolute;right:0;width:1px;}.CodeMirror-notice{background:#000;border-radius:5px;bottom:-40px;color:#fff;font-size:12px;left:15px;padding:10px;position:fixed;transition:all .5s;z-index:5001;}.CodeMirror svg.loader{background:rgba(30,30,30,.7);border-radius:3px;left:42%;max-width:64px;position:absolute;top:42%;fill:none;stroke:#222;stroke-linecap:round;stroke-width:8%;}.CodeMirror use{stroke:#fff;animation:a 2s linear infinite;}@keyframes a{to{stroke-dashoffset:0px;}}.CodeMirror.has-panel{border-top-left-radius:0 !important;border-top-right-radius:0 !important;}.CodeMirror-panel .max-height{margin-right:.5rem;}.CodeMirror-panel .info-panel{display:flex;height:32px;justify-content:space-between;transition:all .4s ease-in;}.CodeMirror-panel .info-panel .language{background:#4c607f;color:#fff;display:inline-block;font-size:16px;font-weight:500;padding:4px 32px;transition:"background" .4s ease-out;}.CodeMirror-panel .info-panel .language.apl{background:#d2d2d2;color:#000;}.CodeMirror-panel .info-panel .language.asp{background:#0088b6;}.CodeMirror-panel .info-panel .language.aspx{background:#33a9dc;}.CodeMirror-panel .info-panel .language.c{background:#005f91;}.CodeMirror-panel .info-panel .language.cpp{background:#984c93;}.CodeMirror-panel .info-panel .language.cobol{background:#005ca5;}.CodeMirror-panel .info-panel .language.coffeescript{background:#6f4e37;}.CodeMirror-panel .info-panel .language.clojure{background:#5881d8;}.CodeMirror-panel .info-panel .language.css{background:#1572b6;}.CodeMirror-panel .info-panel .language.csharp{background:#368832;}.CodeMirror-panel .info-panel .language.diff{background:green;}.CodeMirror-panel .info-panel .language.django{background:#44b78b;}.CodeMirror-panel .info-panel .language.docker{background:#27b9ec;}.CodeMirror-panel .info-panel .language.dylan{background-image:linear-gradient(to bottom right,#fd1a60,#f36420);}.CodeMirror-panel .info-panel .language.elm{background:#5fb4cb;}.CodeMirror-panel .info-panel .language.erlang{background:#a2003e;}.CodeMirror-panel .info-panel .language.fortran{background:#30b9db;}.CodeMirror-panel .info-panel .language.fsharp{background:#665948;}.CodeMirror-panel .info-panel .language.git{background:#fca326;}.CodeMirror-panel .info-panel .language.go{background:#00acd7;}.CodeMirror-panel .info-panel .language.groovy{background:#6398aa;}.CodeMirror-panel .info-panel .language.haml{background:#ecdfa7;color:#3f3e29;}.CodeMirror-panel .info-panel .language.haskell{background:#8f4e8b;}.CodeMirror-panel .info-panel .language.html,.CodeMirror-panel .info-panel .language.htmlembedded,.CodeMirror-panel .info-panel .language.htmlmixed{background:#f1662a;}.CodeMirror-panel .info-panel .language.http{background:#509e2f;}.CodeMirror-panel .info-panel .language.java{background:#5382a1;}.CodeMirror-panel .info-panel .language.js,.CodeMirror-panel .info-panel .language.json,.CodeMirror-panel .info-panel .language.jsx{background:#f5de19;}.CodeMirror-panel .info-panel .language.jsonld{background:#0ca69c;}.CodeMirror-panel .info-panel .language.jsp{background:#e56f14;}.CodeMirror-panel .info-panel .language.kotlin{background-image:linear-gradient(to bottom right,#cb55c0,#f28e0e);}.CodeMirror-panel .info-panel .language.less{background:#193255;}.CodeMirror-panel .info-panel .language.lisp{background:#c40804;}.CodeMirror-panel .info-panel .language.livescript{background:#317eac;}.CodeMirror-panel .info-panel .language.lua{background:navy;}.CodeMirror-panel .info-panel .language.markdown{background:#755838;}.CodeMirror-panel .info-panel .language.mariadb{background:#c49a6c;color:#002b64;}.CodeMirror-panel .info-panel .language.mssql,.CodeMirror-panel .info-panel .language.mysql{background:#5d87a1;}.CodeMirror-panel .info-panel .language.nginx{background:#019639;}.CodeMirror-panel .info-panel .language.objectivec{background:#c2c2c2;}.CodeMirror-panel .info-panel .language.perl{background:#3a3c5b;}.CodeMirror-panel .info-panel .language.php{background:#6280b6;}.CodeMirror-panel .info-panel .language.plsql{background:red;}.CodeMirror-panel .info-panel .language.powershell{background:#5290fd;}.CodeMirror-panel .info-panel .language.protobuf{background:#ff5c77;}.CodeMirror-panel .info-panel .language.pug{background:#efcca3;color:#442823;}.CodeMirror-panel .info-panel .language.puppet{background:#ffae1a;}.CodeMirror-panel .info-panel .language.python{background:#ffdc4e;color:#366e9d;}.CodeMirror-panel .info-panel .language.q{background:#1e78b3;}.CodeMirror-panel .info-panel .language.r{background:#acadb2;color:#185ead;}.CodeMirror-panel .info-panel .language.ruby{background:#e71622;}.CodeMirror-panel .info-panel .language.rust{background:#a04f12;}.CodeMirror-panel .info-panel .language.scala{background:#fe0000;}.CodeMirror-panel .info-panel .language.stylus{background:#ff2952;}.CodeMirror-panel .info-panel .language.sass,.CodeMirror-panel .info-panel .language.scss{background:#cd6799;}.CodeMirror-panel .info-panel .language.shell{background:#d9b400;}.CodeMirror-panel .info-panel .language.sql{background:#ffda44;}.CodeMirror-panel .info-panel .language.sqlite{background:#003b57;}.CodeMirror-panel .info-panel .language.squirrel{background:#a05a2c;}.CodeMirror-panel .info-panel .language.stylus{background:#c2c2c2;}.CodeMirror-panel .info-panel .language.swift{background:#fd2822;}.CodeMirror-panel .info-panel .language.tcl{background:#c3b15f;}.CodeMirror-panel .info-panel .language.text{background:#829ec2;}.CodeMirror-panel .info-panel .language.textile{background:#ffe7ac;color:#000;}.CodeMirror-panel .info-panel .language.toml{background:#7f7f7f;}.CodeMirror-panel .info-panel .language.ttcn{background:#00adee;}.CodeMirror-panel .info-panel .language.twig{background:#78dc50;}.CodeMirror-panel .info-panel .language.typescript{background:#007acc;}.CodeMirror-panel .info-panel .language.vb{background:#00519a;}.CodeMirror-panel .info-panel .language.velocity{background:#262692;}.CodeMirror-panel .info-panel .language.verilog{background:#1a348f;}.CodeMirror-panel .info-panel .language.vhdl{background:#0d9b35;}.CodeMirror-panel .info-panel .language.vue{background:#41b883;}.CodeMirror-panel .info-panel .language.xml,.CodeMirror-panel .info-panel .language.xquery{background:#f1662a;}.CodeMirror-panel .info-panel .language.yaml{background:#fbc02d;}.CodeMirror-panel .control-panel{display:flex;padding:5px 3px;}.CodeMirror-panel .control-panel>span{cursor:pointer;display:flex;margin:0 5px 0 0;transition:all .3s;}.CodeMirror-panel .control-panel>span:hover{color:#fff;}.CodeMirror-panel .control-panel .run-code{border:2px solid;border-radius:20px;box-sizing:border-box;display:inline-block;height:20px;position:relative;transform:scale(1);width:20px;}.CodeMirror-panel .control-panel .run-code:after,.CodeMirror-panel .control-panel .run-code:before{box-sizing:border-box;content:"";display:block;position:absolute;top:3px;}.CodeMirror-panel .control-panel .run-code:after{border-bottom:5px solid transparent;border-left:9px solid;border-top:5px solid transparent;left:5px;width:0;}.CodeMirror-panel .control-panel .maximize,.CodeMirror-panel .control-panel .restore{border:2px solid;border-radius:2px;box-sizing:border-box;display:inline-block;height:20px;position:relative;transform:scale(1);width:20px;}.CodeMirror-panel .control-panel .maximize:after{height:12px;top:2px;width:12px;}.CodeMirror-panel .control-panel .maximize:after,.CodeMirror-panel .control-panel .restore:after{background:currentColor;box-sizing:border-box;content:"";display:inline-block;left:2px;position:absolute;}.CodeMirror-panel .control-panel .restore:after{bottom:3px;height:3px;width:9px;}.CodeMirror-panel .control-panel .copy{border:2px solid;border-bottom:0;border-radius:2px;border-right:0;box-sizing:border-box;display:inline-block;height:18px;position:relative;transform:scale(1);width:14px;}.CodeMirror-panel .control-panel .copy:after{border:2px solid;border-radius:0 0 2px 0;box-sizing:border-box;content:"";display:inline-block;height:17px;left:1px;position:absolute;top:1px;width:13px;}.CodeMirror-panel .control-panel .tool{cursor:help;position:relative;}.CodeMirror-panel .control-panel .tool:after,.CodeMirror-panel .control-panel .tool:before{left:50%;opacity:0;position:absolute;z-index:-100;}.CodeMirror-panel .control-panel .tool:focus:after,.CodeMirror-panel .control-panel .tool:focus:before,.CodeMirror-panel .control-panel .tool:hover:after,.CodeMirror-panel .control-panel .tool:hover:before{opacity:1;transform:scale(1) translateY(0);z-index:100;}.CodeMirror-panel .control-panel .tool:before{border-color:transparent transparent #3e474f;border-style:solid;border-width:8px 12px 12px 8px;content:"";left:0;top:100%;transform:scale(.6) translateY(-20%);transition:all .85s cubic-bezier(.84,-.18,.31,1.26),opacity .85s .5s;}.CodeMirror-panel .control-panel .tool:after{background:#3e474f;border-radius:5px;color:#edeff0;content:attr(data-tip);font-size:14px;left:-90px;padding:5px;text-align:center;top:180%;transition:all .85s cubic-bezier(.84,-.18,.31,1.26) .2s;width:120px;}.jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0;}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px;}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px;}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px;}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px;}@media print{.jetpack-sharing-buttons__services-list{display:none !important;}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0;}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em;}.wp-block-pdfemb-pdf-embedder-viewer{max-width:none;}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em;}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none;}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1);}:where(.is-layout-flex){gap:.5em;}:where(.is-layout-grid){gap:.5em;}body .is-layout-flex{display:flex;}.is-layout-flex{flex-wrap:wrap;align-items:center;}.is-layout-flex > :is(*,div){margin:0;}body .is-layout-grid{display:grid;}.is-layout-grid > :is(*,div){margin:0;}:where(.wp-block-columns.is-layout-flex){gap:2em;}:where(.wp-block-columns.is-layout-grid){gap:2em;}:where(.wp-block-post-template.is-layout-flex){gap:1.25em;}:where(.wp-block-post-template.is-layout-grid){gap:1.25em;}.has-black-color{color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color:var(--wp--preset--color--white) !important;}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color:var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color:var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important;}:where(.wp-block-post-template.is-layout-flex){gap:1.25em;}:where(.wp-block-post-template.is-layout-grid){gap:1.25em;}:where(.wp-block-columns.is-layout-flex){gap:2em;}:where(.wp-block-columns.is-layout-grid){gap:2em;}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6;}.force-stretched-header{width:100vw;position:relative;margin-left:-50vw;left:50%;}header#masthead{display:none;}.bellows.bellows-main,.bellows.bellows-main .bellows-menu-item,.bellows.bellows-main .bellows-menu-item .bellows-target{font-family:nunito;}.bellows-target{color:black;}.bellows{margin:10px 0;max-width:100%;--bellows-item-padding-v:5px;--bellows-item-padding-h:0px;--bellows-sub-item-padding-v:5px;--bellows-sub-item-padding-h:var(--bellows-item-padding-h);--bellows-indent:15px;--bellows-indent-level-offset:0;--bellows-toggle-width:70px;--bellows-level:0;--bellows-tree-toggle-w:0px;--bellows-focus-outline:none;--bellows-focus-visible-outline:auto;}img#wpstats{display:none;}.fixed_top_bar{top:0;left:0;width:100%;z-index:999;}.top_bar{background:#2d313c;padding-top:10px;padding-bottom:10px;transition:.2s;z-index:0;}.top_bar_col{text-align:center;margin:0 auto;clear:both;max-width:960px;padding-top:.0001em;padding-right:.0001em;padding-left:.0001em;padding-bottom:.0001em;background:none;display:flex;align-items:center;justify-content:center;}span.xit{position:absolute;right:15px;margin:auto;cursor:pointer;}.sale_text{width:66%;text-align:center;float:left;}.counter_text{width:34%;}.sale_text{text-align:center;display:flex;align-items:center;justify-content:center;}.sale_text a{text-decoration:none;font-family:"Nunito";font-size:20px !important;}#timer div{color:#fff;font-family:Arial,sans-serif;font-weight:500;text-transform:none;text-decoration:none;line-height:1.6;letter-spacing:0;font-style:normal;}.top_bar span{display:block;font-size:21px;color:white;}#days{font-size:15px;color:#fff;}#hours{font-size:15px;color:#fff;}#minutes{font-size:15px;color:#fff;}#seconds{font-size:15px;color:#fff;}.anch_lnk{display:inline-flex;}div#days_text,div#hours_text,div#minutes_text,div#seconds_text{font-size:9px;}div#days span,div#hours span,div#minutes span,div#seconds span{color:#fff;font-family:Arial,sans-serif;font-weight:500;font-size:9px;text-transform:none;text-decoration:none;line-height:2.3;letter-spacing:0;font-style:normal;}#days,#hours,#minutes,#seconds{padding:5px;margin:0px;box-shadow:none;width:auto;min-width:37px;display:inline-block;text-align:center;}.countdown-item{display:inline-block;text-align:center;}#days_text,#hours_text,#minutes_text,#seconds_text{font-size:12px;color:#666;}@media screen and (max-width: 1200px){.sale_text{width:60%;}.counter_text{width:40%;}span.xit{right:25px;}}@media screen and (max-width: 1080px){.top_bar_col{padding-right:15px;padding-left:15px;}.sale_text{width:55%;}.counter_text{width:45%;}.top_bar_col span{font-size:18px;}}@media only screen and (max-width: 768px){#timer div{line-height:1.3;}.counter_text{width:45%;}.sale_text{width:55%;}.countdown-item{margin:0 0px;}.top_bar_col span{font-size:16px;}}@media only screen and (max-width: 640px){.top_bar_col span{font-size:15px;}}@media screen and (max-width: 600px){.top_bar{position:relative;}span.xit{top:auto;bottom:20%;}.sale_text{width:100%;margin-bottom:20px;}.counter_text{width:100%;margin-top:13px;}.top_bar_col{display:block;}.top_bar_col span{font-size:17px;}}.sale_text{width:100% !important;}.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important;}@media screen and (max-height: 1024px){.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important;}.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important;}}@media screen and (max-height: 640px){.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important;}.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important;}}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important;}.elementor-section.elementor-section-boxed > .elementor-container,.elementor-container,.container,body .elementor-container.elementor-column-gap-default{width:95% !important;max-width:1710px !important;}a.searchable{word-break:keep-all;}.postid-12527 iframe{width:100% !important;}.breadcrumb_solution{margin-top:0px !important;}.single-testimonials .jupiterx-post-image img{width:150px;}.post-type-archive-resellers .jupiterx-post-image img{width:150px;}.ic-inp{float:left;width:100%;position:relative;}.ic-inp i.fa.fa-search{position:absolute;top:11px;left:8px;font-size:14px;}.ic-inp input#s{padding-left:30px;border-radius:6px;}#search-results-container{z-index:1;}.page-template-author h1#nav-home-tab{font-size:18px;}.code-analysis tbody tr td{width:33% !important;max-width:200px !important;margin:1% !important;padding:5px;}.code_sample_table tr td{max-width:490px !important;}.source_code_block .code-block{width:100%;max-width:200px;height:300px;overflow:scroll;}.code-block.code-block-1{display:none;}#ftwp-container.ftwp-wrap #ftwp-list .ftwp-text::before{background:rgba(255,255,255,0) !important;}#ftwp-container #ftwp-list.ftwp-effect-underline-from-center .ftwp-anchor.ftwp-active .ftwp-text::before{display:none;}#ftwp-container #ftwp-list.ftwp-effect-underline-from-center .ftwp-anchor.ftwp-active .ftwp-text,a.ftwp-anchor.ftwp-active{color:#0098f7 !important;}#ftwp-container.ftwp-wrap #ftwp-contents{border-color:#e8e8e8 !important;background:#f3f3f3;border-radius:10px;}#ftwp-container #ftwp-list.ftwp-strong-first>.ftwp-item>.ftwp-anchor .ftwp-text{font-weight:500;}span.ftwp-text{font-weight:500;}*{font-display:swap;}.activelinkio{color:#0098f7 !important;}.right-sidebar-tc::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px;}.right-sidebar-tc::-webkit-scrollbar{width:7px;background-color:#f5f5f5;}ul.ez-toc-list.ez-toc-list-level-1 li{font-size:14px;padding:4px 0px;color:#bdbdbd;float:left;width:100%;}ul.ez-toc-list.ez-toc-list-level-1 li a{color:black;}ul.ez-toc-list.ez-toc-list-level-1 li a:hover{color:#0098f7;}li.ez-toc-page-1.ez-toc-heading-level-2>a{font-weight:600;font-size:14px;margin:0px 0px 10px 0px;float:left;}.right-sidebar-tc::-webkit-scrollbar-thumb{border-radius:10px;background-color:#fff;background-image:-webkit-gradient(linear,40% 0%,75% 84%,from(#0098f7),to(#44b7ff),color-stop(.6,#0098f7));}.blog-left-box div#ez-toc-container{display:none;}.blog-left-box{float:left;width:75%;position:relative;display:block;}.blog_box{position:relative;float:left;width:100%;display:block;z-index:9;}.right-sidebar-tc:hover{overflow-y:scroll;}.footer-logo img.attachment-medium.size-medium{width:70%;float:left;}.subscribe-form-new .jet-subscribe-form--inline-layout .jet-subscribe-form__input-group .jet-subscribe-form__fields{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:90%;}.subscribe-form-new a.jet-subscribe-form__submit.elementor-button.elementor-size-md{margin-left:0;margin-right:0px;}.footer-logo img.attachment-large.size-large{width:70%;float:left;}.g-two-image img{width:150px;}.col-md-9 div#ez-toc-container{display:none;}div#ez-toc-container label,div#ez-toc-container input{display:none;}li.ez-toc-page-1.ez-toc-heading-level-2{font-size:14px;margin-bottom:10px;}ul#sidebar_blog_post{width:100%;}#block-6{font-size:16px;line-height:20px;}#sidebar_blog_post{padding-left:0px;}.right-sidebar-tc{float:left;overflow:hidden;z-index:100;border-top:0;transition:.1s;}.right-sidebar-tc:hover{overflow-y:scroll;}#sidebar_blog_post ul.ez-toc-list{padding:0px !important;}h2.like-articles{font-size:18px;line-height:1.5em;margin-bottom:10px;text-align:center;margin-top:20px;}.featured-box{display:flex;align-items:center;}.similar_post{background:#eefbff;padding:14px !important;float:left;margin-inline-start:30px;border-radius:8px;}.post-name-feature h3{font-size:15px;line-height:20px;}.featured-box .post-img-feature img{width:100%;height:65px;object-fit:cover;border-radius:0;vertical-align:middle;max-width:115px;object-position:center;}.similar_post .featured-box .post-name-feature h3{line-height:1.2em;padding:2px 2px;font-size:1rem;}.elementor a.btn.github{display:inline-flex;align-items:center;background-color:white;color:black;border:1px solid #ddd;padding:10px 15px;font-family:Arial,sans-serif;font-size:16px;border-radius:5px;text-decoration:none;}.elementor a.btn.github svg{margin-left:8px;fill:black;}.elementor a.btn.github:hover{background-color:#0098f7;color:white;}.elementor a.btn.github:hover svg path{fill:white;}.fixed{position:fixed;top:0;left:0;width:100%;}.only-phone-sidebar{display:none;}ul#sidebar_blog_post{width:100%;float:left;min-height:300px;}body .jupiterx-site{position:unset !important;z-index:0;overflow:initial;}.post-img-feature{width:30%;text-align:center;margin-right:10px;}.post-name-feature{width:70%;}ul#sidebar_blog_post{margin-bottom:15px;}.lwptoc{margin-bottom:10px !important;}#table-of-contents{position:fixed;top:50px;left:20px;}#table-of-contents ul{list-style:none;padding:0;}#table-of-contents li{margin-bottom:10px;}#table-of-contents a{text-decoration:none;transition:background-color .3s ease;}#table-of-contents a.active{font-weight:bold;background-color:#f0f0f0;}#table-of-contents a:hover{background-color:#e6e6e6;}#table-of-contents span{display:block;height:30px;}.text-light{color:#353535 !important;}.ftwp-heading a.active{font-weight:bold;}.blogleftsidebar{margin:100px 0;}.froalastkmenu_sticky{position:fixed;top:0px;left:0;animation:smoothScroll 1s forwards;right:0;z-index:999;background:#fff;}.error404 .home-box .learn-more:hover{color:#15b79c !important;}.posted-dv span{font-weight:bold;}.blog_box h2{margin-top:5%;}div#custom-bg{float:left;margin-right:3%;}.social-icons{margin-top:10px;}.mobile-tbcspan img.alignnone{position:fixed;}p.relevant_articles:first-child{display:none;}.yearval,.enterpriseyearval{color:#0098f7;}span#ftoc-our-top-picks{float:left;width:100%;padding:10px 0px 30px;font-size:28px;font-weight:700;}.dpn{display:none !important;}.footer-title-heading{font-size:1em;font-weight:800;margin-bottom:0;padding-top:20px !important;font-family:"Nunito";}.single-post a{text-decoration:none;}#ftwp-container #ftwp-contents.ftwp-border-thin,#ftwp-container #ftwp-trigger.ftwp-border-thin{border-width:0px;}.jupiterx-main-content.post{padding-top:0px;}#ftwp-container.ftwp-wrap #ftwp-list{padding:0px 0px 15px 0px;border-radius:0px 0px 10px 10px;}#ftwp-container.ftwp-wrap #ftwp-header{border-radius:10px 10px 0px 0px;padding:15px;}.visitBtn:hover{background-color:#fff;color:#0098f7 !important;border:solid 2px;border-radius:4px;}.post-template-single-blog .social-icons i.fab{color:#0098f7;}.page-template-author .social-icons-author i.fab{color:#0098f7;}.post-template.post-template-single-blog.post-template-single-blog-php a{text-decoration:none;}.sticky{position:fixed;top:90px;padding-right:10%;}.all_posts .author-post-col img{border-radius:0%;height:150px;width:150px;object-fit:cover;object-position:center;max-width:150px;}.all_posts .nav{float:left;width:100%;}.all_posts .tab-content{float:left;width:100%;}.all_posts nav{padding:0px 10%;float:left;width:100%;}.all_posts .author-post-col h2.author-post-title{float:left;width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:24px;}.all_posts .author-post-excerpt{float:left;width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.follow-div button.follow-btn{font-size:16px;background-color:#0098f7;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0098f7;border-radius:4px 4px 4px 4px;padding:6px 10px;color:#fff;}.follow-div a.follow-btn:hover{background-color:#fff;border-color:#0098f7;color:#0098f7;}.all_posts .author-post-col h2.author-post-title a{color:#191919;text-decoration:none;}.all_posts .author-post-button span.author-post-button-text{color:#0098f7;font-weight:600;}.all_posts .author-post-button span.author-post-button-text:hover{position:relative;}.all_posts .author-post-col:after{position:absolute;content:"";border-bottom:1px solid #ddd;display:block;left:10%;width:80%;bottom:0;}a.author-post-button{text-decoration:none;}a.om-trigger-conversion{text-decoration:none;}.page-template-blog-template a{text-decoration:none;}img{vertical-align:middle;border-style:none;}.author-info{box-shadow:0 1px 2px 0 rgba(0,0,0,.15),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.15);margin-bottom:30px;border-radius:6px;flex-direction:column;padding:15px;margin-top:30px;}.visitBtn{font-size:14px;}.visitBtn{background-color:#0098f7;border-radius:4px;display:inline-block;cursor:pointer;color:#fff !important;padding:10px 20px;text-decoration:none;border:solid 2px;}.authorbox{margin-top:25px;margin-top:30px;padding:8px 0 8px 0;background:transparent;background:#fff;box-shadow:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.15),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.15);width:100%;border:0;display:flex;position:relative;min-width:0;word-wrap:break-word;font-size:.875rem;margin-bottom:30px;border-radius:6px;flex-direction:column;}.author-profile{display:flex;align-items:center;margin-bottom:20px;}.author-abt p{font-size:16px;line-height:1.5;}span.icon-list{font-size:20px;margin:5px;color:#0098f7;}header#ftwp-header{pointer-events:none !important;}.author-abt{padding-left:10px;}.author-avatar img{width:150px;height:150px;border-radius:50%;}.author-name h3{font-size:16px;font-weight:500;}.abt-cnt-author p{font-size:14px;line-height:20px;font-weight:400;}.author-name{margin-top:18px;}.author-bio{font-size:16px;line-height:1.5;margin-bottom:20px;}.inf-box{float:left;width:100%;margin-bottom:1%;}.author-img{width:13%;float:left;text-align:center;}.author-img img{width:85%;}.author-abt{width:87%;float:left;}.author-abt h4.hinfbox{font-size:22px;margin-top:17px;}a.follow-btn{text-decoration:none;padding:10px 20px;background:#0098f7;border-radius:5px;color:#fff;}.follow-div{margin-top:10px;}.single-auth-abt{width:100%;padding-top:10px;float:left;}.author-post-col{display:flex;align-items:center;justify-content:start;padding:50px 10%;margin:0;position:relative;}nav#ftwp-contents{overflow-y:scroll;}.listclosed{height:.5px !important;}.total_posts p{text-align:center;font-size:20px;font-weight:500;}.author-article h3{font-size:32px;font-weight:600;}.author-article{text-align:center;margin-bottom:2%;}.about-author-bio{display:flex;align-items:center;justify-content:start;padding:30px 4%;margin:0;margin-bottom:40px;}.author-nm h3{text-align:center;font-size:40px;font-weight:700;}.total_posts h4{font-size:22px;text-align:center;}.author-single-img img{width:88px;height:88px;}button#ftwp-header-minimize{display:none !important;}.sticky{position:sticky;top:90px;}.listclosed{height:.5px !important;}#fixedtoc-3{width:100%;height:auto;margin-top:80px;}span#hideshow{display:none;}span#showhide,span#hideshow{float:left;width:100%;text-align:right;padding:2px 10px;z-index:99999;position:absolute;right:70px;top:100px;font-size:14px;font-weight:700;cursor:pointer;}span#showhide:hover{color:#0098f7;}.fixed{position:fixed;top:0;left:0;width:100%;}.only-phone-sidebar{display:none;}ul#sidebar_blog_post{width:100%;float:left;min-height:300px;}ol#ftwp-list{height:fit-content !important;}.ftwp-widget #ftwp-container.ftwp-wrap nav.ftwp-shape-square.ftwp-border-thin{top:90px !important;max-height:max-content !important;height:max-content !important;position:relative;float:left;display:contents;}body .jupiterx-site{position:unset !important;z-index:0;overflow:initial;}.post-img-feature{width:30%;text-align:center;}.post-name-feature{width:70%;}ul#sidebar_blog_post{margin-bottom:15px;}table.table-responsive{display:block;width:100%;overflow-x:auto;}.g-two-image img{width:150px !important;height:195px !important;}p.join-text{font-size:16px;color:#000;}.page-id-466 a.toggle-view.view-code.btn.bg-btn.round.shadow-level-2.highlight{box-shadow:0 0 0 3px #0098f7;margin-bottom:100px;}.jupiterx-corner-buttons{position:fixed !important;z-index:1 !important;}.testimonial_carousel{background-size:100% 100% !important;max-height:720px;}.filter_content_main .filter_content_image{float:left;width:45%;}.filter_content_image img{width:100% !important;}.filter_content_main .filter_code_content{float:left;width:50%;margin-left:20px;padding:0 12px;}.footer-logo img.attachment-medium.size-medium.wp-image-52468{width:70%;float:left;}.blue-color-integration{color:#9fd1e2;}.text-red-integration{color:#cb583e;}.submit-button-style{cursor:pointer !important;}.single-post .jupiterx-main-content>.container{width:100% !important;}i.fas.fa-external-link-alt.external-link-icon{margin-left:5px;}img.winter-lg{margin-left:-32px;}.lightweight-col{max-width:1000px;}.secret-col .elementor-column-wrap.elementor-element-populated{max-width:1000px;margin:auto !important;float:none;position:relative;}div#lightweight-col{max-width:1000px;margin:auto !important;float:none;position:relative;}header.jupiterx-header.jupiterx-header-custom{display:none;}.pricing_table table thead tr th{vertical-align:baseline;}input[type="checkbox"]:not(:checked) + .slider:before{-webkit-transform:translateX(0px);transform:translateX(0px);}.level2-menu .raven-nav-menu-main,.raven-breadcrumbs{display:none;}#learn_more a{color:#fff !important;}#learn_more a:hover{color:#0098f7 !important;}.blog-template-page .page-numbers{font-size:20px;}.blog-template-page input.wpsp-input-number{border-style:solid;border-width:2px 2px 2px 2px;border-color:#0098f7;border-radius:4px 4px 4px 4px;padding:9px 5px 9px 5px;text-align:center;}.blog-template-page input.wpsp-button{font-size:20px;background-color:#0098f7;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0098f7;border-radius:4px 4px 4px 4px;padding:9px 5px 9px 5px;}.blog-template-page .post_pagination{margin-top:3%;}.blog-template-page .blog_lists .raven-post-content .raven-post-categories a{padding:5px 10px !important;text-decoration:none;}.page-numbers.current{font-size:20px;}@media screen and (min-width:1200px){.blog-sidebar header#ftwp-header{font-size:18px !important;}.promo-text{margin-top:15px;}.elementor-37 .elementor-element.elementor-element-5fc1c63,.elementor-1299 .elementor-element.elementor-element-86fab7d{margin-right:-2.5%;margin-left:3.1%;}li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-7008:before{content:"New Release!";width:0;height:0;font-size:11px;font-weight:500;color:#f00;border:1px solid;padding:1px 4px 0px 4px;margin:-15px -35px 0px 35px;}li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-7008 a.raven-menu-item{padding-top:0px;}.home-box .learn-more:hover{color:#0098f7 !important;}.raven-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-7008{text-align:center;}}.basic_plan_type{font-size:14px;min-height:30px;display:inline-block;}.web-test-nav ._mi._after._svg{filter:grayscale(100%) brightness(223%);}.web-test-nav:hover ._mi._after._svg{filter:none;}.pricing_table tbody>tr>td,.pricing_table tbody>tr>th,.pricing_table thead>tr>td,thead>tr>th{border:none !important;}.jupiterx-site{padding-top:0 !important;}.jupiterx-header-fixed .jupiterx-header{position:initial !important;}.jupiterx-header{background:#fff;}html:not(.wf-active) .raven-nav-menu-side.raven-nav-menu-mobile{display:block !important;}.text-xlarge.plus{margin-top:-50px;}.plan_switcher{min-height:40px;}.pricing_table .text-tint{min-height:75px;}@media screen and (max-width: 1200px){#ftwp-header-title{font-size:14px !important;}}@media screen and (max-width: 1000px){.only-phone-sidebar #table-of-contents{position:initial;}#ftwp-header-title{font-size:14px !important;}.mobile-tbcspan span{font-weight:600 !important;}.blog-sidebar header#ftwp-header{font-size:18px !important;}div#custom-bg{text-align:center;}div#custom-bg img{max-width:100%;width:200px;float:none;margin:10px;border-radius:10px;}.col-md-4.blogsidebar{display:none;}.col-md-8.blogleftsidebar{min-width:100%;}.only-phone-sidebar{display:block;}}@media (max-width:767px){.pricing_table .text-tint{min-height:auto;}pre.CodeMirror{max-width:100%;overflow:hidden;overflow:scroll;float:left;font-size:14px;word-wrap:break-word;}h3#ftwp-header-title{font-size:16px !important;}}.page-id-1274 a.w3-button.w3-black.needQuoteLink{display:none;}.page-id-14857 .elementor-tab-title{border-bottom:1px solid #ccc;}.page-id-14857 .elementor-tab-content{padding:0px;}.page-id-14857 #elementor-tab-content-12710{background:#000;color:#fff;padding:10px;}.page-id-14857 #elementor-tab-content-26510{background:#000;color:#fff;padding:10px;}.page-id-14857 #elementor-tab-content-1399{background:#000;color:#fff;padding:10px;}.landing-card .doc-card{text-align:center;height:290px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:5px;color:#7a7a7a;padding-top:.8em;}.landing-card .doc-card p{padding-right:.8em;padding-left:.8em;}.landing-card .doc-card h3{font-weight:300;font-family:"Nunito",Nunito;color:#353535;line-height:1.5;font-size:30px;}.landing-card .learn-button{text-align:center;display:block;margin-left:0;margin-right:0;width:100%;bottom:0;position:absolute;}.jupiterx-widget ul [class*=jupiterx-icon]::before{opacity:100;margin-right:.4em;vertical-align:-.1em;}.elementor-section-wrap > section .elementor-col-33 .raven-nav-menu li a,.raven-submenu li a{font-size:17px !important;}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{list-style-type:decimal;}.new-side-menu .current-menu-item >a{color:#0098f7;border-left:solid 2px;border-color:#0098f7;padding-left:10px;}.new-side-menu .section-menu{color:#0ef;font-size:16px;}.new-side-menu a{color:#000;font-size:1.2em;}.fr-shadow img{box-shadow:10px 10px 5px 0px #ccc;}.layer_img img{width:40px;}@media (max-width: 767px){.raven-nav-menu-toggle-button span.fa.fa-bars{color:#000;}.icon-img{margin-right:0px !important;margin-left:0px !important;}}.info .defaultpretty{white-space:pre-wrap;display:inline-block;word-break:break-all;line-height:1.4;font-weight:normal;padding:5px;}.plugin-nav ul{text-align:start;padding-left:0;}.plug-list-nav ul{font-family:Nunito;color:#7a7a7a;}.plug-list-nav a:hover{color:#0098f7;}.plug-list-nav a{padding:0px 0px 0px 10px;color:#7a7a7a;}.plug-list-nav li{display:inline-block;list-style:none;}.plug-list-nav li:before{content:"•";position:absolute;font-size:11px;color:#7a7a7a;}.plug-list-nav li:first-child:before{content:"";}.plug-card{text-align:center;height:230px;width:210px;box-shadow:0 1px 2px 0 rgba(0,0,0,20%),0 2px 5px 0 rgba(0,0,0,19%);border-radius:5px;color:#7a7a7a;padding-top:.8em;margin-left:19px;margin-bottom:19px;float:left;}.plug-card p{padding-right:.8em;padding-left:.8em;color:#7a7a7a;}.plug-card h4{font-weight:200;font-family:"Nunito",Nunito;color:#353535;line-height:1.5;font-size:22px;}.plug-card:hover{box-shadow:-2px -2px 2px 0px rgba(0,0,0,30%),4px 4px 6px 3px rgba(0,0,0,50%);}#blog-post .raven-post-meta .raven-post-categories{width:20%;}#small_imageee .gallery-size-thumbnail{margin:0 auto;display:table;}#small_imageee figure.gallery-item{max-width:80px;}#frameworks .logos a img{width:auto;}#mc-embedded-subscribe-form .form-control{border:1px solid #d9d9d9 !important;}#small_imageee figure.gallery-item{max-width:150px !important;}.pricing-blocks__options-headline{font-size:.875rem;font-weight:bold;margin:1.5rem 1.5rem 0;text-transform:uppercase;}.pricing-blocks__no-opts-msg{display:none;font-size:.875rem;position:absolute;top:60%;left:20px;right:20px;text-align:center;}.pricing-blocks__options,.pricing-blocks__options:last-child{box-sizing:border-box;margin:5px 0 !important;padding:.5rem 0rem;position:relative;text-align:left;}.pricing-blocks__options[data-option="subscriptionType"]::before{content:"";display:block;position:absolute;bottom:0;left:1.5rem;right:1.5rem;border-top:1px solid #ccc;height:1px;}.pricing-blocks__checkbox-item,.pricing-blocks__checkbox-item:last-child{cursor:pointer;display:block;line-height:1.3em;margin:5px 0 !important;padding:3px 7px 3px 30px;position:relative;}input[type="radio"],input[type="checkbox"]{background:transparent;border:1px solid #09f;cursor:pointer;width:17px;height:17px;}.pricing-blocks__checkbox-label .pricing-blocks__checkbox-price{box-sizing:border-box;display:inline-block;margin-right:10px;width:50px;}.pricing-blocks__checkbox-label .pricing-blocks__checkbox-details .pricing-blocks__ck-discount{background:#19ad87;border-radius:2px;color:#fff;display:inline;font-size:10px;font-weight:bold;line-height:1.3em;margin-left:0px;padding:4px 4px;}.pricing-blocks__icon--light svg,.pricing-blocks__icon--dark svg{width:20px;height:20px;opacity:.5;line-height:normal;position:absolute;top:50%;margin-top:-10px;}.pricing_table table td,.pricing_table table th{padding-left:5px !important;padding-right:5px !important;}@media screen and (max-width:820px){p.join-text{font-size:13px;line-height:1.5;}.blog-template-page h3{font-size:16px;}.post_filter_header select{font-size:14px;}.blog-template-page .post_filter_header{justify-content:flex-start;padding:0 5px;margin:0px;}.blog-template-page .search_blogs{padding:0px;}.blog-template-page .posts_catogries{margin-top:25px;}.blog-template-page .post_filter_header{margin:0px !important;}.blog-template-page input#search{width:8rem;}.blog-template-page a.raven-post-title-link{font-size:23px;line-height:28px !important;}.blog-template-page .blog_lists .raven-masonry-item img{height:100px !important;width:100px !important;object-fit:cover;}.blog-template-page a.raven-post-title-link{font-size:25px;line-height:30px !important;}.blog-template-page span.raven-post-meta-item.raven-post-categories a{margin-top:20px;display:inline-block;}}@media screen and (max-width:768px){.pricing-blocks__checkbox-label .pricing-blocks__checkbox-price{margin-right:0px !important;}.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-f712297{position:absolute;right:0;margin:15px;}}@media screen and (max-width:1024px){.pricing-blocks__checkbox-label .pricing-blocks__checkbox-details .pricing-blocks__ck-discount{margin-left:10px;font-size:12px;}}#jupiterx-primary .blog_lists .raven-masonry-item img{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;height:200px;width:200px;object-fit:cover;}#jupiterx-primary .blog_lists .raven-post-content .raven-post-title-link{display:block;line-height:1em;margin-bottom:20px;color:#353535;}#jupiterx-primary .blog_lists .raven-post-meta-item a{color:#353535;}#jupiterx-primary .blog_lists .raven-post-meta .raven-post-date{color:#353535;}#jupiterx-primary .blog_lists .raven-post-meta .raven-post-author{color:#353535;}#jupiterx-primary .blog_lists .raven-post-content .raven-post-categories a{color:#fff;border-color:#0098f7;background:#0098f7;padding:0 5px;border-radius:2px;font-size:1.1em;margin-left:10px;}#jupiterx-primary .blog_lists span.raven-post-meta-item.raven-post-tags{width:90%;}ul#sidebar li{list-style:none;}#sidebar ul.wp-block-categories-list.wp-block-categories{margin:0;padding:0px;}#jupiterx-primary .blog_lists .raven-post-meta{display:block;}#jupiterx-primary .blog_lists .raven-post-content{padding-left:0;}#jupiterx-primary .blog_lists .raven-post-meta-item p{margin-top:10px;}.posts_catogries ul li{padding:10px 0 0;border-bottom:1px solid #ccc;cursor:pointer;}.posts_catogries ul{padding:0;list-style:none;}#sidebar label.wp-block-search__label,#sidebar h3.has-black-color.has-text-color{font-family:"Nunito",Nunito;font-size:20px;font-weight:400;}.posts_catogries ul li p{color:#353535;}.posts_catogries ul li p:hover{color:#0098f7;}.post_filter_header{justify-content:flex-start;padding:0 15px;margin:1em -15px 2em !important;}.post_filter_header p{margin-bottom:0;}#myfilter,#most_least_views,#most_least_comments,#author_list{width:100%;padding:6px;margin:5px 0;}ul#sidebar{padding-left:0;}.blog_lists + .col-md-3{padding:0px 20px;}.single-sidebar.row{position:-webkit-sticky;position:sticky;top:75px;}.single-sidebar{background:#f5f5f5;padding:10px 20px;}button.js-btn-popover{border:none;}button.js-btn-popover:focus{outline:none;}.ui-tooltip-content{position:absolute;top:-5em;background-color:#fff;padding:6px;border-radius:5px;border:1px solid #ccc;}span.pricing-blocks__checkbox-details{font-size:13px;}.ui-tooltip-content:after{border-top:10px solid #d9d9d9;border-right:15px solid transparent;border-left:15px solid transparent;content:"";display:block;margin-left:-20px;position:absolute;left:50%;bottom:-11px;width:0;height:0;z-index:9999;transform:rotate(0deg);}.pricing-blocks__icon--light svg,.pricing-blocks__icon--dark svg{margin-left:5px;}.page-id-28904 .lead{font-size:1.4rem !important;font-weight:400 !important;line-height:1.5em !important;}.page-id-28904 p{font-size:16px !important;font-weight:400 !important;}.page-id-28904 .ml-md-auto{margin-left:auto !important;}.page-id-27858 .highlight-box .features-table_list{border:1px solid #ccc;}.page-id-27858 .table-box table tr{line-height:2;}.page-id-27858 .text-xlarge{font-size:24px;}.highlight-box .table_head{padding:0px 0px 0px 68px;}.table-box .highlight-box td:first-child{padding:0px 0px 0px 25px;}.highlight-box table thead tr th:not(:first-child){text-align:center;}.table-box .highlight-box table tbody tr td{width:25%;}.table-box .highlight-box table tr td:not(:first-child){text-align:center;}.table-box .highlight-box td i.fa-check{color:#39d5c5;}#ui-id-0{position:fixed;margin:0 auto;left:0;right:0;top:0;bottom:0;}div#ui-id-0:before{background:rgba(0,0,0,.7);content:"";width:100%;height:100%;display:block;top:0;left:0;right:0;position:absolute;}.table-box .highlight-box{width:1300px;margin:3em auto;position:relative;height:88vh;}.table-box .highlight-box .highlight-Platinum{background:#ecf5ff;}.close{position:absolute;right:5px;top:5px;padding:5px;color:#000;transition:color .3s;font-size:2em;line-height:.6em;font-weight:bold;}.highlight-box .close:hover{color:#0098f7;}.back-to-blog a{background:#008ae1;color:white !important;padding:5px 8px 5px 8px !important;border-radius:4px;position:relative;top:5px;}.back-to-blog a:hover{background:#fff;color:#008ae1 !important;padding:5px 8px 5px 8px !important;border-radius:4px;position:relative;top:5px;border:1px solid #0098f7;}.elementor .logos img{width:auto;}.pricing_table .fa-info-circle{opacity:1 !important;}.jet-popup.jet-popup--front-mode .jet-popup__container-inner{padding:0px !important;}.elementor-heading-title{padding-top:20px !important;}.ctatext.dwn_btn{cursor:pointer;}ul.alignnone1{padding:0 20px;}.docs_search input.js-froala-search.form-control{max-width:25%;float:right;}.jupiterx-corner-buttons{position:relative;}.jupiterx-corner-buttons.jupiterx-scrolled{position:absolute;right:auto !important;}@keyframes smoothScroll{0%{transform:translateY(-40px);}100%{transform:translateY(0px);}}a.btn.bg-btn.shadow-level-1.hide-on-desktop{border-color:#008ae1;background:#008ae1;color:#fff;}.optionTable td{padding:3px;min-width:200px;}h3,.h3{font-size:1.4rem;font-weight:500;line-height:1.8;}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){p.footer-title-heading{font-size:14px;}}@media (max-width: 1020px){span.fa.fa-bars{color:#000 !important;}}@media screen and (max-width:600px){.blogleftsidebar{margin:10px 0;}.anch_lnk{display:inline;}#table-of-contents .mobile-tbcspan a{line-height:18px;}#gglcptch_recaptcha_813479730 iframe{width:100%;height:auto;}#gglcptch_recaptcha_813479730 div{width:100% !important;}#gglcptch_recaptcha_813479730 .rc-anchor-normal-footer .rc-anchor-normal .rc-anchor-pt{text-align:unset;}.only-phone-sidebar #table-of-contents{position:initial;}span.elementor-icon-list-icon{margin:3px;padding:1px;}.visitBtn{padding:6px 10px;}.author-img{width:25%;margin-top:5%;}.author-abt{width:75%;}.blog_lists + .col-md-3{margin-top:10%;}.blog-template-page input.wpsp-input-number{padding:0px;}.blog-template-page .post_pagination{float:none !important;text-align:center;padding-right:0px !important;}.blog-template-page input.wpsp-button{padding:0 10px;border:none;}}@media screen and (min-width: 1200px){.col-md-4.blogsidebar .ftwp-widget #ftwp-container.ftwp-wrap nav.ftwp-shape-square.ftwp-border-thin.smallmenu{height:70px !important;max-height:70px !important;min-height:70px !important;transition:.2s;overflow-y:hidden !important;display:block;position:revert;}}.col-md-4.blogsidebar .ftwp-widget #ftwp-container.ftwp-wrap nav.ftwp-shape-square.ftwp-border-thin.smallmenu{height:70px !important;max-height:70px !important;min-height:70px !important;transition:.2s;overflow-y:hidden !important;display:block;position:revert;}#ftwp-postcontent img.alignnone{width:80%;height:auto;}.single-post #ftwp-postcontent img{width:80%;height:auto;}.winter_leader{width:115px !important;}@media only screen and (max-width: 600px){.postid-51375 table{position:fixed;width:100%;}.postid-51375 table.tinymce-table{width:100% !important;position:fixed;}.mobile-tbcspan a{color:#448cec;font-family:"Nunito";}nav#ftwp-contents{height:auto !important;}}.promo-text{font-weight:600;color:#000 !important;}.promo-text b{color:#000 !important;margin-left:10px !important;font-size:18px !important;font-weight:600;}p.promo-text{color:#000 !important;}.promo-text{font-size:18px !important;}@media (min-width:768px) and (max-width: 1024px){.promo-text{font-size:.95rem;}}@media screen and (max-width: 1400px){.elementor-element-c5648fe{width:60%;}.elementor-element-5ee60b2{width:40%;}.promo-text{font-size:14px;}.promo-text b{font-size:14px;}}@media screen and (max-width: 1375px){.promo-text{font-size:14px !important;}.promo-text b{font-size:14px !important;}}@media screen and (max-width: 767px){.promo-text{text-align:center;}}.promo-text b{color:#000 !important;}p.promo-text{color:#000 !important;}.promo-text{font-size:21px;}@media (min-width:768px) and (max-width: 1024px){.promo-text{font-size:.95rem;}}.promo-text b{color:#0098f7;}p.promo-text{color:#353535;}.promo-text{font-size:21px;}@media (min-width:768px) and (max-width: 1024px){.promo-text{font-size:.95rem;}}.bottom-footer{float:left;text-align:center;width:100%;}p.relevant_articles:first-child{display:none;}.jp-relatedposts p:first-child{display:none !important;}

We speak code.

In your favorite stack.

Easy code preview while browsing design blocks.

Copy / paste code as you browse through design blocks. Use the code button to see the code behind a design block.

Love it? Grow it!

Supported with by Froala