CINXE.COM

Announcing Divi 5 Dev Alpha

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Announcing Divi 5 Dev Alpha</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:local(""),url(/fonts/lato/lato-v23-latin-regular.woff2) format("woff2"),url(/fonts/lato/lato-v23-latin-regular.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:400;src:local(""),url(/fonts/lato/lato-v23-latin-italic.woff2) format("woff2"),url(/fonts/lato/lato-v23-latin-italic.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:local(""),url(/fonts/lato/lato-v23-latin-700.woff2) format("woff2"),url(/fonts/lato/lato-v23-latin-700.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:700;src:local(""),url(/fonts/lato/lato-v23-latin-700italic.woff2) format("woff2"),url(/fonts/lato/lato-v23-latin-700italic.woff) format("woff")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:local(""),url(/fonts/lato/lato-v23-latin-900.woff2) format("woff2"),url(/fonts/lato/lato-v23-latin-900.woff) format("woff")}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#6d7c90;font-family:Lato,sans-serif;font-size:17px;line-height:1.75em;padding:0;text-align:left}body.preload *{transition:all 0s linear!important}@media (max-width:1024px){body{font-size:15px}}*{box-sizing:border-box}.accent-d5 .colored-header,.accent-d5 .colored-text,.accent-d5 a,.accent-d5.colored-text{color:#326bff}.accent-d5 .button,.button.accent-d5,.colored-background.accent-d5{background-color:#326bff}.dark-background .accent-d5 .button,.dark-background.accent-d5 .button{color:#326bff!important}.accent-d5 .button:hover,.button.accent-d5:hover{background-color:#467aff;box-shadow:0 12px 24px -6px rgba(50,107,255,.2)}.accent-d5 .button.primary-button,.accent-d5 .category-circle,.accent-d5 .icon-circle,.button.primary-button.accent-d5,.category-circle.accent-d5,.icon-circle.accent-d5{background:linear-gradient(120deg,#326bff,#2059ea);background-color:#326bff}.accent-d5 .button.primary-button:hover,.accent-d5 .category-circle:hover,.accent-d5 .icon-circle:hover,.button.primary-button.accent-d5:hover,.category-circle.accent-d5:hover,.icon-circle.accent-d5:hover{background-color:#41a5ff}.accent-d5 .tertiary-button,.tertiary-button.accent-d5{color:#326bff!important}.accent-d5 .card-title,.accent-d5 .countdown-amount,.accent-d5 .gradient-text,.accent-d5 .headline-1,.accent-d5 .headline-2,.accent-d5 .headline-3,.accent-d5 .headline-4,.accent-d5 .package_price .price,.accent-d5 .subhead,.accent-d5 .subhead-small,.accent-d5 .subhead-tiny,.accent-d5.dark-background .button.primary-button span,.accent-d5.dark-background.button.primary-button span,.dark-background .accent-d5.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#326bff,#2059ea);-webkit-background-clip:text;color:#326bff}.accent-d5 .gradient-background,.accent-d5.gradient-background{background:linear-gradient(120deg,#326bff,#2059ea)}.accent-d5 .card-button:hover svg,.accent-d5 .current-item svg,.accent-d5 .icon-big,.accent-d5 .icon-small,.accent-d5 svg{fill:#326bff}.accent-d5 .card-button:hover svg .transparent,.accent-d5 .current-item svg .transparent,.accent-d5 svg .transparent{fill:rgba(50,107,255,.4)}.accent-d5 .border-highlight{border-color:#326bff}.accent-gray .colored-header,.accent-gray .colored-text,.accent-gray .current-item,.accent-gray a,.accent-gray.colored-text,.accent-gray.tab-navigation a:hover,.tab-navigation .accent-gray a:hover{color:#6d7c90}.accent-gray .button,.accent-gray .colored-background,.accent-gray.chip,.button.accent-gray,.tab-navigation .accent-gray .current-item:after{background-color:#6d7c90}.dark-background .accent-gray .button,.dark-background.accent-gray .button{color:#6d7c90!important}.accent-gray .button:hover,.button.accent-gray:hover{background-color:#788699;box-shadow:0 12px 24px -6px rgba(109,124,144,.2)}.accent-gray .button.play-button,.button.accent-gray.play-button{background-color:#6d7390}.accent-gray .button.play-button:hover,.button.accent-gray.play-button:hover{background-color:#787e99}.accent-gray .icon-circle,.icon-circle.accent-gray{box-shadow:0 8px 20px -6px rgba(109,124,144,.9)}.accent-gray .icon-circle:hover,.icon-circle.accent-gray:hover{box-shadow:0 12px 20px -6px rgba(109,124,144,.7)}.accent-gray .button.primary-button,.accent-gray .category-circle,.accent-gray .icon-circle,.button.primary-button.accent-gray,.category-circle.accent-gray,.icon-circle.accent-gray{background:linear-gradient(120deg,rgba(109,124,144,0),#627081);background-color:#6d7590}.accent-gray .button.primary-button:hover,.accent-gray .category-circle:hover,.accent-gray .icon-circle:hover,.button.primary-button.accent-gray:hover,.category-circle.accent-gray:hover,.icon-circle.accent-gray:hover{background-color:#757b97}.accent-gray .tertiary-button,.tertiary-button.accent-gray{color:#6d7c90!important}.accent-gray .card-title,.accent-gray .countdown-amount,.accent-gray .gradient-text,.accent-gray .headline-1,.accent-gray .headline-2,.accent-gray .headline-3,.accent-gray .headline-4,.accent-gray .package_price .price,.accent-gray .subhead,.accent-gray .subhead-small,.accent-gray .subhead-tiny,.accent-gray.dark-background .button.primary-button span,.accent-gray.dark-background.button.primary-button span,.dark-background .accent-gray.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#6d7590,#627081);color:#6d7c90}.accent-gray .colored-background,.accent-gray.colored-background{background-color:#6d7c90}.accent-gray .gradient-background,.accent-gray.gradient-background{background-image:-webkit-linear-gradient(120deg,#6d7590,#627081)}.accent-gray .card-button:hover svg,.accent-gray .current-item svg,.accent-gray .icon-big,.accent-gray .icon-small,.accent-gray svg{fill:#6d7c90}.accent-gray .tertiary-button svg{fill:#6d7c90!important}.accent-gray .card-button:hover svg .transparent,.accent-gray .current-item svg .transparent,.accent-gray svg .transparent{fill:rgba(109,124,144,.4)}.accent-gray .border-highlight{border-color:#6d7c90}.accent-yellow .colored-header,.accent-yellow .colored-text,.accent-yellow .current-item,.accent-yellow a,.accent-yellow.colored-text,.accent-yellow.tab-navigation a:hover,.tab-navigation .accent-yellow a:hover{color:#ffad00}.accent-yellow .button,.accent-yellow .colored-background,.accent-yellow.chip,.button.accent-yellow,.tab-navigation .accent-yellow .current-item:after{background-color:#ffad00}.dark-background .accent-yellow .button,.dark-background.accent-yellow .button{color:#ffad00!important}.accent-yellow .button:hover,.button.accent-yellow:hover{background-color:#ffb414;box-shadow:0 12px 24px -6px rgba(255,173,0,.2)}.accent-yellow .button.play-button,.button.accent-yellow.play-button{background-color:#ffed00}.accent-yellow .button.play-button:hover,.button.accent-yellow.play-button:hover{background-color:#ffee14}.accent-yellow .icon-circle,.icon-circle.accent-yellow{box-shadow:0 8px 20px -6px rgba(255,173,0,.9)}.accent-yellow .icon-circle:hover,.icon-circle.accent-yellow:hover{box-shadow:0 12px 20px -6px rgba(255,173,0,.7)}.accent-yellow .button.primary-button,.accent-yellow .category-circle,.accent-yellow .icon-circle,.button.primary-button.accent-yellow,.category-circle.accent-yellow,.icon-circle.accent-yellow{background:linear-gradient(120deg,rgba(255,173,0,0),#e69c00);background-color:#ffe000}.accent-yellow .button.primary-button:hover,.accent-yellow .category-circle:hover,.accent-yellow .icon-circle:hover,.button.primary-button.accent-yellow:hover,.category-circle.accent-yellow:hover,.icon-circle.accent-yellow:hover{background-color:#ffee0f}.accent-yellow .tertiary-button,.tertiary-button.accent-yellow{color:#ffad00!important}.accent-yellow .card-title,.accent-yellow .countdown-amount,.accent-yellow .gradient-text,.accent-yellow .headline-1,.accent-yellow .headline-2,.accent-yellow .headline-3,.accent-yellow .headline-4,.accent-yellow .package_price .price,.accent-yellow .subhead,.accent-yellow .subhead-small,.accent-yellow .subhead-tiny,.accent-yellow.dark-background .button.primary-button span,.accent-yellow.dark-background.button.primary-button span,.dark-background .accent-yellow.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#ffe000,#e69c00);color:#ffad00}.accent-yellow .colored-background,.accent-yellow.colored-background{background-color:#ffad00}.accent-yellow .gradient-background,.accent-yellow.gradient-background{background-image:-webkit-linear-gradient(120deg,#ffe000,#e69c00)}.accent-yellow .card-button:hover svg,.accent-yellow .current-item svg,.accent-yellow .icon-big,.accent-yellow .icon-small,.accent-yellow svg{fill:#ffad00}.accent-yellow .tertiary-button svg{fill:#ffad00!important}.accent-yellow .card-button:hover svg .transparent,.accent-yellow .current-item svg .transparent,.accent-yellow svg .transparent{fill:rgba(255,173,0,.4)}.accent-yellow .border-highlight{border-color:#ffad00}.accent-teal .colored-header,.accent-teal .colored-text,.accent-teal .current-item,.accent-teal a,.accent-teal.colored-text,.accent-teal.tab-navigation a:hover,.tab-navigation .accent-teal a:hover{color:#00b5e6}.accent-teal .button,.accent-teal .colored-background,.accent-teal.chip,.button.accent-teal,.colored-background.accent-teal,.tab-navigation .accent-teal .current-item:after{background-color:#00b5e6}.dark-background .accent-teal .button,.dark-background.accent-teal .button{color:#00b5e6!important}.accent-teal .button:hover,.button.accent-teal:hover{background-color:#00c5fa;box-shadow:0 12px 24px -6px rgba(0,181,230,.2)}.accent-teal .button.play-button,.button.accent-teal.play-button{background-color:#00e6dd}.accent-teal .button.play-button:hover,.button.accent-teal.play-button:hover{background-color:#00faf1}.accent-teal .icon-circle,.icon-circle.accent-teal{box-shadow:0 8px 20px -6px rgba(0,181,230,.9)}.accent-teal .icon-circle:hover,.icon-circle.accent-teal:hover{box-shadow:0 12px 20px -6px rgba(0,181,230,.7)}.accent-teal .button.primary-button,.accent-teal .category-circle,.accent-teal .icon-circle,.button.primary-button.accent-teal,.category-circle.accent-teal,.icon-circle.accent-teal{background:linear-gradient(120deg,rgba(0,181,230,0),#00a1cd);background-color:#00e3e6}.accent-teal .button.primary-button:hover,.accent-teal .category-circle:hover,.accent-teal .icon-circle:hover,.button.primary-button.accent-teal:hover,.category-circle.accent-teal:hover,.icon-circle.accent-teal:hover{background-color:#00f5ec}.accent-teal .tertiary-button,.tertiary-button.accent-teal{color:#00b5e6!important}.accent-teal .card-title,.accent-teal .countdown-amount,.accent-teal .gradient-text,.accent-teal .headline-1,.accent-teal .headline-2,.accent-teal .headline-3,.accent-teal .headline-4,.accent-teal .package_price .price,.accent-teal .subhead,.accent-teal .subhead-small,.accent-teal .subhead-tiny,.accent-teal.dark-background .button.primary-button span,.accent-teal.dark-background.button.primary-button span,.dark-background .accent-teal.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#00e3e6,#00a1cd);-webkit-background-clip:text;color:#00b5e6}.accent-teal .colored-background,.accent-teal.colored-background{background-color:#00b5e6}.accent-teal .gradient-background,.accent-teal.gradient-background{background-image:-webkit-linear-gradient(120deg,#0087e6,#00a1cd)}.accent-teal .card-button:hover svg,.accent-teal .current-item svg,.accent-teal .icon-big,.accent-teal .icon-small,.accent-teal .tertiary-button svg,.accent-teal svg{fill:#00b5e6}.accent-teal .tertiary-button svg{fill:#00b5e6!important}.accent-teal .card-button:hover svg .transparent,.accent-teal .current-item svg .transparent,.accent-teal svg .transparent{fill:rgba(0,181,230,.4)}.accent-teal .border-highlight{border-color:#00b5e6}.accent-light-blue .colored-header,.accent-light-blue .colored-text,.accent-light-blue .current-item,.accent-light-blue a,.accent-light-blue.colored-text,.accent-light-blue.tab-navigation a:hover,.tab-navigation .accent-light-blue a:hover{color:#6797ff}.accent-light-blue .button,.accent-light-blue .colored-background,.accent-light-blue.chip,.button.accent-light-blue,.colored-background.accent-light-blue,.tab-navigation .accent-light-blue .current-item:after{background-color:#6797ff}.dark-background .accent-light-blue .button,.dark-background.accent-light-blue .button{color:#6797ff!important}.accent-light-blue .button:hover,.button.accent-light-blue:hover{background-color:#7ba5ff;box-shadow:0 12px 24px -6px rgba(103,151,255,.2)}.accent-light-blue .button.play-button,.button.accent-light-blue.play-button{background-color:#67bdff}.accent-light-blue .button.play-button:hover,.button.accent-light-blue.play-button:hover{background-color:#7bc6ff}.accent-light-blue .icon-circle,.icon-circle.accent-light-blue{box-shadow:0 8px 20px -6px rgba(103,151,255,.9)}.accent-light-blue .icon-circle:hover,.icon-circle.accent-light-blue:hover{box-shadow:0 12px 20px -6px rgba(103,151,255,.7)}.accent-light-blue .button.primary-button,.accent-light-blue .category-circle,.accent-light-blue .icon-circle,.button.primary-button.accent-light-blue,.category-circle.accent-light-blue,.icon-circle.accent-light-blue{background:linear-gradient(120deg,rgba(103,151,255,0),#4d86ff);background-color:#67b5ff}.accent-light-blue .button.primary-button:hover,.accent-light-blue .category-circle:hover,.accent-light-blue .icon-circle:hover,.button.primary-button.accent-light-blue:hover,.category-circle.accent-light-blue:hover,.icon-circle.accent-light-blue:hover{background-color:#76c4ff}.accent-light-blue .tertiary-button,.tertiary-button.accent-light-blue{color:#6797ff!important}.accent-light-blue .card-title,.accent-light-blue .countdown-amount,.accent-light-blue .gradient-text,.accent-light-blue .headline-1,.accent-light-blue .headline-2,.accent-light-blue .headline-3,.accent-light-blue .headline-4,.accent-light-blue .package_price .price,.accent-light-blue .subhead,.accent-light-blue .subhead-small,.accent-light-blue .subhead-tiny,.accent-light-blue.dark-background .button.primary-button span,.accent-light-blue.dark-background.button.primary-button span,.dark-background .accent-light-blue.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#67b5ff,#4d86ff);-webkit-background-clip:text;color:#6797ff}.accent-light-blue .colored-background,.accent-light-blue.colored-background{background-color:#6797ff}.accent-light-blue .gradient-background,.accent-light-blue.gradient-background{background-image:-webkit-linear-gradient(120deg,#6779ff,#4d86ff)}.accent-light-blue .card-button:hover svg,.accent-light-blue .current-item svg,.accent-light-blue .icon-big,.accent-light-blue .icon-small,.accent-light-blue .tertiary-button svg,.accent-light-blue svg{fill:#6797ff}.accent-light-blue .tertiary-button svg{fill:#6797ff!important}.accent-light-blue .card-button:hover svg .transparent,.accent-light-blue .current-item svg .transparent,.accent-light-blue svg .transparent{fill:rgba(103,151,255,.4)}.accent-light-blue .border-highlight{border-color:#6797ff}.accent-blue .colored-header,.accent-blue .colored-text,.accent-blue .current-item,.accent-blue a,.accent-blue.colored-text,.accent-blue.tab-navigation a:hover,.tab-navigation .accent-blue a:hover{color:#3776ff}.accent-blue .button,.accent-blue .colored-background,.accent-blue.chip,.button.accent-blue,.colored-background.accent-blue,.tab-navigation .accent-blue .current-item:after{background-color:#3776ff}.dark-background .accent-blue .button,.dark-background.accent-blue .button{color:#3776ff!important}.accent-blue .button:hover,.button.accent-blue:hover{background-color:#4b84ff;box-shadow:0 12px 24px -6px rgba(55,118,255,.2)}.accent-blue .button.play-button,.button.accent-blue.play-button{background-color:#37a8ff}.accent-blue .button.play-button:hover,.button.accent-blue.play-button:hover{background-color:#4bb1ff}.accent-blue .icon-circle,.icon-circle.accent-blue{box-shadow:0 8px 20px -6px rgba(55,118,255,.9)}.accent-blue .icon-circle:hover,.icon-circle.accent-blue:hover{box-shadow:0 12px 20px -6px rgba(55,118,255,.7)}.accent-blue .button.primary-button,.accent-blue .category-circle,.accent-blue .icon-circle,.button.primary-button.accent-blue,.category-circle.accent-blue,.icon-circle.accent-blue{background:linear-gradient(120deg,rgba(55,118,255,0),#1e65ff);background-color:#379eff}.accent-blue .button.primary-button:hover,.accent-blue .category-circle:hover,.accent-blue .icon-circle:hover,.button.primary-button.accent-blue:hover,.category-circle.accent-blue:hover,.icon-circle.accent-blue:hover{background-color:#46afff}.accent-blue .tertiary-button,.tertiary-button.accent-blue{color:#3776ff!important}.accent-blue .card-title,.accent-blue .countdown-amount,.accent-blue .gradient-text,.accent-blue .headline-1,.accent-blue .headline-2,.accent-blue .headline-3,.accent-blue .headline-4,.accent-blue .package_price .price,.accent-blue .subhead,.accent-blue .subhead-small,.accent-blue .subhead-tiny,.accent-blue.dark-background .button.primary-button span,.accent-blue.dark-background.button.primary-button span,.dark-background .accent-blue.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#379eff,#1e65ff);-webkit-background-clip:text;color:#3776ff}.accent-blue .colored-background,.accent-blue.colored-background{background-color:#3776ff}.accent-blue .gradient-background,.accent-blue.gradient-background{background-image:-webkit-linear-gradient(120deg,#374eff,#1e65ff)}.accent-blue .card-button:hover svg,.accent-blue .current-item svg,.accent-blue .icon-big,.accent-blue .icon-small,.accent-blue .tertiary-button svg,.accent-blue svg{fill:#3776ff}.accent-blue .tertiary-button svg{fill:#3776ff!important}.accent-blue .card-button:hover svg .transparent,.accent-blue .current-item svg .transparent,.accent-blue svg .transparent{fill:rgba(55,118,255,.4)}.accent-blue .border-highlight{border-color:#3776ff}.accent-dark-blue .colored-header,.accent-dark-blue .colored-text,.accent-dark-blue .current-item,.accent-dark-blue a,.accent-dark-blue.colored-text,.accent-dark-blue.tab-navigation a:hover,.tab-navigation .accent-dark-blue a:hover{color:#262eeb}.accent-dark-blue .button,.accent-dark-blue .colored-background,.accent-dark-blue.chip,.button.accent-dark-blue,.colored-background.accent-dark-blue,.tab-navigation .accent-dark-blue .current-item:after{background-color:#262eeb}.dark-background .accent-dark-blue .button,.dark-background.accent-dark-blue .button{color:#262eeb!important}.accent-dark-blue .button:hover,.button.accent-dark-blue:hover{background-color:#3940ed;box-shadow:0 12px 24px -6px rgba(38,46,235,.2)}.accent-dark-blue .button.play-button,.button.accent-dark-blue.play-button{background-color:#265feb}.accent-dark-blue .button.play-button:hover,.button.accent-dark-blue.play-button:hover{background-color:#396ded}.accent-dark-blue .icon-circle,.icon-circle.accent-dark-blue{box-shadow:0 8px 20px -6px rgba(38,46,235,.9)}.accent-dark-blue .icon-circle:hover,.icon-circle.accent-dark-blue:hover{box-shadow:0 12px 20px -6px rgba(38,46,235,.7)}.accent-dark-blue .button.primary-button,.accent-dark-blue .category-circle,.accent-dark-blue .icon-circle,.button.primary-button.accent-dark-blue,.category-circle.accent-dark-blue,.icon-circle.accent-dark-blue{background:linear-gradient(120deg,rgba(38,46,235,0),#151de3);background-color:#2655eb}.accent-dark-blue .button.primary-button:hover,.accent-dark-blue .category-circle:hover,.accent-dark-blue .icon-circle:hover,.button.primary-button.accent-dark-blue:hover,.category-circle.accent-dark-blue:hover,.icon-circle.accent-dark-blue:hover{background-color:#346aec}.accent-dark-blue .tertiary-button,.tertiary-button.accent-dark-blue{color:#262eeb!important}.accent-dark-blue .card-title,.accent-dark-blue .countdown-amount,.accent-dark-blue .gradient-text,.accent-dark-blue .headline-1,.accent-dark-blue .headline-2,.accent-dark-blue .headline-3,.accent-dark-blue .headline-4,.accent-dark-blue .package_price .price,.accent-dark-blue .subhead,.accent-dark-blue .subhead-small,.accent-dark-blue .subhead-tiny,.accent-dark-blue.dark-background .button.primary-button span,.accent-dark-blue.dark-background.button.primary-button span,.dark-background .accent-dark-blue.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#2655eb,#151de3);-webkit-background-clip:text;color:#262eeb}.accent-dark-blue .colored-background,.accent-dark-blue.colored-background{background-color:#262eeb}.accent-dark-blue .gradient-background,.accent-dark-blue.gradient-background{background-image:-webkit-linear-gradient(120deg,#4526eb,#151de3)}.accent-dark-blue .card-button:hover svg,.accent-dark-blue .current-item svg,.accent-dark-blue .icon-big,.accent-dark-blue .icon-small,.accent-dark-blue .tertiary-button svg,.accent-dark-blue svg{fill:#262eeb}.accent-dark-blue .tertiary-button svg{fill:#262eeb!important}.accent-dark-blue .card-button:hover svg .transparent,.accent-dark-blue .current-item svg .transparent,.accent-dark-blue svg .transparent{fill:rgba(38,46,235,.4)}.accent-dark-blue .border-highlight{border-color:#262eeb}.accent-indigo .colored-header,.accent-indigo .colored-text,.accent-indigo .current-item,.accent-indigo a,.accent-indigo.colored-text,.accent-indigo.tab-navigation a:hover,.tab-navigation .accent-indigo a:hover{color:#4a42ec}.accent-indigo .button,.accent-indigo .colored-background,.accent-indigo.chip,.button.accent-indigo,.colored-background.accent-indigo,.tab-navigation .accent-indigo .current-item:after{background-color:#4a42ec}.dark-background .accent-indigo .button,.dark-background.accent-indigo .button{color:#4a42ec!important}.accent-indigo .button:hover,.button.accent-indigo:hover{background-color:#5c55ee;box-shadow:0 12px 24px -6px rgba(74,66,236,.2)}.accent-indigo .button.play-button,.button.accent-indigo.play-button{background-color:#4264ec}.accent-indigo .button.play-button:hover,.button.accent-indigo.play-button:hover{background-color:#5574ee}.accent-indigo .icon-circle,.icon-circle.accent-indigo{box-shadow:0 8px 20px -6px rgba(74,66,236,.9)}.accent-indigo .icon-circle:hover,.icon-circle.accent-indigo:hover{box-shadow:0 12px 20px -6px rgba(74,66,236,.7)}.accent-indigo .button.primary-button,.accent-indigo .category-circle,.accent-indigo .icon-circle,.button.primary-button.accent-indigo,.category-circle.accent-indigo,.icon-circle.accent-indigo{background:linear-gradient(120deg,rgba(74,66,236,0),#342bea);background-color:#425cec}.accent-indigo .button.primary-button:hover,.accent-indigo .category-circle:hover,.accent-indigo .icon-circle:hover,.button.primary-button.accent-indigo:hover,.category-circle.accent-indigo:hover,.icon-circle.accent-indigo:hover{background-color:#5070ed}.accent-indigo .tertiary-button,.tertiary-button.accent-indigo{color:#4a42ec!important}.accent-indigo .card-title,.accent-indigo .countdown-amount,.accent-indigo .gradient-text,.accent-indigo .headline-1,.accent-indigo .headline-2,.accent-indigo .headline-3,.accent-indigo .headline-4,.accent-indigo .package_price .price,.accent-indigo .subhead,.accent-indigo .subhead-small,.accent-indigo .subhead-tiny,.accent-indigo.dark-background .button.primary-button span,.accent-indigo.dark-background.button.primary-button span,.dark-background .accent-indigo.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#425cec,#342bea);-webkit-background-clip:text;color:#4a42ec}.accent-indigo .colored-background,.accent-indigo.colored-background{background-color:#4a42ec}.accent-indigo .gradient-background,.accent-indigo.gradient-background{background-image:-webkit-linear-gradient(120deg,#6c42ec,#342bea)}.accent-indigo .card-button:hover svg,.accent-indigo .current-item svg,.accent-indigo .icon-big,.accent-indigo .icon-small,.accent-indigo .tertiary-button svg,.accent-indigo svg{fill:#4a42ec}.accent-indigo .tertiary-button svg{fill:#4a42ec!important}.accent-indigo .card-button:hover svg .transparent,.accent-indigo .current-item svg .transparent,.accent-indigo svg .transparent{fill:rgba(74,66,236,.4)}.accent-indigo .border-highlight{border-color:#4a42ec}.accent-pink .colored-header,.accent-pink .colored-text,.accent-pink .current-item,.accent-pink a,.accent-pink.colored-text,.accent-pink.tab-navigation a:hover,.tab-navigation .accent-pink a:hover{color:#ff4a9e}.accent-pink .button,.accent-pink .colored-background,.accent-pink.chip,.button.accent-pink,.colored-background.accent-pink,.tab-navigation .accent-pink .current-item:after{background-color:#ff4a9e}.dark-background .accent-pink .button,.dark-background.accent-pink .button{color:#ff4a9e!important}.accent-pink .button:hover,.button.accent-pink:hover{background-color:#ff5ea9;box-shadow:0 12px 24px -6px rgba(255,74,158,.2)}.accent-pink .button.play-button,.button.accent-pink.play-button{background-color:#ff4acb}.accent-pink .button.play-button:hover,.button.accent-pink.play-button:hover{background-color:#ff5ed1}.accent-pink .icon-circle,.icon-circle.accent-pink{box-shadow:0 8px 20px -6px rgba(255,74,158,.9)}.accent-pink .icon-circle:hover,.icon-circle.accent-pink:hover{box-shadow:0 12px 20px -6px rgba(255,74,158,.7)}.accent-pink .button.primary-button,.accent-pink .category-circle,.accent-pink .icon-circle,.button.primary-button.accent-pink,.category-circle.accent-pink,.icon-circle.accent-pink{background:linear-gradient(120deg,rgba(255,74,158,0),#ff3190);background-color:#ff4ac2}.accent-pink .button.primary-button:hover,.accent-pink .category-circle:hover,.accent-pink .icon-circle:hover,.button.primary-button.accent-pink:hover,.category-circle.accent-pink:hover,.icon-circle.accent-pink:hover{background-color:#ff59d0}.accent-pink .tertiary-button,.tertiary-button.accent-pink{color:#ff4a9e!important}.accent-pink .card-title,.accent-pink .countdown-amount,.accent-pink .gradient-text,.accent-pink .headline-1,.accent-pink .headline-2,.accent-pink .headline-3,.accent-pink .headline-4,.accent-pink .package_price .price,.accent-pink .subhead,.accent-pink .subhead-small,.accent-pink .subhead-tiny,.accent-pink.dark-background .button.primary-button span,.accent-pink.dark-background.button.primary-button span,.dark-background .accent-pink.button.primary-button span{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#ff4ac2,#ff3190);-webkit-background-clip:text;color:#ff4a9e}.accent-pink .colored-background,.accent-pink.colored-background{background-color:#ff4a9e}.accent-pink .gradient-background,.accent-pink.gradient-background{background-image:-webkit-linear-gradient(120deg,#ff4a7a,#ff3190)}.accent-pink .card-button:hover svg,.accent-pink .current-item svg,.accent-pink .icon-big,.accent-pink .icon-small,.accent-pink .tertiary-button svg,.accent-pink svg{fill:#ff4a9e}.accent-pink .tertiary-button svg{fill:#ff4a9e!important}.accent-pink .card-button:hover svg .transparent,.accent-pink .current-item svg .transparent,.accent-pink svg .transparent{fill:rgba(255,74,158,.4)}.accent-pink .border-highlight{border-color:#ff4a9e}.accent-purple .colored-header,.accent-purple .colored-text,.accent-purple .current-item,.accent-purple a,.accent-purple.colored-text,.accent-purple.tab-navigation a:hover,.tab-navigation .accent-purple a:hover{color:#8f42ec}.accent-purple .button,.accent-purple .colored-background,.accent-purple.chip,.button.accent-purple,.tab-navigation .accent-purple .current-item:after{background-color:#8f42ec}.dark-background .accent-purple .button,.dark-background.accent-purple .button{color:#8f42ec!important}.accent-purple .button:hover,.button.accent-purple:hover{background-color:#9a55ee;box-shadow:0 12px 24px -6px rgba(143,66,236,.2)}.accent-purple .button.play-button,.button.accent-purple.play-button{background-color:#ba42ec}.accent-purple .button.play-button:hover,.button.accent-purple.play-button:hover{background-color:#c055ee}.accent-purple .icon-circle,.icon-circle.accent-purple{box-shadow:0 8px 20px -6px rgba(143,66,236,.9)}.accent-purple .icon-circle:hover,.icon-circle.accent-purple:hover{box-shadow:0 12px 20px -6px rgba(143,66,236,.7)}.accent-purple .button.primary-button,.accent-purple .category-circle,.accent-purple .icon-circle,.button.primary-button.accent-purple,.category-circle.accent-purple,.icon-circle.accent-purple{background:linear-gradient(120deg,rgba(143,66,236,0),#812bea);background-color:#b142ec}.accent-purple .button.primary-button:hover,.accent-purple .category-circle:hover,.accent-purple .icon-circle:hover,.button.primary-button.accent-purple:hover,.category-circle.accent-purple:hover,.icon-circle.accent-purple:hover{background-color:#bf50ed}.accent-purple .tertiary-button,.tertiary-button.accent-purple{color:#8f42ec!important}.accent-purple .card-title,.accent-purple .countdown-amount,.accent-purple .gradient-text,.accent-purple .headline-1,.accent-purple .headline-2,.accent-purple .headline-3,.accent-purple .headline-4,.accent-purple .package_price .price,.accent-purple .subhead,.accent-purple .subhead-small,.accent-purple .subhead-tiny,.accent-purple.dark-background .button.primary-button span,.accent-purple.dark-background.button.primary-button span,.dark-background .accent-purple.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#b142ec,#812bea);color:#8f42ec}.accent-purple .colored-background,.accent-purple.colored-background{background-color:#8f42ec}.accent-purple .gradient-background,.accent-purple.gradient-background{background-image:-webkit-linear-gradient(120deg,#b142ec,#812bea)}.accent-purple .card-button:hover svg,.accent-purple .current-item svg,.accent-purple .icon-big,.accent-purple .icon-small,.accent-purple svg{fill:#8f42ec}.accent-purple .tertiary-button svg{fill:#8f42ec!important}.accent-purple .card-button:hover svg .transparent,.accent-purple .current-item svg .transparent,.accent-purple svg .transparent{fill:rgba(143,66,236,.4)}.accent-purple .border-highlight{border-color:#8f42ec}.accent-green .colored-header,.accent-green .colored-text,.accent-green .current-item,.accent-green a,.accent-green.colored-text,.accent-green.tab-navigation a:hover,.tab-navigation .accent-green a:hover{color:#34dd87}.accent-green .button,.accent-green .colored-background,.accent-green.chip,.button.accent-green,.tab-navigation .accent-green .current-item:after{background-color:#34dd87}.dark-background .accent-green .button,.dark-background.accent-green .button{color:#34dd87!important}.accent-green .button:hover,.button.accent-green:hover{background-color:#45e091;box-shadow:0 12px 24px -6px rgba(52,221,135,.2)}.accent-green .button.play-button,.button.accent-green.play-button{background-color:#34ddb1}.accent-green .button.play-button:hover,.button.accent-green.play-button:hover{background-color:#45e0b8}.accent-green .icon-circle,.icon-circle.accent-green{box-shadow:0 8px 20px -6px rgba(52,221,135,.9)}.accent-green .icon-circle:hover,.icon-circle.accent-green:hover{box-shadow:0 12px 20px -6px rgba(52,221,135,.7)}.accent-green .button.primary-button,.accent-green .category-circle,.accent-green .icon-circle,.button.primary-button.accent-green,.category-circle.accent-green,.icon-circle.accent-green{background:linear-gradient(120deg,rgba(52,221,135,0),#24d47a);background-color:#34dda9}.accent-green .button.primary-button:hover,.accent-green .category-circle:hover,.accent-green .icon-circle:hover,.button.primary-button.accent-green:hover,.category-circle.accent-green:hover,.icon-circle.accent-green:hover{background-color:#41dfb6}.accent-green .tertiary-button,.tertiary-button.accent-green{color:#34dd87!important}.accent-green .card-title,.accent-green .countdown-amount,.accent-green .gradient-text,.accent-green .headline-1,.accent-green .headline-2,.accent-green .headline-3,.accent-green .headline-4,.accent-green .package_price .price,.accent-green .subhead,.accent-green .subhead-small,.accent-green .subhead-tiny,.accent-green.dark-background .button.primary-button span,.accent-green.dark-background.button.primary-button span,.dark-background .accent-green.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#34dda9,#24d47a);color:#34dd87}.accent-green .colored-background,.accent-green.colored-background{background-color:#34dd87}.accent-green .gradient-background,.accent-green.gradient-background{background-image:-webkit-linear-gradient(120deg,#34dda9,#24d47a)}.accent-green .card-button:hover svg,.accent-green .current-item svg,.accent-green .icon-big,.accent-green .icon-small,.accent-green svg{fill:#34dd87}.accent-green .tertiary-button svg{fill:#34dd87!important}.accent-green .card-button:hover svg .transparent,.accent-green .current-item svg .transparent,.accent-green svg .transparent{fill:rgba(52,221,135,.4)}.accent-green .border-highlight{border-color:#34dd87}.accent-red .colored-header,.accent-red .colored-text,.accent-red .current-item,.accent-red a,.accent-red.colored-text,.accent-red.tab-navigation a:hover,.tab-navigation .accent-red a:hover{color:#ff4c00}.accent-red .button,.accent-red .colored-background,.accent-red.chip,.button.accent-red,.tab-navigation .accent-red .current-item:after{background-color:#ff4c00}.dark-background .accent-red .button,.dark-background.accent-red .button{color:#ff4c00!important}.accent-red .button:hover,.button.accent-red:hover{background-color:#ff5a14;box-shadow:0 12px 24px -6px rgba(255,76,0,.2)}.accent-red .button.play-button,.button.accent-red.play-button{background-color:#ff8c00}.accent-red .button.play-button:hover,.button.accent-red.play-button:hover{background-color:#ff9514}.accent-red .icon-circle,.icon-circle.accent-red{box-shadow:0 8px 20px -6px rgba(255,76,0,.9)}.accent-red .icon-circle:hover,.icon-circle.accent-red:hover{box-shadow:0 12px 20px -6px rgba(255,76,0,.7)}.accent-red .button.primary-button,.accent-red .category-circle,.accent-red .icon-circle,.button.primary-button.accent-red,.category-circle.accent-red,.icon-circle.accent-red{background:linear-gradient(120deg,rgba(255,76,0,0),#e64400);background-color:#ff7f00}.accent-red .button.primary-button:hover,.accent-red .category-circle:hover,.accent-red .icon-circle:hover,.button.primary-button.accent-red:hover,.category-circle.accent-red:hover,.icon-circle.accent-red:hover{background-color:#ff930f}.accent-red .tertiary-button,.tertiary-button.accent-red{color:#ff4c00!important}.accent-red .card-title,.accent-red .countdown-amount,.accent-red .gradient-text,.accent-red .headline-1,.accent-red .headline-2,.accent-red .headline-3,.accent-red .headline-4,.accent-red .package_price .price,.accent-red .subhead,.accent-red .subhead-small,.accent-red .subhead-tiny,.accent-red.dark-background .button.primary-button span,.accent-red.dark-background.button.primary-button span,.dark-background .accent-red.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#ff7f00,#e64400);color:#ff4c00}.accent-red .colored-background,.accent-red.colored-background{background-color:#ff4c00}.accent-red .gradient-background,.accent-red.gradient-background{background-image:-webkit-linear-gradient(120deg,#ff7f00,#e64400)}.accent-red .card-button:hover svg,.accent-red .current-item svg,.accent-red .icon-big,.accent-red .icon-small,.accent-red svg{fill:#ff4c00}.accent-red .tertiary-button svg{fill:#ff4c00!important}.accent-red .card-button:hover svg .transparent,.accent-red .current-item svg .transparent,.accent-red svg .transparent{fill:rgba(255,76,0,.4)}.accent-red .border-highlight{border-color:#ff4c00}.accent-orange .colored-header,.accent-orange .colored-text,.accent-orange .current-item,.accent-orange a,.accent-orange.colored-text,.accent-orange.tab-navigation a:hover,.tab-navigation .accent-orange a:hover{color:#ff7b2b}.accent-orange .button,.accent-orange .colored-background,.accent-orange.chip,.button.accent-orange,.tab-navigation .accent-orange .current-item:after{background-color:#ff7b2b}.dark-background .accent-orange .button,.dark-background.accent-orange .button{color:#ff7b2b!important}.accent-orange .button:hover,.button.accent-orange:hover{background-color:#ff883f;box-shadow:0 12px 24px -6px rgba(255,123,43,.2)}.accent-orange .button.play-button,.button.accent-orange.play-button{background-color:#ffb02b}.accent-orange .button.play-button:hover,.button.accent-orange.play-button:hover{background-color:#ffb83f}.accent-orange .icon-circle,.icon-circle.accent-orange{box-shadow:0 8px 20px -6px rgba(255,123,43,.9)}.accent-orange .icon-circle:hover,.icon-circle.accent-orange:hover{box-shadow:0 12px 20px -6px rgba(255,123,43,.7)}.accent-orange .button.primary-button,.accent-orange .category-circle,.accent-orange .icon-circle,.button.primary-button.accent-orange,.category-circle.accent-orange,.icon-circle.accent-orange{background:linear-gradient(120deg,rgba(255,123,43,0),#ff6b12);background-color:#ffa52b}.accent-orange .button.primary-button:hover,.accent-orange .category-circle:hover,.accent-orange .icon-circle:hover,.button.primary-button.accent-orange:hover,.category-circle.accent-orange:hover,.icon-circle.accent-orange:hover{background-color:#ffb63a}.accent-orange .tertiary-button,.tertiary-button.accent-orange{color:#ff7b2b!important}.accent-orange .card-title,.accent-orange .countdown-amount,.accent-orange .gradient-text,.accent-orange .headline-1,.accent-orange .headline-2,.accent-orange .headline-3,.accent-orange .headline-4,.accent-orange .package_price .price,.accent-orange .subhead,.accent-orange .subhead-small,.accent-orange .subhead-tiny,.accent-orange.dark-background .button.primary-button span,.accent-orange.dark-background.button.primary-button span,.dark-background .accent-orange.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#ffa52b,#ff6b12);color:#ff7b2b}.accent-orange .colored-background,.accent-orange.colored-background{background-color:#ff7b2b}.accent-orange .gradient-background,.accent-orange.gradient-background{background-image:-webkit-linear-gradient(120deg,#ffa52b,#ff6b12)}.accent-orange .card-button:hover svg,.accent-orange .current-item svg,.accent-orange .icon-big,.accent-orange .icon-small,.accent-orange svg{fill:#ff7b2b}.accent-orange .tertiary-button svg{fill:#ff7b2b!important}.accent-orange .card-button:hover svg .transparent,.accent-orange .current-item svg .transparent,.accent-orange svg .transparent{fill:rgba(255,123,43,.4)}.accent-orange .border-highlight{border-color:#ff7b2b}.accent-navy .colored-header,.accent-navy .colored-text,.accent-navy .current-item,.accent-navy a,.accent-navy.colored-text,.accent-navy.tab-navigation a:hover,.tab-navigation .accent-navy a:hover{color:#293038}.accent-navy .button,.accent-navy .colored-background,.accent-navy.chip,.button.accent-navy,.tab-navigation .accent-navy .current-item:after{background-color:#293038}.dark-background .accent-navy .button,.dark-background.accent-navy .button{color:#293038!important}.accent-navy .button:hover,.button.accent-navy:hover{background-color:#323a44;box-shadow:0 12px 24px -6px rgba(41,48,56,.2)}.accent-navy .button.play-button,.button.accent-navy.play-button{background-color:#292c38}.accent-navy .button.play-button:hover,.button.accent-navy.play-button:hover{background-color:#323644}.accent-navy .icon-circle,.icon-circle.accent-navy{box-shadow:0 8px 20px -6px rgba(41,48,56,.9)}.accent-navy .icon-circle:hover,.icon-circle.accent-navy:hover{box-shadow:0 12px 20px -6px rgba(41,48,56,.7)}.accent-navy .button.primary-button,.accent-navy .category-circle,.accent-navy .icon-circle,.button.primary-button.accent-navy,.category-circle.accent-navy,.icon-circle.accent-navy{background:linear-gradient(120deg,rgba(41,48,56,0),#1e2329);background-color:#292d38}.accent-navy .button.primary-button:hover,.accent-navy .category-circle:hover,.accent-navy .icon-circle:hover,.button.primary-button.accent-navy:hover,.category-circle.accent-navy:hover,.icon-circle.accent-navy:hover{background-color:#2f3341}.accent-navy .tertiary-button,.tertiary-button.accent-navy{color:#293038!important}.accent-navy .card-title,.accent-navy .countdown-amount,.accent-navy .gradient-text,.accent-navy .headline-1,.accent-navy .headline-2,.accent-navy .headline-3,.accent-navy .headline-4,.accent-navy .package_price .price,.accent-navy .subhead,.accent-navy .subhead-small,.accent-navy .subhead-tiny,.accent-navy.dark-background .button.primary-button span,.accent-navy.dark-background.button.primary-button span,.dark-background .accent-navy.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#292d38,#1e2329);color:#293038}.accent-navy .colored-background,.accent-navy.colored-background{background-color:#293038}.accent-navy .gradient-background,.accent-navy.gradient-background{background-image:-webkit-linear-gradient(120deg,#292d38,#1e2329)}.accent-navy .card-button:hover svg,.accent-navy .current-item svg,.accent-navy .icon-big,.accent-navy .icon-small,.accent-navy svg{fill:#293038}.accent-navy .tertiary-button svg{fill:#293038!important}.accent-navy .card-button:hover svg .transparent,.accent-navy .current-item svg .transparent,.accent-navy svg .transparent{fill:rgba(41,48,56,.4)}.accent-navy .border-highlight{border-color:#293038}.accent-dark-gray .colored-header,.accent-dark-gray .colored-text,.accent-dark-gray .current-item,.accent-dark-gray a,.accent-dark-gray.colored-text,.accent-dark-gray.tab-navigation a:hover,.tab-navigation .accent-dark-gray a:hover{color:#6d7c90}.accent-dark-gray .button,.accent-dark-gray .colored-background,.accent-dark-gray.chip,.button.accent-dark-gray,.tab-navigation .accent-dark-gray .current-item:after{background-color:#6d7c90}.dark-background .accent-dark-gray .button,.dark-background.accent-dark-gray .button{color:#6d7c90!important}.accent-dark-gray .button:hover,.button.accent-dark-gray:hover{background-color:#788699;box-shadow:0 12px 24px -6px rgba(109,124,144,.2)}.accent-dark-gray .button.play-button,.button.accent-dark-gray.play-button{background-color:#6d7390}.accent-dark-gray .button.play-button:hover,.button.accent-dark-gray.play-button:hover{background-color:#787e99}.accent-dark-gray .icon-circle,.icon-circle.accent-dark-gray{box-shadow:0 8px 20px -6px rgba(109,124,144,.9)}.accent-dark-gray .icon-circle:hover,.icon-circle.accent-dark-gray:hover{box-shadow:0 12px 20px -6px rgba(109,124,144,.7)}.accent-dark-gray .button.primary-button,.accent-dark-gray .category-circle,.accent-dark-gray .icon-circle,.button.primary-button.accent-dark-gray,.category-circle.accent-dark-gray,.icon-circle.accent-dark-gray{background:linear-gradient(120deg,rgba(109,124,144,0),#627081);background-color:#6d7590}.accent-dark-gray .button.primary-button:hover,.accent-dark-gray .category-circle:hover,.accent-dark-gray .icon-circle:hover,.button.primary-button.accent-dark-gray:hover,.category-circle.accent-dark-gray:hover,.icon-circle.accent-dark-gray:hover{background-color:#757b97}.accent-dark-gray .tertiary-button,.tertiary-button.accent-dark-gray{color:#6d7c90!important}.accent-dark-gray .card-title,.accent-dark-gray .countdown-amount,.accent-dark-gray .gradient-text,.accent-dark-gray .headline-1,.accent-dark-gray .headline-2,.accent-dark-gray .headline-3,.accent-dark-gray .headline-4,.accent-dark-gray .package_price .price,.accent-dark-gray .subhead,.accent-dark-gray .subhead-small,.accent-dark-gray .subhead-tiny,.accent-dark-gray.dark-background .button.primary-button span,.accent-dark-gray.dark-background.button.primary-button span,.dark-background .accent-dark-gray.button.primary-button span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(120deg,#6d7590,#627081);color:#6d7c90}.accent-dark-gray .colored-background,.accent-dark-gray.colored-background{background-color:#6d7c90}.accent-dark-gray .gradient-background,.accent-dark-gray.gradient-background{background-image:-webkit-linear-gradient(120deg,#6d7590,#627081)}.accent-dark-gray .card-button:hover svg,.accent-dark-gray .current-item svg,.accent-dark-gray .icon-big,.accent-dark-gray .icon-small,.accent-dark-gray svg{fill:#6d7c90}.accent-dark-gray .tertiary-button svg{fill:#6d7c90!important}.accent-dark-gray .card-button:hover svg .transparent,.accent-dark-gray .current-item svg .transparent,.accent-dark-gray svg .transparent{fill:rgba(109,124,144,.4)}.accent-dark-gray .border-highlight{border-color:#6d7c90}.accent-ai .gradient-text{-webkit-text-fill-color:transparent!important;background:linear-gradient(120deg,#5200ff,#00c9ff 60%)!important;-webkit-background-clip:text!important;color:#00c9ff!important}.accent-ai .button:not(.tertiary-button){background:linear-gradient(120deg,#00c9ff,#5200ff)!important;background-color:#00e3e6!important}h1,h2,h3,h4,h5,h6{color:#20292f;font-weight:700;line-height:1.6em;margin:.2em 0 .4em;max-width:850px;width:100%}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}.centered h1,.centered h2,.centered h3,.centered h4,.centered h5,.centered h6{margin-left:auto;margin-right:auto}h1{font-size:2.3rem;line-height:1.4em;max-width:800px}h2{font-size:1.8rem;line-height:1.25em}@media (max-width:768px){h2{font-size:1.5rem}}@media (max-width:480px){h2{font-size:1.3rem;line-height:1.4em}}.card-featured h2:not(.headline-2){font-size:2.2em}@media (max-width:670px){.card-featured h2:not(.headline-2){font-size:1.7rem}}@media (max-width:480px){.card-featured h2:not(.headline-2){font-size:1.3rem;line-height:1.4em}}h3{font-size:1.5rem;line-height:1.3em}@media (max-width:768px){h3{font-size:1.4rem}}@media (max-width:480px){h3{font-size:1.2rem}}.blurb h3,h4{font-size:1.1rem;line-height:1.4em}@media (max-width:480px){.blurb h3,h4{font-size:1rem}}h5{font-size:1rem}h6{font-size:.85rem}em{font-style:italic}p{color:#6d7c90;width:100%}p.lead{font-size:1.1em;max-width:850px}p:last-child{margin-bottom:0}p b,p strong{color:#20292f;font-weight:600}p>a{font-weight:700}.hidden{display:none!important}.body-small{font-size:.88em;line-height:1.75em}.body-small strong{color:#20292f;font-weight:600}.body-small li{line-height:1em}.body-dense{font-size:.76em;line-height:1.85em}a{cursor:pointer;text-decoration:none}.link-list a:hover,a:hover{color:#3776ff}.dark-background a:hover{color:#fff}ol,ol li,p,ul,ul li{margin-bottom:1em}ol+p,p+h1,p+h2,p+h3,p+h4,p+h5,p+p,ul+p{margin-top:1em}ul.centered a{justify-content:center}ul.link-list{color:#6d7c90}ul.link-list .link-list-header{background:#fff;border-bottom:2px solid #edf1f3;border-top:2px solid #edf1f3;color:#20292f;font-weight:600;margin:-24px -32px 20px;padding:10px}.card-medium ul.link-list .link-list-header{margin-left:-24px;margin-right:-24px}.card-small ul.link-list .link-list-header{margin-left:-16px;margin-right:-16px}ul.link-list a{color:#6d7c90}ul.link-list.with-link-icon a{display:flex;transform:translateX(14px)}ul.link-list.with-link-icon a svg{transition:all .3s cubic-bezier(.4,0,.2,1)}ul.link-list.with-link-icon a:hover svg{transform:translateX(4px)}code,pre{background:rgba(109,124,144,.1);padding:16px}i{font-style:italic}.no-wrap{white-space:nowrap}iframe{max-width:100%}iframe.e-embed-frame{max-width:540px!important;min-width:auto!important;width:100%!important}img{align-self:center;display:block;max-width:100%;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:visible}img:not(.lazy){height:auto}img.lazy{opacity:0;visibility:hidden}img.fullwidth-image{max-width:none;width:100%}img.border-highlight{border:4px solid;border-radius:8px;padding:10px}video{background:linear-gradient(120deg,#e8ebee,#c7ccd3);max-width:100%;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:visible}video:not(.lazy){height:auto}video.lazy{opacity:0;visibility:hidden}@media (min-width:769px){img.image-offset-right,video.image-offset-right{align-self:flex-start;max-width:160%;width:160%}img.image-offset-left,video.image-offset-left{margin-left:-60%;max-width:160%;width:160%}img.image-offset-big-right,video.image-offset-big-right{align-self:flex-start;max-width:187%;width:187%}img.image-offset-big-left,video.image-offset-big-left{margin-left:-87%;max-width:187%;width:187%}}.inline-element{display:inline}.dark-background .headline-1,.dark-background .headline-2,.dark-background .headline-3,.dark-background .headline-4,.dark-background .subhead,.dark-background .subhead-small,.dark-background .subhead-tiny,.dark-background h1,.dark-background h2,.dark-background h3,.dark-background h4,.dark-background h5,.dark-background h6,.dark-background li,.dark-background p,.dark-background p a,.dark-background ul{-webkit-text-fill-color:#fff;background:none;color:#fff}.dark-background strong{color:#fff}.dark-background p a{font-weight:800;text-decoration:underline}.headline-1.black-header,.headline-2.black-header,.headline-3.black-header,.headline-4.black-header{-webkit-text-fill-color:inherit;color:#20292f}.headline-1{font-size:120px;font-weight:900;line-height:1em;margin-bottom:.2em}@media (max-width:1300px){.headline-1{font-size:10vw}}@media (max-width:1024px){.headline-1{font-size:13vw}}@media (max-width:768px){.headline-1{font-size:16vw}}.headline-2{font-size:80px;font-weight:900;line-height:1.2em;margin-bottom:.2em}@media (max-width:1300px){.headline-2{font-size:7vw}}@media (max-width:1024px){.headline-2{font-size:9vw}}@media (max-width:768px){.headline-2{margin-bottom:.4em}}.headline-3{font-size:50px;font-weight:900;line-height:1.2em}@media (max-width:1024px){.headline-3{font-size:6vw}}.headline-4{font-size:40px;font-weight:900;line-height:1.2em}@media (max-width:1024px){.headline-4{font-size:5vw}}#footer-menu h3,.card-title,.subhead,.subhead-small,.subhead-tiny,.tab-navigation a,.tab-navigation-narrow,nav a.menu-item{font-size:.85em;font-weight:700;letter-spacing:2px;line-height:1.7em;margin-bottom:.6em;text-transform:uppercase}#footer-menu h3,.subhead-small,.tab-navigation-narrow,nav a.menu-item{font-size:.8em}.subhead-tiny{font-size:.65em;font-weight:900;letter-spacing:.15em}.card-title{font-size:15px}.button{align-self:flex-start;border:none;border-radius:100px;color:#fff!important;cursor:pointer;font-family:Lato,sans-serif;font-size:12px;font-weight:900;justify-content:center;letter-spacing:1px;line-height:28px;margin-bottom:16px;padding:8px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.button:active:focus,.button:focus{outline:none}.button.right-aligned-button{align-self:flex-end}.button:hover{transform:translateY(-1px)}.button.chip,.button.tertiary-button{background-color:#f2f4f5}.button.chip:hover,.button.tertiary-button:hover{background-color:#eceef1;box-shadow:none}.button.chip{color:#6d7c90!important}.button.primary-button{font-size:15px;padding:12px 32px}.button.text-button{background:none;margin-bottom:0;padding:0}.button.text-button:hover{background:none!important;transform:none!important}.button.switch-button{background:none;margin-bottom:0;padding:0}.button.switch-button:hover{transform:none!important}.button.dark-background.primary-button,.button.dark-background.primary-button:hover,.dark-background .button,.dark-background .button.primary-button,.dark-background .button.primary-button:hover,.dark-background .button:hover{background:#fff}.dark-background .button.outline-button,.dark-background .button.outline-button:hover{background:transparent;border:2px solid #fff;color:#fff!important}.button.fullwidth-button{width:100%}.button.inline-button{display:inline-block}.right-align-items.button{margin-right:0}p+.button{margin-top:1.5em}.button svg{fill:#fff!important}.dark-background .button svg{fill:#000!important}.button.play-button{padding-left:8px}.dark-background .button.play-button{background:#fff!important}.centered .button{align-self:center}.button-callout{opacity:0;position:absolute;visibility:hidden}.with-callout{position:relative}.tab-navigation{margin:0}.tab-navigation li{display:flex;margin:0!important;position:relative;text-align:center}.tab-navigation li a{color:#6d7c90;margin:0!important;padding:16px 20px;position:relative}.tab-navigation-narrow.tab-navigation li a{letter-spacing:1px;padding-left:16px;padding-right:16px}.tab-navigation li a.callout{background:#34dd87;border-radius:8px;bottom:-46px;color:#fff;display:block;font-size:12px;left:50%;opacity:0;padding:8px 16px;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out;visibility:hidden;width:210px;z-index:9}.tab-navigation li a.callout:hover{color:#fff;transform:translateX(-50%) scale(1.1)}.tab-navigation li a.callout:before{background:transparent;border-bottom:10px solid #34dd87;border-left:10px solid transparent;border-right:10px solid transparent;content:"";display:block;height:0;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:0}.tab-navigation li a.callout:after{display:none}.tab-navigation li a.current-item:after{border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-navigation li a:after,.tab-navigation li a:before{bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.tab-navigation li a:before{background:#e1e4e8;margin-left:0;margin-right:0}.tab-navigation:hover li a.callout{bottom:-36px;opacity:1;visibility:visible}.icon-tabs li a{align-items:center;display:flex}.icon-tabs li a svg{margin-right:10px}.card,.rounded-corners{border-radius:8px}.card{background-color:#fff;box-shadow:0 8px 60px 0 rgba(103,151,255,.11),0 12px 90px 0 rgba(103,151,255,.11);margin-top:24px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:first-of-type{margin-top:0}.card>:last-child:not(.row-container,.row,.column){margin-bottom:0}.card.transparent-card{background:transparent}.card.card-medium{padding:24px}.card.card-small{padding:16px}.card.card-full-bleed,img.card{padding:0}.card .card-full-bleed-inset-container,.card .card-inset-container{align-self:stretch;margin:32px -32px}.card .card-full-bleed-inset-container:first-child,.card .card-inset-container:first-child{margin-top:-32px}.card .card-full-bleed-inset-container:last-child,.card .card-inset-container:last-child{margin-bottom:-32px!important}.card .card-full-bleed-inset-container>:last-child,.card .card-inset-container>:last-child{margin-bottom:0}.card-medium.card .card-full-bleed-inset-container,.card-medium.card .card-inset-container{margin:16px -24px}.card-medium.card .card-full-bleed-inset-container:first-child,.card-medium.card .card-inset-container:first-child{margin-top:-24px}.card-medium.card .card-full-bleed-inset-container:last-child,.card-medium.card .card-inset-container:last-child{margin-bottom:-24px!important}.card-small.card .card-full-bleed-inset-container,.card-small.card .card-inset-container{margin:24px -16px}.card-small.card .card-full-bleed-inset-container:first-child,.card-small.card .card-inset-container:first-child{margin-top:-24px}.card-small.card .card-full-bleed-inset-container:last-child,.card-small.card .card-inset-container:last-child{margin-bottom:-24px!important}.card .card-inset-container{background:rgba(109,124,144,.04);padding:24px 32px}.card-medium.card .card-inset-container{padding:16px 24px}.card-small.card .card-inset-container{padding:16px}.border-card{border:2px solid rgba(109,124,144,.12);box-shadow:none}.elipses{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-button{background-color:#fff;color:#20292f!important;font-size:11px;font-weight:900;letter-spacing:1px;line-height:1.4em;padding:16px;text-transform:uppercase}.card-button svg{fill:rgba(109,124,144,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-button svg .transparent{fill:rgba(109,124,144,.25);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-button.current-item,.card-button:hover{background-color:#fff;box-shadow:0 10px 70px 0 rgba(103,151,255,.22),0 15px 105px 0 rgba(103,151,255,.22);margin-left:-6px;margin-right:-6px}.badge{border-radius:4px;display:inline-block;font-size:14px;font-weight:800;padding:0 8px;position:relative}.badge,.light-background .badge{background:#000;color:#fff}.badge.icon-badge{align-items:center;display:flex;gap:4px}.badge.icon-badge svg{fill:#fff}.divi-pro-badge{cursor:pointer;display:flex;position:relative}.divi-pro-badge .badge{background:linear-gradient(115deg,#379eff,#40f);margin-bottom:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.divi-pro-badge .badge:hover{padding-left:10px;padding-right:10px}.divi-pro-badge .tooltip_hover{font-size:17px}#lifetime-switcher .tooltip_hover,.button-toggle .tooltip_hover,.divi-pro-badge .tooltip_hover,.payment-duration .tooltip_hover{bottom:60px;left:50%!important;text-align:center!important;transform:scale(.95) translateX(-52.5%)!important;transform-origin:top center!important;width:480px}#lifetime-switcher .tooltip_hover:after,.button-toggle .tooltip_hover:after,.divi-pro-badge .tooltip_hover:after,.payment-duration .tooltip_hover:after{bottom:-6px;left:50%!important;margin-left:-12px;right:auto!important;top:auto}.bottom-border{border-bottom:1px solid rgba(109,124,144,.12);padding-bottom:16px}.button,.card-button{align-items:center;display:flex;text-decoration:none}.button svg,.card-button svg{height:28px;margin:0 12px 0 0;width:28px}.row.product-feature{margin-bottom:13%;margin-top:13%}.row.product-feature:first-child{margin-top:4%}.row.product-feature:last-child{margin-bottom:4%}.icon-container{border-radius:100px;box-shadow:0 4px 24px 0 rgba(103,151,255,.1),0 12px 64px 0 rgba(103,151,255,.1);padding:24px}.icon-container img{margin:0!important}.icon-big,.icon-container,.icon-small{display:flex;flex-shrink:0}.icon-big svg,.icon-container svg,.icon-small svg{display:flex}.icon-small svg,svg.icon-small{height:28px;width:28px}.icon-big svg,svg.icon-big{height:64px;width:64px}svg.ui-icon{fill:#6d7c90}.dark-background .icon-big{fill:#fff}.dark-background .icon-big .transparent{fill:hsla(0,0%,100%,.5)}section{display:flex;flex-direction:column;margin-bottom:48px;margin-top:48px;position:relative}#main-nav+section{margin-top:0;padding-top:100px}section.padded-section{padding:8vw 0}.row-container{margin:auto;max-width:90%;position:relative;width:1120px}.row-container.extra-wide-width{width:1800px}.row-container.wide-width{width:1440px}.row-container.medium-width{width:1200px}.row-container.narrow{width:960px}.row-container.thin{width:560px}.row-container.skinny{width:480px}.row-container.small-width{width:800px}.row-container.fullwidth{max-width:100%;width:100%}.row{display:flex;flex-wrap:wrap;margin:4% -2.5%;max-width:105%;position:relative}.row.small-gutters{margin-left:-1.5%;margin-right:-1.5%;max-width:103%}.row.tiny-gutters{margin-left:-.75%;margin-right:-.75%;max-width:101.5%}.row.wide-gutters{margin-left:-3.5%;margin-right:-3.5%;max-width:107%}.row.centered{justify-content:center}.row.card{margin-bottom:4%;margin-top:4%}.card .row,.row.card{margin-left:0;margin-right:0}.row.narrow{align-self:center;width:960px}.column-container{display:flex;flex-direction:column;padding:0 2.375%}.small-gutters .column-container{padding:0 1.455%}.tiny-gutters .column-container{padding:0 .73875%}.column-container .no-gutters{padding:0}.wide-gutters .column-container{padding:0 3.255%}.bottom-align-columns .column-container{justify-content:flex-end}.column-container.column-width-auto,.column-width-auto .column-container{flex:none}.column{display:flex;flex-direction:column;min-width:100%}.column>div,.column>img,.column>object{margin-bottom:2em}.column.small-spacing>div,.column.small-spacing>img,.column.small-spacing>object,.hosting-card .column>img{margin-bottom:1em}.equal-column-heights .column{flex:1}.bottom-align-last-items.equal-column-heights .column>:last-child{margin-top:auto}.center-align-last-items.equal-column-heights .column>:last-child{margin-bottom:auto;margin-top:auto}.column:not(.inline-elements)>:last-child{margin-bottom:0}.centered,.column .centered,.column.centered{align-items:center!important;text-align:center}.inline-elements{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.inline-elements>*{margin-right:5%}.inline-elements>:last-child{margin-right:0!important}.inline-elements.small-gutters>*{margin-right:3%}.right-align-items.inline-elements.small-gutters>*{margin-left:3%}.inline-elements.tiny-gutters>*{margin-right:1.5%}.right-align-items.inline-elements.tiny-gutters>*{margin-left:1.5%}.inline-elements.centered{align-items:flex-start;justify-content:center}.inline-elements.centered>*{margin-left:2.5%;margin-right:2.5%}.inline-elements.centered.small-gutters>*{margin-left:1.5%;margin-right:1.5%}.inline-elements.centered.tiny-gutters>*{margin-left:.75%;margin-right:.75%}.inline-elements.right-align-items{justify-content:flex-end}.right-align-items.inline-elements.right-align-items>*{margin-right:0!important}p+.inline-elements{margin-top:1.5em}.flex{display:flex}.flex.flex-column{flex-direction:column}.overflow-hidden{overflow:hidden}.button-group{grid-column-gap:16px;display:flex;flex-direction:row;flex-wrap:wrap}.fill-space{flex:1}@media only screen and (min-width:769px){.column-container{flex:1}body.single-post .article-container .column-container{flex:auto}.center-align-columns .column-container{justify-content:center}.two-column .column-container{flex:0 0 50%!important;max-width:50%!important}.two-column .column-container:nth-of-type(-n+2){margin-top:0!important}.three-column .column-container{flex:0 0 33.33333333%!important;max-width:33.33333333%!important}.three-column .column-container:nth-of-type(-n+3){margin-top:0!important}.four-column .column-container{flex:0 0 25%!important;max-width:25%!important}.four-column .column-container:nth-of-type(-n+4){margin-top:0!important}.five-column .column-container{flex:0 0 20%!important;max-width:20%!important}.five-column .column-container:nth-of-type(-n+5){margin-top:0!important}.product-feature-reverse .row.product-feature,.product-feature-river .row.product-feature:nth-child(2n),.product-feature-river-reverse .row.product-feature:nth-child(odd){flex-direction:row-reverse}}.column-1{flex:0 0 8.33333333%!important;max-width:8.33333333%!important}.column-2{flex:0 0 16.66666667%!important;max-width:16.66666667%!important}.column-2_4{flex:0 0 20%!important;max-width:20%!important}.column-3{flex:0 0 25%!important;max-width:25%!important}.column-4{flex:0 0 33.33333333%!important;max-width:33.33333333%!important}.column-5{flex:0 0 41.66666667%!important;max-width:41.66666667%!important}.column-6{flex:0 0 50%!important;max-width:50%!important}.column-7{flex:0 0 58.33333333%!important;max-width:58.33333333%!important}.column-8{flex:0 0 66.66666667%!important;max-width:66.66666667%!important}.column-9{flex:0 0 75%!important;max-width:75%!important}.column-10{flex:0 0 83.33333333%!important;max-width:83.33333333%!important}.column-11{flex:0 0 91.66666667%!important;max-width:91.66666667%!important}.column-12{flex:0 0 100%!important;max-width:100%!important}.five-column .column-container,.four-column .column-container,.three-column .column-container,.two-column .column-container{margin-top:5%}.small-gutters.five-column .column-container,.small-gutters.four-column .column-container,.small-gutters.three-column .column-container,.small-gutters.two-column .column-container{margin-top:3%}.tiny-gutters.five-column .column-container,.tiny-gutters.four-column .column-container,.tiny-gutters.three-column .column-container,.tiny-gutters.two-column .column-container{margin-top:1.5%}@media only screen and (max-width:960px) and (min-width:671px){.column-container:not(.retain-width-on-mobile),.product-feature .column-container:not(.retain-width-on-mobile){flex:1;max-width:none}}@media only screen and (max-width:768px) and (min-width:671px){.column-1-tablet{flex:0 0 8.33333333%!important;max-width:8.33333333%!important}.column-2-tablet{flex:0 0 16.66666667%!important;max-width:16.66666667%!important}.column-2_4-tablet{flex:0 0 20%!important;max-width:20%!important}.column-3-tablet{flex:0 0 25%!important;max-width:25%!important}.column-4-tablet{flex:0 0 33.33333333%!important;max-width:33.33333333%!important}.column-5-tablet{flex:0 0 41.66666667%!important;max-width:41.66666667%!important}.column-6-tablet{flex:0 0 50%!important;max-width:50%!important}.column-7-tablet{flex:0 0 58.33333333%!important;max-width:58.33333333%!important}.column-8-tablet{flex:0 0 66.66666667%!important;max-width:66.66666667%!important}.column-9-tablet{flex:0 0 75%!important;max-width:75%!important}.column-10-tablet{flex:0 0 83.33333333%!important;max-width:83.33333333%!important}.column-11-tablet{flex:0 0 91.66666667%!important;max-width:91.66666667%!important}.column-12-tablet{flex:0 0 100%!important;max-width:100%!important}.five-column .column-container,.four-column .column-container{flex:0 0 50%!important;max-width:50%!important}.five-column .column-container:nth-of-type(-n+2),.four-column .column-container:nth-of-type(-n+2){margin-top:0}.four-column .column-container,.three-column .column-container,.two-column .column-container{flex:0 0 50%!important;max-width:50%!important}.four-column .column-container:nth-of-type(-n+2),.three-column .column-container:nth-of-type(-n+2),.two-column .column-container:nth-of-type(-n+2){margin-top:0}.three-column-tablet .column-container{flex:0 0 33.33333333%!important;max-width:33.33333333%!important}.three-column-tablet .column-container:nth-of-type(-n+3){margin-top:0}.three-column-tablet .column-container{margin-top:5%}.small-gutters.three-column-tablet .column-container{margin-top:3%}.tiny-gutters.three-column-tablet .column-container{margin-top:1.5%}.four-column-tablet .column-container{flex:0 0 25%!important;margin-top:5%;max-width:25%!important}.four-column-tablet .column-container:nth-of-type(-n+4){margin-top:0}}@media only screen and (max-width:670px){.row .column-container{flex:0 0 100%!important;margin-top:30px;max-width:100%!important;padding:0 2.5%}.row .column-container:first-child{margin-top:0}.two-column-phone .column-container{flex:0 0 50%!important;margin-top:5%;max-width:50%!important}.two-column-phone .column-container:nth-of-type(-n+2){margin-top:0}.four-column-phone .column-container{flex:0 0 25%!important;margin-top:5%;max-width:25%!important}.four-column-phone .column-container:nth-of-type(-n+4){margin-top:0}}.arrow-section-divider{fill:#fff;max-height:300px}#builder-preview{margin-bottom:14%;margin-top:20px}#builder-preview svg.svg-shape{bottom:-35%;left:13%;opacity:.5;position:absolute;transform:rotate(10deg);width:55%;z-index:-1}#builder-preview:before{background:rgba(0,181,230,.5);left:-30px;top:310px}#builder-preview:after,#builder-preview:before{border-radius:2000px;content:"";display:block;height:96px;position:absolute;width:96px;z-index:-1}#builder-preview:after{background:rgba(143,66,236,.15);right:20%;top:-20px}#builder-preview video{display:none;margin:0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}#builder-preview video.current-item{display:initial;opacity:1;visibility:visible}#builder-preview .column-container:first-of-type{order:2}#builder-preview .column-container:nth-of-type(2){order:1}#builder-preview .column-container:last-of-type{order:3}.feature-blurb-grid{margin-bottom:80px}.feature-blurb-grid svg.svg-shape{bottom:-20%;left:-10%;position:absolute;transform:rotate(-10deg);width:100%;z-index:-1}.feature-blurb-grid:after{background:linear-gradient(120deg,rgba(255,74,158,0) 45%,rgba(255,74,158,.4));border-radius:2000px;content:"";display:block;height:800px;position:absolute;right:-140px;top:-210px;width:800px;z-index:-1}.website-pack-preview{align-items:center;justify-content:center;position:relative}.website-pack-preview+h4{margin-top:16px;z-index:3}.website-pack-preview span{margin:0;overflow:hidden;padding:0;transform:rotate(0deg)}.website-pack-preview span:first-child{height:240px;width:220px;z-index:3}.website-pack-preview span:nth-child(2),.website-pack-preview span:nth-child(3){height:200px;opacity:.8;position:absolute;top:12px;width:180px;z-index:2}.website-pack-preview span:nth-child(2){left:25px}.website-pack-preview span:nth-child(3){right:25px}.website-pack-preview:hover span{overflow:hidden;padding:0}.website-pack-preview:hover span:first-child{width:160px}.website-pack-preview:hover span:nth-child(2),.website-pack-preview:hover span:nth-child(3){height:220px;opacity:1;width:160px}.website-pack-preview:hover span:nth-child(2){left:0;transform:rotate(-5deg)}.website-pack-preview:hover span:nth-child(3){right:0;transform:rotate(5deg)}.trustpilot-widget{min-height:30px;width:100%}.package .trustpilot-widget{margin-bottom:1em!important}.trustpilot-widget iframe~iframe{filter:drop-shadow(0 10px 10px rgba(103,151,255,.2))}.trustpilot-widget-subhead{height:20px;margin-bottom:1em!important;max-width:420px;overflow:hidden}.testimonial .review-logo{align-self:start;max-height:40px;max-width:94px}.testimonial svg{max-width:118px;width:100%}.testimonial-big.testimonial svg{fill:#ffad00;margin:24px auto 40px}.testimonial-wide.testimonial svg{fill:#34dd87}.testimonial .icon-blurb{margin-bottom:1em}.testimonial .blurb img{border-radius:100%}.testimonial-big.testimonial .blurb img{margin-top:-32px}.testimonial-wide.testimonial .blurb img{width:40px}.testimonial .subhead{line-height:1.4em}.testimonial.testimonial-big{box-shadow:0 64px 104px 0 rgba(103,151,255,.09)}.testimonial.testimonial-big h4{margin-bottom:0}.testimonial.testimonial-wide{margin-bottom:2em}.video-popup{z-index:3}.video-popup .video-play-icon{border-radius:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.featured-video{margin-bottom:64px}.featured-video a.video-popup .image-container{position:relative}.featured-video a.video-popup .image-container:after{background-color:red;background:linear-gradient(120deg,rgba(103,151,255,.5),#8f42ec);border-radius:8px;content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:1}.monarch-video.featured-video a.video-popup .image-container:after{background:linear-gradient(120deg,rgba(255,173,0,0),#ff7b2b)}.featured-video a.video-popup>svg{bottom:-30%;left:-15%;position:absolute;transform:rotate(10deg);width:70%;z-index:-1}.featured-video a.video-popup:before{background:rgba(255,74,158,.5);border-radius:2000px;content:"";display:block;height:160px;position:absolute;right:-50px;top:-60px;width:160px;z-index:-1}.monarch-video.featured-video a.video-popup:before{background:rgba(255,173,0,.5)}.featured-video a.video-popup:after{background:#4a42ec;border-radius:2000px;bottom:-60px;content:"";display:block;height:24px;position:absolute;right:20%;width:24px;z-index:-1}.monarch-video.featured-video a.video-popup:after{background:#ff4c00}.et-db #et-boc .et-fb-checkboxes-category-wrap p{margin-top:0}#contact-cards{margin-bottom:80px}#contact-cards:after{background:linear-gradient(45deg,#e9f4ff,rgba(233,244,255,0) 70%);height:860px;width:860px}#contact-cards:after,#login-card:after{border-radius:2000px;bottom:-80px;content:"";display:block;position:absolute;z-index:-1}#login-card:after{background:linear-gradient(225deg,#e9f4ff,rgba(233,244,255,0) 70%);height:560px;right:-80px;width:560px}#careers-hero{background:#f5f5f5 url(/images/shapes/section-divider-asymmetric-bottom.svg) no-repeat bottom;background-size:contain;padding-bottom:5vw}.gallery-hero{background-position:bottom;background-repeat:no-repeat;background-size:cover;padding-bottom:12vw;padding-top:10vw;transform-origin:50% 85%}.gallery-hero .lead a{color:hsla(0,0%,100%,.75)}.gallery-hero .lead a:hover{color:#fff}.gallery-hero:after{background:#fff;bottom:-2px;content:"";display:block;height:4px;position:absolute;width:100%;z-index:1}.overlay{height:100%;position:absolute;top:0;width:100%}#landing-hero{background-image:linear-gradient(rgba(255,74,158,.2),rgba(255,74,158,0) 50%),url(/images/home/landing-hero-background.jpg),linear-gradient(60deg,#5c00c3 16%,#ff4a9e 85%);padding-bottom:8vw}#landing-hero .row-container:first-child{z-index:2}#landing-hero .overlay{background:linear-gradient(-8deg,transparent 35%,#130e87 75%)}@media (max-width:768px){#landing-hero{padding-bottom:18vw}}#discount-hero{box-shadow:none;margin-bottom:0;padding-bottom:48px}.play-button-container{align-items:center;background:linear-gradient(120deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2));border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;box-shadow:0 24px 72px 0 rgba(0,0,0,.5);display:flex;height:164px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:164px}.play-button-container.play-button-container-small{height:134px;width:134px}.play-button-container:hover{cursor:pointer;transform:scale(.96)}.play-button-container:hover .play-button{transform:scale(1.16)}@media (max-width:960px){.play-button-container{transform:scale(.8)}}@media (max-width:670px){.play-button-container{margin:0 auto -20%}}.play-button-container .play-button{align-items:center;background:#fff;border-radius:100%;box-shadow:0 8px 16px 0 rgba(0,0,0,.3);display:flex;height:120px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:120px;z-index:2}.play-button-container .play-button svg{height:34px;width:34px}.video .play-button-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.video .play-button-container:hover{transform:translate(-50%,-50%) scale(.96)}.video .video-popup{position:relative}.video-popup-join-button{display:none}#landing-hero-collage{perspective:320px;perspective-origin:100%;position:relative}#hero-video-container{margin:0;transform:translateZ(0)}#landing-hero-video{box-shadow:-96px 96px 96px -64px rgba(23,16,159,.5),-200px 160px 160px -100px rgba(23,16,159,.1);margin-left:20%;margin-top:-115%;max-width:none;transform:rotateY(0deg) rotateX(-16deg) rotateX(24deg) skewY(-16deg) skewX(32deg);width:150%}@media (max-width:1024px){#landing-hero-video{margin-top:-140%;width:180%}}.elevation-4,.video-popup .video-play-icon,.website-pack-preview span,a .card:hover,a.card:hover,a.elevation-3:hover{box-shadow:0 10px 70px 0 rgba(103,151,255,.22),0 15px 105px 0 rgba(103,151,255,.22)}.elevation-1-hover,.elevation-2-hover,.elevation-3-hover{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent}.elevation-1,a.elevation-1-hover:hover{box-shadow:0 2px 8px 0 rgba(103,151,255,.09),0 4px 32px 0 rgba(103,151,255,.09)}.elevation-2,a.elevation-1:hover,a.elevation-2-hover:hover{box-shadow:0 4px 24px 0 rgba(103,151,255,.1),0 12px 64px 0 rgba(103,151,255,.1)}.elevation-3,a.elevation-2:hover,a.elevation-3-hover:hover{box-shadow:0 8px 60px 0 rgba(103,151,255,.11),0 12px 90px 0 rgba(103,151,255,.11)}.guarantee{color:#34dd87;font-weight:700}.guarantee .tooltip_hover{background:#34dd87;color:#fff}.guarantee .tooltip_hover:after{background:#34dd87}.blurb .icon-container,.blurb>img,.blurb>svg{margin-bottom:16px}.blurb .circle-image{border-radius:120px;max-width:120px}.icon-blurb{display:flex;text-align:left}.icon-blurb .icon-circle,.icon-blurb img,.icon-blurb svg{margin-bottom:0}.icon-blurb .icon-circle+*,.icon-blurb img+*,.icon-blurb svg+*{margin-left:16px}.icon-blurb.icon-blurb-title-only{align-items:center}.icon-list{position:relative}.icon-list svg{display:inline-block;height:20px;margin-bottom:-4px;width:20px}.icon-list svg+*{display:inline-block;margin-left:4px}.rellax{transition:none}.quote-icon{fill:#e9f4ff}#intercom-modal{position:relative}#intercom-modal:after{background:linear-gradient(25deg,#e9f4ff,rgba(233,244,255,0) 60%);border-radius:2000px;bottom:-40px;content:"";display:block;height:1000px;left:-100px;position:absolute;width:1000px;z-index:-1}.image-collage{height:auto;position:relative;width:100%}.image-collage img{position:absolute}#pricing-table-image-collage img:first-of-type{margin-bottom:18%;max-width:61%;position:relative}#pricing-table-image-collage img:nth-of-type(2){max-width:47%;right:0;top:11%}#pricing-table-image-collage img:last-of-type{bottom:0;left:27%;max-width:67%}#pricing-model,.row-with-card-column{margin-bottom:144px}#pricing-model .column-container,.row-with-card-column .column-container{padding-top:24px}#pricing-model .column-container.card,.row-with-card-column .column-container.card{margin-bottom:-144px;padding-bottom:80px}#pricing-model svg,.row-with-card-column svg{bottom:-35%;margin-left:-10%;position:absolute;width:65%;z-index:-1}#company-stats .headline-2{margin-bottom:0}.portrait-grid img{border-radius:100%;margin-top:16px;max-width:180px}.tooltip_hover{opacity:0;position:absolute;visibility:hidden}.menu-item svg{content:" ";position:absolute;right:24px;top:14px;transform:rotate(-90deg);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:-1}.menu-item svg.menu-expand{opacity:1}.menu-item svg.menu-collapse{fill:rgba(109,124,144,.3);opacity:0}.active .menu-item svg{transform:rotate(0deg)}.active .menu-item svg.menu-expand{opacity:0}.active .menu-item svg.menu-collapse{opacity:1}#main-nav{background:#fff;padding:8px 0;position:fixed;top:0;width:100%;z-index:99999999}.js-ready #main-nav{transition:all .2s ease-in-out}#main-nav .row-container{align-items:center;display:flex;width:1440px}#main-nav #logo{margin:0;max-height:80px;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);width:109px}#main-nav #logo img{max-width:100%}#main-nav .hamburger{border-radius:3px;cursor:pointer;display:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#main-nav .hamburger span{background:#ff4a9e;border-radius:3px;display:block;height:3px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}#main-nav .hamburger span:nth-child(2){margin:4px 0}#main-nav .hamburger.toggled span{background:#ff4a9e!important}#main-nav .hamburger.toggled span:first-child{transform:translateY(6px) rotate(45deg)}#main-nav .hamburger.toggled span:last-child{transform:translateY(-8px) rotate(-45deg)}#main-nav .hamburger.toggled span:nth-child(2){opacity:0}#main-nav .menu-bg-wrapper{left:0;margin-top:-8px;opacity:0;position:absolute;top:100%;visibility:hidden;will-change:opacity;z-index:3}.et_fixed_nav#main-nav .menu-bg-wrapper{margin-top:0}.mouse-ready.js-ready #main-nav .menu-bg-wrapper.is-visible{opacity:1;visibility:visible}#main-nav .menu-bg-wrapper .menu-bg{background:#fff;border-radius:5px;box-shadow:0 12px 40px 0 rgba(23,16,159,.2),0 70px 100px -60px rgba(23,16,159,.4);height:304px;transform-origin:left top;width:304px;will-change:transform;z-index:999}.transparent-header #main-nav .menu-bg-wrapper .menu-bg{box-shadow:0 12px 40px 0 rgba(23,16,159,.4),0 70px 100px -60px rgba(23,16,159,.6)}#main-nav .menu-bg-wrapper .menu-arrow{background:#fff;border-radius:2000px;border-radius:6px;content:"";display:block;height:30px;left:-20px;position:absolute;top:-12px;transform:rotate(45deg) translateX(-70%);width:30px;z-index:-1;z-index:9}#main-nav nav>ul,#main-nav nav>ul a,#main-nav nav>ul li{margin:0}#main-nav nav{flex:1;justify-content:flex-end}#main-nav nav,#main-nav nav>ul{align-items:center;display:flex}#main-nav nav>ul{position:relative}#main-nav nav>ul li{position:relative;z-index:999}#main-nav nav>ul li:hover>a{color:#20292f}#main-nav nav a.menu-item{color:rgba(32,41,47,.6);display:flex;flex-direction:column;height:80px;justify-content:center;padding:0 24px}#main-nav nav #accounts-button,#main-nav nav #pricing-button{align-self:center;margin:0 0 0 24px;min-width:160px}#main-nav.transparent-header,.transparent-header #main-nav{background:transparent}#main-nav.transparent-header a.menu-item,.transparent-header #main-nav a.menu-item{color:#fff}#main-nav.transparent-header #pricing-button,.transparent-header #main-nav #pricing-button{background:#fff;color:#ff4a9e!important}#main-nav.transparent-header .hamburger span,.transparent-header #main-nav .hamburger span{background:#fff}#main-nav.transparent-header-dark{background:transparent}#main-nav .sub-menu{background:none;box-shadow:none;left:50%;opacity:0;padding-top:16px;pointer-events:none;position:absolute;top:80px;transform:translateX(-50%);transition:none;visibility:hidden;width:320px;z-index:9999}#main-nav .sub-menu.sub-menu-wide{width:464px}#main-nav .sub-menu.sub-menu-wider{width:488px}#main-nav .sub-menu .icon-blurb>div{position:relative}#main-nav .sub-menu hr{background-image:linear-gradient(90deg,#d3e0ea,rgba(211,224,234,0));border-width:0;display:block;height:2px;margin:12px 0 8px;width:100%}#main-nav .sub-menu.horizontal-menu{padding-top:24px}#main-nav .sub-menu.horizontal-menu .menu-items{display:flex;margin-bottom:0}#main-nav .sub-menu.horizontal-menu .menu-items svg{display:initial;margin-bottom:8px}#main-nav .sub-menu.horizontal-menu .menu-items li{border-radius:8px;flex:1;margin:0 8px;padding:0;transition:all .2s ease}#main-nav .sub-menu.horizontal-menu .menu-items li:first-of-type{margin-left:0}#main-nav .sub-menu.horizontal-menu .menu-items li:last-of-type{margin-right:0}#main-nav .sub-menu.horizontal-menu .menu-items li p{font-size:1em;line-height:1.6em}#main-nav .sub-menu.horizontal-menu .menu-items li a{border-radius:8px;display:block;padding:16px;text-align:center}#main-nav .sub-menu.horizontal-menu .menu-items li:hover{transform:scale(.98)}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-purple{background:linear-gradient(120deg,rgba(143,66,236,.04),rgba(143,66,236,.1))}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-purple p{color:#614484}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-blue{background:linear-gradient(120deg,rgba(55,118,255,.04),rgba(55,118,255,.1))}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-blue p{color:#34559c}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-green{background:linear-gradient(120deg,rgba(52,221,135,.04),rgba(52,221,135,.1))}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-green p{color:#436855}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-orange{background:linear-gradient(120deg,rgba(255,123,43,.04),rgba(255,123,43,.1))}#main-nav .sub-menu.horizontal-menu .menu-items li.accent-orange p{color:#935631}#main-nav .sub-menu.horizontal-menu .menu-items h3{line-height:1.3em;margin:0 0 8px}#main-nav .sub-menu.horizontal-menu .menu-items h3:after{content:""}#main-nav .sub-menu.sub-menu-extra-extra-wide{transform:translateX(-26%);width:900px}#main-nav .sub-menu.sub-menu-extra-wide{display:flex;flex-wrap:wrap;transform:translateX(-23%);width:1000px}#main-nav .sub-menu.sub-menu-extra-wide .menu-block-wide{flex:9}#main-nav .sub-menu.sub-menu-extra-wide .menu-block-wide .menu-items{float:left;width:50%}#main-nav .sub-menu.sub-menu-extra-wide .menu-block-wide>h3{color:#74899a;font-size:1em;margin-bottom:0;margin-top:8px}#main-nav .sub-menu.sub-menu-extra-wide .menu-block-wide ul{flex:2}#main-nav .sub-menu.sub-menu-extra-wide .button{margin-top:16px}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container{background:linear-gradient(90deg,rgba(109,124,144,.04) 95%,rgba(109,124,144,.07));border-radius:4px 0 0 4px;flex:3;margin:-16px 24px -24px -24px!important;padding:16px 24px 24px}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container li:last-of-type a{padding-bottom:0}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container>h3{color:#74899a;font-size:1em;margin-top:8px}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container .subhead{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#8196a6,#536a7c);-webkit-background-clip:text;color:#8196a6}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container svg{fill:#adbfcf;transition:fill .2s ease-in-out}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container svg .transparent{fill:rgba(173,191,207,.5);transition:fill .2s ease-in-out}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container a:hover svg{fill:#20292f}#main-nav .sub-menu.sub-menu-extra-wide .card-inset-container a:hover svg .transparent{fill:rgba(32,41,47,.5)}#main-nav .sub-menu ul>a,#main-nav .sub-menu ul>li{margin:0;transition:all .2s ease-in-out}#main-nav .sub-menu ul>a:hover h3:after,#main-nav .sub-menu ul>li:hover h3:after{opacity:1;transform:translateX(24px) scale(1)}#main-nav .sub-menu ul>a:hover p,#main-nav .sub-menu ul>li:hover p{color:#20292f}#main-nav .sub-menu ul>a:hover .icon-circle,#main-nav .sub-menu ul>li:hover .icon-circle{transform:scale(1.1)}#main-nav .sub-menu ul h3{margin:-.3em 0 0;position:relative}#main-nav .sub-menu ul h3:after{fill:#20292f;content:url(/images/icons/menu-arrow.svg);display:block;opacity:0;position:absolute;right:0;top:3px;transform:translateX(16px) scale(.7);transition:all .2s ease-in-out;width:16px;z-index:1}#main-nav .sub-menu ul p{font-size:.85em;line-height:1.4em;transition:all .2s ease-in-out}#main-nav .sub-menu ul.menu-items div{align-items:center;display:flex;flex-wrap:wrap}#main-nav .sub-menu ul.menu-items h3{margin:0 12px 0 0}#main-nav .sub-menu ul.menu-items a{padding:6px 0}#main-nav .sub-menu ul.primary-menu-items a{padding:.6em 0}#main-nav .sub-menu ul.primary-menu-items h3{font-size:1em;margin-right:24px;position:relative;width:auto}#main-nav .sub-menu>.card-inset-container{margin-top:0}#main-nav.et_fixed_nav{background:#fff;box-shadow:0 4px 24px 0 rgba(103,151,255,.1),0 12px 64px 0 rgba(103,151,255,.1);padding:0}#main-nav.et_fixed_nav #logo{max-height:60px;width:80px}#main-nav.et_fixed_nav a.menu-item{color:rgba(32,41,47,.6);height:60px;padding:0 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}#main-nav.et_fixed_nav .sub-menu{top:60px}#main-nav.et_fixed_nav nav>ul li:hover>a{color:#20292f}#main-nav.et_fixed_nav #pricing-button{background:linear-gradient(120deg,rgba(255,74,158,0),#ff3190);background-color:#ff4ac2;color:#fff!important}#main-nav.et_fixed_nav #pricing-button:hover{background-color:#ff59d0}#main-nav.et_fixed_nav #accounts-button,#main-nav.et_fixed_nav #pricing-button{padding-bottom:8px;padding-top:8px}#main-nav.et_fixed_nav .hamburger span{background:#ff4a9e}#main-nav .et-main-account-menu .et_account_login_form{width:100%}#main-nav .et-main-account-menu #account-downloads-button,#main-nav .et-main-account-menu .et_account_login_form,#main-nav .et-main-account-menu>.menu-items{display:none;float:left;text-align:center}#main-nav .et-main-account-menu p,#main-nav .et-main-account-menu span{font-size:15px}.icon-circle{border-radius:100px;flex-shrink:0;height:48px;transition:all .2s ease-in-out;width:48px}.icon-circle svg{fill:#fff!important;margin:auto}.icon-circle svg .transparent{fill:hsla(0,0%,100%,.5)!important}.js-ready.mouse-ready #main-nav nav>ul li:hover .sub-menu{opacity:1;pointer-events:auto;transition:all .15s ease-in-out .1s;visibility:visible}.js-ready.mouse-ready .is-animatable.menu-arrow,.js-ready.mouse-ready .is-animatable.menu-bg{transition:all .2s ease-in-out}.js-ready.mouse-ready .is-visible.menu-bg-wrapper{animation:fade-in .2s ease-in-out}.et_fixed_nav_transition .menu-bg,.et_fixed_nav_transition .sub-menu{transition:all .2s ease-in-out 0ms!important}.dark-background .button.highlight-pricing-button,.highlight-pricing-button{background:linear-gradient(120deg,rgba(52,221,135,0),#24d47a)!important;background-color:#34dd65!important;color:#fff!important}.dark-background .button.highlight-pricing-button:hover,.highlight-pricing-button:hover{background-color:#41df67!important}.pricing-button-wrapper{position:relative}.pricing-button-wrapper.et-highlighted{transform:none}.menu-callout{opacity:0;position:absolute;visibility:hidden}#search-form{display:flex;max-width:100%;position:relative;width:450px}#search-form .search-icon{height:28px;position:absolute;right:8px;top:24px;width:auto;z-index:2}#flyinwrapper,.cover-popup{display:none}.promo-slide-in{animation:promo-slide-in .3s cubic-bezier(.4,0,.2,1);display:block;height:40px;overflow:hidden!important;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:99999999}.large-slide-in .promo-slide-in{height:80px}.promo-slide-in-content{animation:promo-fade-in .3s cubic-bezier(.4,0,.2,1);text-align:center}.promo-slide-in-content h6{color:#fff;display:inline-block;height:40px;line-height:40px;margin:0;vertical-align:middle;width:auto}.promo-slide-in-content .button{margin:0;padding:1px 20px;vertical-align:middle}.is-countdown{background-color:rgba(204,61,0,.5);border-radius:4px;display:inline-block;max-width:400px;padding:4px;width:100%}.gradient-background-blue .is-countdown{background-color:rgba(4,83,255,.5)}.countdown-row{clear:both;padding:0 2px;text-align:center;width:100%}.countdown-show1 .countdown-section{width:98%}.countdown-show2 .countdown-section{width:48%}.countdown-show3 .countdown-section{width:32.5%}.countdown-show4 .countdown-section{width:24.5%}.countdown-show5 .countdown-section{width:19.5%}.countdown-show6 .countdown-section{width:16.25%}.countdown-show7 .countdown-section{width:14%}.countdown-section{display:block;float:left;font-size:75%;text-align:center}.countdown-amount{color:#fff;font-size:24px;font-weight:900}.countdown-period{color:#fff;display:block;font-weight:900;margin-top:-10px}.gradient-background-blue .countdown-period{color:#009!important}.gradient-background-red .countdown-period{color:#900!important}.countdown-descr{display:block;width:100%}.card>.is-countdown{margin-top:0;padding-top:0}.sale-countdown-wrapper{margin:0 auto;max-width:100%;padding:24px;position:relative;text-align:center;width:480px}.sale-countdown-wrapper .subhead{margin-bottom:16px}#bottom-call-to-action .sale-countdown-wrapper{margin-bottom:2em;margin-top:.6em;padding:24px}.sale-countdown-wrapper .countdown-timer{background-color:transparent;gap:40px;justify-content:center;max-width:100%;min-height:70px;padding:0;width:400px}.sale-countdown-wrapper .countdown-timer .countdown-period{color:#6d7c90!important;font-size:1.1em;letter-spacing:1.5px;margin-top:0;text-transform:uppercase}.sale-countdown-wrapper .countdown-timer .countdown-amount{color:#ff4c00;font-size:2.4em;font-weight:600}.sale-countdown-wrapper .button{margin-top:8px}.sale-countdown-wrapper~div{margin-bottom:0}#countdown-popup{display:none}form#et_manage_form{width:100%}#card-element,.et_card_number,input:not([type]),input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{background:rgba(109,124,144,.1);border:none;border:2px solid rgba(55,118,255,0);border-radius:5px;color:#20292f;display:block;font-family:Lato,sans-serif;font-size:.9em;font-weight:700;letter-spacing:.5px;line-height:1.83em;margin:16px 0;outline:none;padding:8px 12px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}input[type=submit]{font-family:Lato,sans-serif}.et_manage_input{display:flex;flex:1;position:relative}.et_manage_input input::-webkit-input-placeholder,.et_manage_input select::-webkit-input-placeholder,.et_manage_input textarea::-webkit-input-placeholder{color:rgba(109,124,144,.6)}.et_manage_input input:focus:not(.no-edit),.et_manage_input input:hover:not(.no-edit),.et_manage_input select:focus:not(.no-edit),.et_manage_input select:hover:not(.no-edit),.et_manage_input textarea:focus:not(.no-edit),.et_manage_input textarea:hover:not(.no-edit){border:2px solid #3776ff}.et_manage_input input:focus,.et_manage_input select:focus,.et_manage_input textarea:focus{background:rgba(109,124,144,0)}.et_manage_input input:focus+label,.et_manage_input select:focus+label,.et_manage_input textarea:focus+label{color:#3776ff}.et_filled.et_manage_input input+label,.et_filled.et_manage_input select+label,.et_filled.et_manage_input textarea+label,.et_manage_input input:focus+label,.et_manage_input select:focus+label,.et_manage_input textarea:focus+label{opacity:1;top:-.2em}.et_filled.et_manage_input input::-webkit-input-placeholder,.et_filled.et_manage_input select::-webkit-input-placeholder,.et_filled.et_manage_input textarea::-webkit-input-placeholder,.et_manage_input input:focus::-webkit-input-placeholder,.et_manage_input select:focus::-webkit-input-placeholder,.et_manage_input textarea:focus::-webkit-input-placeholder{color:transparent}.et_manage_input .et-stripe-cancel-card-change,.et_manage_input .et_filled,.et_manage_input label{color:rgba(109,124,144,.6);font-size:10px;font-weight:700;left:0;letter-spacing:1px;line-height:1.2em;opacity:0;pointer-events:none;position:absolute;text-align:left;text-transform:uppercase;top:-.2em;transition:all,.4s}.et_manage_input select{height:48px}.et_manage_input select+label{opacity:1;top:-2px}.et_manage_input .toggle-button{margin:16px 0;opacity:1;pointer-events:auto;position:relative}.et_manage_input .toggle-button .states{background:rgba(109,124,144,.1);border-radius:5px;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.et_manage_input .toggle-button .states .button{color:#6d7c90!important;margin:0;padding:6px 12px;transform:none}.et_manage_input .toggle-button .states .labels .button{background:none}.et_manage_input .toggle-button .bubble{height:100%;left:0;position:absolute;top:0;width:100%}.et_manage_input .toggle-button .bubble span{background:#fff;border-radius:1px;box-shadow:none;display:block;position:absolute;top:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.et_manage_input .toggle-button .bubble span.state1{color:#6d7c90!important;left:4px;opacity:1}.et_manage_input .toggle-button .bubble span.state2{opacity:0;right:50%}.et_manage_input .toggle-button input[type=checkbox]:checked+.states{background:#3776ff}.et_manage_input .toggle-button input[type=checkbox]:checked+.states .button{color:#fff!important}.et_manage_input .toggle-button input[type=checkbox]:checked+.states .button.state1{left:50%;opacity:0}.et_manage_input .toggle-button input[type=checkbox]:checked+.states .button.state2{color:#3776ff!important;opacity:1;right:4px}.et_manage_input .toggle-button+label{opacity:1;top:-2px}.et_manage_input.et_manage_input_dense input:not([type]),.et_manage_input.et_manage_input_dense input[type=date],.et_manage_input.et_manage_input_dense input[type=datetime-local],.et_manage_input.et_manage_input_dense input[type=email],.et_manage_input.et_manage_input_dense input[type=number],.et_manage_input.et_manage_input_dense input[type=password],.et_manage_input.et_manage_input_dense input[type=search],.et_manage_input.et_manage_input_dense input[type=tel],.et_manage_input.et_manage_input_dense input[type=text],.et_manage_input.et_manage_input_dense input[type=time],.et_manage_input.et_manage_input_dense input[type=url],.et_manage_input.et_manage_input_dense select,.et_manage_input.et_manage_input_dense textarea{font-size:.77em;letter-spacing:0;padding:7px}.et_manage_input.et_manage_input_dense select{height:39px}.comparison-table,.comparison-table .column-container{padding:0}.comparison-table .column-container:first-child{border-right:1px solid rgba(109,124,144,.12)}.comparison-table .comparison-table-column-header,.comparison-table .icon-blurb{align-items:center;border-bottom:1px solid rgba(109,124,144,.12);margin:0;padding:16px 32px}.comparison-table .icon-blurb:last-of-type{border:none;padding-bottom:24px}.help-tooltip{position:relative}.help-tooltip-icon{background:#1e65ff;border-radius:50px;color:#fff;font-size:12px;font-weight:800;margin-left:5px;padding:2px 7px}.help-tooltip-icon:hover+.help-tooltip-tooltip{opacity:1}.help-tooltip-tooltip{opacity:0;pointer-events:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=submit]{cursor:pointer;margin:16px 0}input[type=number]{-moz-appearance:textfield}input.no-edit{background:#fff;border-color:rgba(109,124,144,.1)}#captcha{display:flex}#captcha img{margin-left:20px;margin-top:16px;max-width:none}.gradient-background-green{background:radial-gradient(circle at top left,#34dd87 0,#34ddbf 100%);background-color:#34dd87;box-shadow:0 48px 48px -32px rgba(52,221,135,.12),0 96px 96px -64px rgba(52,221,135,.48)}.gradient-background-red{background:linear-gradient(120deg,rgba(255,76,0,0),#e64400);background-color:#ff7f00;box-shadow:0 48px 48px -32px rgba(255,76,0,.12),0 96px 96px -64px rgba(255,76,0,.48)}.gradient-background-orange{background:linear-gradient(120deg,rgba(255,123,43,0),#ff6b12);background-color:#ff7f00;box-shadow:0 48px 48px -32px rgba(255,123,43,.12),0 96px 96px -64px rgba(255,123,43,.48)}.gradient-background-blue{background:linear-gradient(120deg,rgba(55,118,255,0),#1e65ff);background-color:#374eff;box-shadow:0 48px 48px -32px rgba(55,118,255,.12),0 96px 96px -64px rgba(55,118,255,.48)}.gradient-background-purple{background:linear-gradient(120deg,rgba(143,66,236,0),#812bea);background-color:#b142ec;box-shadow:0 48px 48px -32px rgba(143,66,236,.12),0 96px 96px -64px rgba(143,66,236,.48)}.gradient-background-dark-blue{background-image:linear-gradient(60deg,#1c2bf7 10%,#061c59 90%)}.gradient-background-black{background:linear-gradient(120deg,rgba(32,41,47,0),#161c20);background-color:#20262f;box-shadow:0 48px 48px -32px rgba(32,41,47,.12),0 96px 96px -64px rgba(32,41,47,.48)}.gradient-background-pink{background:linear-gradient(120deg,rgba(255,74,158,0),#ff3190);background-color:#ff4a7a;box-shadow:0 48px 48px -32px rgba(255,74,158,.12),0 96px 96px -64px rgba(255,74,158,.48)}.gradient-background-teal{background:linear-gradient(120deg,rgba(0,181,230,0),#00a1cd);background-color:#0087e6;box-shadow:0 48px 48px -32px rgba(0,181,230,.12),0 96px 96px -64px rgba(0,181,230,.48)}.gradient-background-indigo{background:linear-gradient(120deg,rgba(74,66,236,0),#342bea);background-color:#6c42ec;box-shadow:0 48px 48px -32px rgba(74,66,236,.12),0 96px 96px -64px rgba(74,66,236,.48)}.gradient-background-navy{background:linear-gradient(120deg,rgba(41,48,56,0),#1e2329);background-color:#292d38;box-shadow:0 48px 48px -32px rgba(41,48,56,.12),0 96px 96px -64px rgba(41,48,56,.48)}.card.background-local-green{background-color:#51bb7c}.background-light-gray{background-color:#e7e9ed}@media only screen and (max-width:1100px){#main-nav nav a.menu-item{padding:0 16px}}@media only screen and (min-width:1025px){.perspective-right{margin-bottom:16%;perspective:600px;perspective-origin:100%}.product-feature .perspective-right{margin-top:8%}.skew-right{transform:rotateY(-16deg) rotateX(8deg) skew(-10deg,8deg) scale(1.1) translateX(-8%)}.perspective-left{margin-bottom:16%;perspective:600px;perspective-origin:0}.product-feature .perspective-left{margin-top:8%}.skew-left{transform:rotateY(16deg) rotateX(8deg) skew(10deg,-8deg) scale(1.1) translateX(8%)}}@media only screen and (min-width:1024px){svg.menu-collapse,svg.menu-expand{display:none;opacity:0;visibility:hidden}}@media only screen and (max-width:1024px){html.mobile-menu{height:100vh;overflow:hidden}#main-nav .et-main-account-menu #account-downloads-button,#main-nav .et-main-account-menu .et_account_login_form,#main-nav .et-main-account-menu>.menu-items{float:none}#main-nav .et-main-account-menu #account-downloads-button{display:none!important}#main-nav,#main-nav.et_fixed_nav,#main-nav.transparent-header{height:80px}#main-nav .row-container,#main-nav.et_fixed_nav .row-container,#main-nav.transparent-header .row-container{justify-content:space-between}body.mobile-menu #main-nav,body.mobile-menu #main-nav.et_fixed_nav,body.mobile-menu #main-nav.transparent-header{background:#fff}#main-nav .menu-bg-wrapper,#main-nav .menu-bg-wrapper.is-visible,#main-nav.et_fixed_nav .menu-bg-wrapper,#main-nav.et_fixed_nav .menu-bg-wrapper.is-visible,#main-nav.transparent-header .menu-bg-wrapper,#main-nav.transparent-header .menu-bg-wrapper.is-visible{opacity:0!important;visibility:hidden!important}#main-nav nav,#main-nav.et_fixed_nav nav,#main-nav.transparent-header nav{display:none;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}#main-nav nav.toggled,#main-nav.et_fixed_nav nav.toggled,#main-nav.transparent-header nav.toggled{display:flex;opacity:1;visibility:visible}#main-nav nav .pricing-button-wrapper,#main-nav.et_fixed_nav nav .pricing-button-wrapper,#main-nav.transparent-header nav .pricing-button-wrapper{background:#fff;bottom:0;left:0;padding:24px;position:fixed;right:0;text-align:center;width:100%}#main-nav nav .pricing-button-wrapper #pricing-button,#main-nav.et_fixed_nav nav .pricing-button-wrapper #pricing-button,#main-nav.transparent-header nav .pricing-button-wrapper #pricing-button{background:#ff4a9e;color:#fff!important}#main-nav nav .pricing-button-wrapper #pricing-button,#main-nav nav .pricing-button-wrapper #pricing-button #accounts-button,#main-nav.et_fixed_nav nav .pricing-button-wrapper #pricing-button,#main-nav.et_fixed_nav nav .pricing-button-wrapper #pricing-button #accounts-button,#main-nav.transparent-header nav .pricing-button-wrapper #pricing-button,#main-nav.transparent-header nav .pricing-button-wrapper #pricing-button #accounts-button{margin:0}#main-nav nav .menu,#main-nav.et_fixed_nav nav .menu,#main-nav.transparent-header nav .menu{overflow-y:auto;padding:0 0 100px;width:100%}#main-nav nav a.menu-item,#main-nav.et_fixed_nav nav a.menu-item,#main-nav.transparent-header nav a.menu-item{color:rgba(32,41,47,.6);height:60px}#main-nav nav>ul,#main-nav.et_fixed_nav nav>ul,#main-nav.transparent-header nav>ul{position:fixed}#main-nav nav ul,#main-nav.et_fixed_nav nav ul,#main-nav.transparent-header nav ul{background:#f2f4f5;bottom:0;flex-direction:column;left:0;margin:0;top:80px;transition:all .3s cubic-bezier(.4,0,.2,1)}body.with_promo_slide_in #main-nav nav ul,body.with_promo_slide_in #main-nav.et_fixed_nav nav ul,body.with_promo_slide_in #main-nav.transparent-header nav ul{top:120px}body.large-slide-in #main-nav nav ul,body.large-slide-in #main-nav.et_fixed_nav nav ul,body.large-slide-in #main-nav.transparent-header nav ul{top:160px}#main-nav nav ul li,#main-nav.et_fixed_nav nav ul li,#main-nav.transparent-header nav ul li{cursor:pointer;flex-direction:column;width:100%}#main-nav nav ul li #divi-sub-menu.sub-menu,#main-nav nav ul li .sub-menu,#main-nav nav ul li .sub-menu-wide,#main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu,#main-nav.et_fixed_nav nav ul li .sub-menu,#main-nav.et_fixed_nav nav ul li .sub-menu-wide,#main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu,#main-nav.transparent-header nav ul li .sub-menu,#main-nav.transparent-header nav ul li .sub-menu-wide{background:#fff;border-radius:0;display:none;left:auto;opacity:1;padding:16px;position:static;top:auto;transform:none;transition:none!important;visibility:visible;width:100%!important;z-index:auto}#main-nav nav ul li #divi-sub-menu.sub-menu .menu-items,#main-nav nav ul li .sub-menu .menu-items,#main-nav nav ul li .sub-menu-wide .menu-items,#main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu .menu-items,#main-nav.et_fixed_nav nav ul li .sub-menu .menu-items,#main-nav.et_fixed_nav nav ul li .sub-menu-wide .menu-items,#main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu .menu-items,#main-nav.transparent-header nav ul li .sub-menu .menu-items,#main-nav.transparent-header nav ul li .sub-menu-wide .menu-items{background:#fff}#main-nav nav ul li #divi-sub-menu.sub-menu ul,#main-nav nav ul li .sub-menu ul,#main-nav nav ul li .sub-menu-wide ul,#main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu ul,#main-nav.et_fixed_nav nav ul li .sub-menu ul,#main-nav.et_fixed_nav nav ul li .sub-menu-wide ul,#main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu ul,#main-nav.transparent-header nav ul li .sub-menu ul,#main-nav.transparent-header nav ul li .sub-menu-wide ul{margin-bottom:0!important;margin-right:0}#main-nav nav ul li #divi-sub-menu.sub-menu li,#main-nav nav ul li .sub-menu li,#main-nav nav ul li .sub-menu-wide li,#main-nav.et_fixed_nav nav ul li #divi-sub-menu.sub-menu li,#main-nav.et_fixed_nav nav ul li .sub-menu li,#main-nav.et_fixed_nav nav ul li .sub-menu-wide li,#main-nav.transparent-header nav ul li #divi-sub-menu.sub-menu li,#main-nav.transparent-header nav ul li .sub-menu li,#main-nav.transparent-header nav ul li .sub-menu-wide li{animation:fade-in}#main-nav nav .sub-menu.sub-menu-extra-wide .card-inset-container,#main-nav.et_fixed_nav nav .sub-menu.sub-menu-extra-wide .card-inset-container,#main-nav.transparent-header nav .sub-menu.sub-menu-extra-wide .card-inset-container{background:#fff!important;border-radius:0;margin:0!important;padding:0 0 16px!important}#main-nav nav .horizontal-menu .menu-items li,#main-nav.et_fixed_nav nav .horizontal-menu .menu-items li,#main-nav.transparent-header nav .horizontal-menu .menu-items li{margin:8px 0}#main-nav nav .horizontal-menu .menu-items li:last-of-type,#main-nav.et_fixed_nav nav .horizontal-menu .menu-items li:last-of-type,#main-nav.transparent-header nav .horizontal-menu .menu-items li:last-of-type{margin-bottom:0}#main-nav nav .button,#main-nav.et_fixed_nav nav .button,#main-nav.transparent-header nav .button{margin-top:16px}#main-nav nav #accounts-button,#main-nav nav #pricing-button,#main-nav.et_fixed_nav nav #accounts-button,#main-nav.et_fixed_nav nav #pricing-button,#main-nav.transparent-header nav #accounts-button,#main-nav.transparent-header nav #pricing-button{display:block!important;margin-top:0}#main-nav .hamburger,#main-nav.et_fixed_nav .hamburger,#main-nav.transparent-header .hamburger{display:block;padding:22px 0}#main-nav.et_fixed_nav{height:60px}#main-nav.et_fixed_nav nav ul{top:60px}#builder-preview .column-container:first-of-type{flex:0 0 100%!important;margin-bottom:2em;max-width:100%!important;order:1}#builder-preview .column-container:nth-of-type(n+2){margin-bottom:0;margin-top:0;order:2}.website-pack-preview span:nth-child(n){max-width:100%;width:180px}.website-pack-preview span:nth-child(n):nth-child(2),.website-pack-preview span:nth-child(n):nth-child(3){display:none;visibility:hidden}.website-pack-preview:hover span:first-child{width:180px}}@media only screen and (max-width:960px){.card-button-navigation{flex:0 0 100%!important;margin-bottom:4%;max-width:100%!important}.card-button-navigation .column{flex-direction:row}.card-button-navigation .column .card{flex:1;margin:8px}}@media only screen and (max-width:768px){.hide-on-tablet{display:none}.card-button-navigation .column{flex-wrap:wrap}.card-button-navigation .column .card{flex-basis:40%;padding:8px}.tab-navigation li a.callout{display:none!important}.sale-countdown-wrapper .countdown-timer{min-height:40px}.sale-countdown-wrapper .countdown-timer .countdown-period{font-size:2vw}.sale-countdown-wrapper .countdown-timer .countdown-amount{font-zie:6vw}}@media only screen and (max-width:670px){.tooltip_hover{display:none!important}}@media only screen and (max-width:480px){.hide-on-mobile{display:none}.card{padding:16px}.card .card-inset-container{margin:16px -16px;padding:16px}.card .card-inset-container:first-child{margin-top:-16px}.card .card-inset-container:last-child{margin-bottom:-16px!important}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){#footer-menu h3,.button.primary-button span,.card-title,.headline-1,.headline-2,.headline-3,.headline-4,.package_price .price,.subhead,.subhead-small,.subhead-tiny,.tab-navigation-narrow,nav a.menu-item{background-image:none!important}}.errors,.et_errors,.et_info,.et_reset_form_errors,.et_success,.et_warning{animation-duration:.5s;animation-name:bounceIn;background:#e0466f12;border:2px solid #ff4c00;border-radius:4px;color:#ff4c00;display:block;font-size:.8em;font-weight:600;line-height:1.4em;margin:24px 0!important;padding:20px!important}.et_warning{background:rgba(255,173,0,.1);border:2px solid #ffad00;color:#ffad00}.et_info{background:rgba(5,201,255,.1);border:2px solid #05c9ff;color:#05c9ff}.et_success{background:rgba(52,221,135,.1);border:2px solid #34dd87;color:#34dd87}.errors a,.errors a:hover,.et_errors a,.et_errors a:hover,.et_info a,.et_info a:hover,.et_success a,.et_success a:hover,.et_warning a,.et_warning a:hover{color:#ff4c00;text-decoration:underline}.et_warning a,.et_warning a:hover{color:#ffad00}.et_info a,.et_info a:hover{color:#05c9ff}.et_success a,.et_success a:hover{color:#34dd87}.errors p,.errors strong,.et_errors p,.et_errors strong,.et_success p,.et_success strong,.et_warning p,.et_warning strong{color:#ff4c00;font-size:14px;font-weight:600;margin-bottom:0}.et_warning p,.et_warning strong{color:#ffad00}.et_success p,.et_success strong{color:#34dd87}.et-highlighted-overlay{opacity:0;pointer-events:none;visibility:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}} </style><link rel="stylesheet" type="text/css" href="https://www.elegantthemes.com/css/style-deferred.css?ver=6.72" media="print" onload="this.media='all'" /><link rel="stylesheet" type="text/css" href="https://www.elegantthemes.com/css/blog.css?ver=6.72" media="all" /> <link rel="icon" type="image/png" href="https://www.elegantthemes.com/images/favicon/favicon-et-32.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://www.elegantthemes.com/images/favicon/favicon-et-96.png" sizes="96x96"> <link rel="icon" type="image/png" href="https://www.elegantthemes.com/images/favicon/favicon-et-128.png" sizes="128x128"> <link rel="icon" type="image/png" href="https://www.elegantthemes.com/images/favicon/favicon-et-192.png" sizes="192x192"> <script>var et_site_url='https://www.elegantthemes.com/blog';var et_post_id='219703';function et_core_page_resource_fallback(a,b){"undefined"===typeof b&&(b=a.sheet.cssRules&&0===a.sheet.cssRules.length);b&&(a.onerror=null,a.onload=null,a.href?a.href=et_site_url+"/?et_core_page_resource="+a.id+et_post_id:a.src&&(a.src=et_site_url+"/?et_core_page_resource="+a.id+et_post_id))} </script><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO Premium plugin v22.7 (Yoast SEO v24.5) - https://yoast.com/wordpress/plugins/seo/ --> <link rel="canonical" href="https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Announcing Divi 5 Dev Alpha" /> <meta property="og:description" content="Today, we are releasing Divi 5 Dev Alpha. This is the first step on our journey towards the public release of Divi version 5. It’s also my first update in what will become a series of monthly videos and blog posts that will keep you up-to-speed on our progress. If you are a Divi developer, [&hellip;]" /> <meta property="og:url" content="https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha" /> <meta property="og:site_name" content="Elegant Themes Blog" /> <meta property="article:publisher" content="http://www.facebook.com/elegantthemes" /> <meta property="article:published_time" content="2023-03-07T17:52:04+00:00" /> <meta property="article:modified_time" content="2024-09-05T18:49:10+00:00" /> <meta property="og:image" content="https://www.elegantthemes.com/blog/wp-content/uploads/2023/03/d5-dev-alpha-blog1800.jpg" /> <meta property="og:image:width" content="1800" /> <meta property="og:image:height" content="1013" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="Nick Roach" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@elegantthemes" /> <meta name="twitter:site" content="@elegantthemes" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Nick Roach" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="4 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha#article","isPartOf":{"@id":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha"},"author":{"name":"Nick Roach","@id":"https://www.elegantthemes.com/blog/#/schema/person/86eb70bad977e181140c9e23b6b05c23"},"headline":"Announcing Divi 5 Dev Alpha","datePublished":"2023-03-07T17:52:04+00:00","dateModified":"2024-09-05T18:49:10+00:00","mainEntityOfPage":{"@id":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha"},"wordCount":840,"commentCount":43,"publisher":{"@id":"https://www.elegantthemes.com/blog/#organization"},"image":{"@id":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha#primaryimage"},"thumbnailUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2023/03/d5-dev-alpha-blog1800.jpg","keywords":["divi 5"],"articleSection":["General News"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha#respond"]}]},{"@type":"WebPage","@id":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha","url":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha","name":"Announcing Divi 5 Dev Alpha","isPartOf":{"@id":"https://www.elegantthemes.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha#primaryimage"},"image":{"@id":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha#primaryimage"},"thumbnailUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2023/03/d5-dev-alpha-blog1800.jpg","datePublished":"2023-03-07T17:52:04+00:00","dateModified":"2024-09-05T18:49:10+00:00","breadcrumb":{"@id":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha#primaryimage","url":"https://www.elegantthemes.com/blog/wp-content/uploads/2023/03/d5-dev-alpha-blog1800.jpg","contentUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2023/03/d5-dev-alpha-blog1800.jpg","width":1800,"height":1013},{"@type":"BreadcrumbList","@id":"https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https://www.elegantthemes.com/blog"},{"@type":"ListItem","position":2,"name":"General News","item":"https://www.elegantthemes.com/blog/category/general-news"},{"@type":"ListItem","position":3,"name":"Announcing Divi 5 Dev Alpha"}]},{"@type":"WebSite","@id":"https://www.elegantthemes.com/blog/#website","url":"https://www.elegantthemes.com/blog/","name":"Elegant Themes Blog","description":"Best WordPress &amp; Divi Resources","publisher":{"@id":"https://www.elegantthemes.com/blog/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.elegantthemes.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.elegantthemes.com/blog/#organization","name":"Elegant Themes","url":"https://www.elegantthemes.com/blog/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.elegantthemes.com/blog/#/schema/logo/image/","url":"https://www.elegantthemes.com/blog/wp-content/uploads/2022/09/logo.png","contentUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2022/09/logo.png","width":997,"height":461,"caption":"Elegant Themes"},"image":{"@id":"https://www.elegantthemes.com/blog/#/schema/logo/image/"},"sameAs":["http://www.facebook.com/elegantthemes","https://x.com/elegantthemes","https://www.youtube.com/c/elegantthemes","https://www.linkedin.com/company/elegantthemes/"]},{"@type":"Person","@id":"https://www.elegantthemes.com/blog/#/schema/person/86eb70bad977e181140c9e23b6b05c23","name":"Nick Roach","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.elegantthemes.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=96&r=g","contentUrl":"https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=96&r=g","caption":"Nick Roach"},"description":"I am the founder and CEO here at Elegant Themes. When I'm not hard at work on new themes, I enjoy writing an article or two on our blog!","url":"https://www.elegantthemes.com/blog/author/admin"}]}</script> <!-- / Yoast SEO Premium plugin. --> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .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} </style> <style id='global-styles-inline-css' type='text/css'> :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: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--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%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 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%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 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: 0.44rem;--wp--preset--spacing--30: 0.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, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 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: 0.5em;}:where(.is-layout-grid){gap: 0.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;} </style> <style id='akismet-widget-style-inline-css' type='text/css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <link rel='stylesheet' id='algolia-autocomplete-css' href='https://www.elegantthemes.com/blog/wp-content/plugins/wp-search-with-algolia/css/algolia-autocomplete.css?ver=2.8.2' type='text/css' media='all' /> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/luckywp-table-of-contents/front/assets/main.min.js?ver=2.1.10" id="lwptoc-main-js"></script> <style type="text/css" id="et-social-custom-css"> </style> </head> <body class="post-template-default single single-post postid-219703 single-format-standard blog et_bloom et_monarch" > <div id="main-nav" class="transparent-header-dark solid-header"> <div class="menu-bg-wrapper"> <div class="menu-bg"></div> <div class="menu-arrow"></div> </div> <div class="row-container"> <a id="logo" href="https://www.elegantthemes.com/"><img src="https://www.elegantthemes.com/images/logotransparent-header-dark.svg" alt="Elegant Themes"></a> <nav> <ul class="menu"> <li class="menu-wrapper"> <a class="menu-item accent-pink menu-item-divi" href="https://www.elegantthemes.com/gallery/divi/">Divi <svg viewBox="0 0 28 28" class="menu-expand icon-small"> <title>Expand Menu</title> <path d="M18,13h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,1s0.45,1,1,1h3v3c0,0.55,0.45,1,1,1 s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-1S18.55,13,18,13z"/> </svg> <svg viewBox="0 0 28 28" class="menu-collapse icon-small"> <title>Collapse Menu</title> <path d="M14.51,7.22c-0.23-0.3-0.8-0.3-1.03,0l-2.4,2.95c-0.23,0.3,0,0.83,0.46,0.83H13v9c0,0.55,0.45,1,1,1s1-0.45,1-1 v-9h1.45c0.46,0,0.68-0.43,0.46-0.83L14.51,7.22z"/> </svg> </a> <div id="divi-sub-menu" class="card card-medium sub-menu sub-menu-extra-wide"> <div class="card-inset-container accent-indigo"> <h3>Divi Features</h3> <hr> <ul class="menu-items"> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/divi/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>All Features</title> <polygon points="14 5.67 16.75 11.09 22.76 12.03 18.45 16.33 19.42 22.33 14 19.56 8.58 22.33 9.55 16.33 5.24 12.03 11.25 11.09 14 5.67"/> </svg> <div> <h3 class="subhead">All Features</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/modules/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>200+ Elements</title> <path class="transparent" d="M23,11.12V5.88c0-.49-.39-.88-.88-.88h-5.24c-.49,0-.88,.39-.88,.88v5.24c0,.49,.39,.88,.88,.88h5.24c.49,0,.88-.39,.88-.88Zm-11,11v-5.24c0-.49-.39-.88-.88-.88H5.88c-.49,0-.88,.39-.88,.88v5.24c0,.49,.39,.88,.88,.88h5.24c.49,0,.88-.39,.88-.88Zm11,0v-5.24c0-.49-.39-.88-.88-.88h-5.24c-.49,0-.88,.39-.88,.88v5.24c0,.49,.39,.88,.88,.88h5.24c.49,0,.88-.39,.88-.88Z"/> <path d="M11,12H6c-.55,0-1-.45-1-1V6c0-.55,.45-1,1-1h5c.55,0,1,.45,1,1v5c0,.55-.45,1-1,1Z"/> </svg> <div> <h3 class="subhead">200+ Elements</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/layouts/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>2,000+ Layouts</title> <path d="M6,21h14.01c.55,0,1-.45,1-1V6c0-.55-.45-1-1-1H6c-.55,0-1,.45-1,1v14.01c0,.55,.45,1,1,1Zm13-12H7v-2h12v2Zm0,10h-2V11h2v8Zm-4,0H7V11H15v8Z"/> <path class="transparent" d="M22,7h-1v13c0,.55-.45,1-1,1H7v1c0,.55,.45,1,1,1h14c.55,0,1-.45,1-1V8c0-.55-.45-1-1-1Z"/> </svg> <div> <h3 class="subhead">2,000+ Layouts</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/quick-sites/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Quick Sites</title> <path class="transparent" d="M9,5.7l-.4,1.3h-2.7c-.6,0-1-.4-1-1s.4-1,1-1h4c-.4,0-.8.3-1,.7ZM2,9c-.6,0-1,.4-1,1s.4,1,1,1h5.5l.6-2H2ZM4,12c-.6,0-1,.4-1,1s.4,1,1,1h2.7l.6-2h-3.2ZM26.3,7.4c-.2-.2-.5-.4-.8-.4h-.7l-3.8,13.3c-.1.4-.5.7-1,.7H6.7l-.2.7c0,.3,0,.6.2.9.2.2.5.4.8.4h14c.4,0,.8-.3,1-.7l4-14c0-.3,0-.6-.2-.9Z"/> <path d="M21,20.3l3.8-13.3.2-.7c0-.3,0-.6-.2-.9-.2-.2-.5-.4-.8-.4h-14c-.4,0-.8.3-1,.7l-.4,1.3-.6,2-.6,2-.3,1-.6,2-1.6,5.7c0,.3,0,.6.2.9.2.2.5.4.8.4h14c.4,0,.8-.3,1-.7ZM7.3,19l2.3-8h7.9l-2.3,8h-7.9ZM17.3,19l2.3-8h1.9l-2.3,8h-1.9ZM22.7,7l-.6,2h-11.9l.6-2h11.9Z"/> </svg> <div> <h3 class="subhead with-callout"> Quick Sites <span class="button-callout accent-purple elevation-1 show-callout">New!</span> </h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/no-code-design/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>No-Code Design</title> <rect class="transparent" x="11.24" y="3.13" width="5.52" height="21.74" rx="1.41" ry="1.41" transform="translate(-5.8 14) rotate(-45)"/> <path d="M8.47,16.44c-1.49,0-2.68,1.22-2.68,2.74,0,1.2-1.04,1.83-1.79,1.83,.82,1.11,2.23,1.83,3.58,1.83,1.98,0,3.58-1.64,3.58-3.66,0-1.52-1.2-2.74-2.68-2.74Zm14.17-7.19l-8.64,8.64-3.9-3.9L18.74,5.36c.55-.55,1.44-.55,1.99,0l1.91,1.91c.55,.55,.55,1.44,0,1.99Z"/> </svg> <div> <h3 class="subhead">No-Code Design</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/theme-builder/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Theme Builder</title> <path class="transparent" d="M12.16,10.01l5.83,5.83c1.32-0.5,2.87-0.22,3.93,0.84c1.14,1.14,1.38,2.84,0.72,4.21l-2.17-2.17 c-0.48-0.48-1.25-0.48-1.73,0c-0.48,0.48-0.48,1.25,0,1.73l2.18,2.18c-1.38,0.67-3.09,0.43-4.23-0.71c-1.06-1.06-1.34-2.59-0.85-3.9 l-5.85-5.85c-1.31,0.49-2.85,0.2-3.9-0.85C4.94,10.17,4.7,8.48,5.36,7.1l2.17,2.17c0.48,0.48,1.25,0.48,1.73,0 c0.48-0.48,0.48-1.25,0-1.73L7.08,5.37c1.38-0.67,3.09-0.43,4.23,0.71C12.38,7.15,12.66,8.69,12.16,10.01L12.16,10.01z"/> <path d="M8.33,18.64l4.01-4l-0.49-0.49l7.6-8.87c0.37-0.37,0.96-0.37,1.33,0l1.95,1.95c0.37,0.37,0.37,0.96,0,1.33 l-8.8,7.66l-0.54-0.54l-4.01,4l-1.36,2.55L6.05,23L5,21.95l0.8-2L8.33,18.64L8.33,18.64z"/> </svg> <div> <h3 class="subhead">Theme Builder</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/ecommerce/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Ecommerce</title> <path class="transparent" d="M12,22c0,1.1-.9,2-2,2s-2-.9-2-2,.9-2,2-2,2,.9,2,2Zm8-2c-1.1,0-2,.9-2,2s.9,2,2,2,2-.9,2-2-.9-2-2-2Z"/> <path d="M21,16c.45,0,.84-.3,.96-.73l2-7c.09-.3,.03-.63-.16-.88-.19-.25-.48-.4-.8-.4H7.84l-.38-2.17c-.08-.48-.5-.83-.99-.83h-2.48v2h1.64l.38,2.17h.02s0,.07,0,.1l1.96,6.86v2.86c0,.55,.45,1,1,1h13v-2H10v-1h11Zm.67-7l-1.43,5H9.75l-1.43-5h13.35Z"/> </svg> <div> <h3 class="subhead">Ecommerce</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/workflow/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Workflow</title> <path class="transparent" d="M18,10H10c-1.1,0-2-.9-2-2v-2c0-1.1,.9-2,2-2h8c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2ZM10,6v2h8v-2H10Zm8,18H10c-1.1,0-2-.9-2-2v-2c0-1.1,.9-2,2-2h8c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2Zm-8-4v2h8v-2H10Zm8-3H10c-1.1,0-2-.9-2-2v-2c0-1.1,.9-2,2-2h8c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2Zm-8-4v2h8v-2H10Z"/> <path d="M19,15v-2c1.38,0,2.5-1.12,2.5-2.5s-1.12-2.5-2.5-2.5v-2c2.48,0,4.5,2.02,4.5,4.5s-2.02,4.5-4.5,4.5Zm-10.5,5c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5v-2c-2.48,0-4.5,2.02-4.5,4.5s2.02,4.5,4.5,4.5v-2Z"/> </svg> <div> <h3 class="subhead">Workflow</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/marketing/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Marketing</title> <path d="M23,6.62v12.76c0,.74-.78,1.23-1.45,.89l-3.17-1.59c-2.22-1.11-4.67-1.69-7.16-1.69h-.22V9h.22c2.48,0,4.93-.58,7.16-1.69l3.17-1.59c.66-.33,1.45,.15,1.45,.89Zm-14,2.38h-1c-2.21,0-4,1.79-4,4h0c0,2.21,1.79,4,4,4h1V9Z"/> <polygon class="transparent" points="15 24 11 24 9 17 13 17 15 24"/> </svg> <div> <h3 class="subhead">Marketing</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/developers/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Developers</title> <path d="M19,19.19c-.26,0-.51-.1-.71-.29-.39-.39-.39-1.02,0-1.41l3.49-3.49-3.49-3.49c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l4.19,4.19c.39,.39,.39,1.02,0,1.41l-4.19,4.19c-.2,.2-.45,.29-.71,.29Zm-9.29-.29c.39-.39,.39-1.02,0-1.41l-3.49-3.49,3.49-3.49c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-4.19,4.19c-.39,.39-.39,1.02,0,1.41l4.19,4.19c.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Z"/> <path class="transparent" d="M13,21c-.05,0-.11,0-.17-.01-.54-.09-.91-.61-.82-1.15l2-12c.09-.54,.6-.92,1.15-.82,.54,.09,.91,.61,.82,1.15l-2,12c-.08,.49-.5,.84-.99,.84Z"/> </svg> <div> <h3 class="subhead">Developers</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/examples/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Site Examples</title> <path d="M23,17V7c0-.55-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1,.45-1,1v1H6c-.55,0-1,.45-1,1v10c-.55,0-1,.45-1,1s.45,1,1,1h3.61l-1.56,4.68c-.17,.52,.11,1.09,.63,1.26,.11,.04,.21,.05,.32,.05,.42,0,.81-.26,.95-.68l1.77-5.32h2.28v4c0,.55,.45,1,1,1s1-.45,1-1v-4h2.28l1.77,5.32c.14,.42,.53,.68,.95,.68,.1,0,.21-.02,.32-.05,.52-.17,.81-.74,.63-1.26l-1.56-4.68h3.61c.55,0,1-.45,1-1s-.45-1-1-1Zm-16,0V8h14v9H7Z"/> <rect class="transparent" x="9" y="10" width="10" height="5"/> </svg> <div> <h3 class="subhead">Site Examples</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/integrations/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Integrations</title> <path d="M16.39,22.9c.18-.16,.34-.33,.5-.5,.3-.33,.34-.82,.09-1.19l-.8-1.19c-.38-.57-.06-1.34,.61-1.47l1.41-.28c.43-.09,.75-.46,.78-.9,0-.12,.01-.24,.01-.36s0-.24-.01-.36c-.02-.44-.34-.81-.78-.9l-1.41-.28c-.67-.13-.99-.9-.61-1.47l.8-1.19c.25-.37,.21-.86-.09-1.19-.16-.18-.33-.34-.5-.5-.33-.3-.82-.34-1.19-.09l-1.19,.8c-.57,.38-1.34,.06-1.47-.61l-.28-1.41c-.09-.43-.46-.75-.9-.78-.12,0-.24-.01-.36-.01s-.24,0-.36,.01c-.44,.02-.81,.34-.9,.78l-.28,1.41c-.13,.67-.9,.99-1.47,.61l-1.19-.8c-.37-.25-.86-.21-1.19,.09-.18,.16-.34,.33-.5,.5-.3,.33-.34,.82-.09,1.19l.8,1.19c.38,.57,.06,1.34-.61,1.47l-1.41,.28c-.43,.09-.75,.46-.78,.9,0,.12-.01,.24-.01,.36s0,.24,.01,.36c.02,.44,.34,.81,.78,.9l1.41,.28c.67,.13,.99,.9,.61,1.47l-.8,1.19c-.25,.37-.21,.86,.09,1.19,.16,.18,.33,.34,.5,.5,.33,.3,.82,.34,1.19,.09l1.19-.8c.57-.38,1.34-.06,1.47,.61l.28,1.41c.09,.43,.46,.75,.9,.78,.12,0,.24,.01,.36,.01s.24,0,.36-.01c.44-.02,.81-.34,.9-.78l.28-1.41c.13-.67,.9-.99,1.47-.61l1.19,.8c.37,.25,.86,.21,1.19-.09Zm-5.39-2.7c-1.77,0-3.2-1.43-3.2-3.2s1.43-3.2,3.2-3.2,3.2,1.43,3.2,3.2-1.43,3.2-3.2,3.2Z"/> <path class="transparent" d="M24.76,10.96c.07-.16,.14-.32,.2-.48,.11-.3,0-.64-.27-.82l-.87-.58c-.41-.28-.41-.88,0-1.16l.87-.58c.27-.18,.38-.51,.27-.82-.03-.08-.06-.17-.09-.25s-.07-.16-.11-.24c-.14-.29-.46-.45-.77-.39l-1.02,.2c-.49,.1-.91-.33-.82-.82l.2-1.02c.06-.32-.1-.64-.39-.77-.16-.07-.32-.14-.48-.2-.3-.11-.64,0-.82,.27l-.58,.87c-.28,.41-.88,.41-1.16,0l-.58-.87c-.18-.27-.51-.38-.82-.27-.08,.03-.17,.06-.25,.09s-.16,.07-.24,.11c-.29,.14-.45,.46-.39,.77l.2,1.02c.1,.49-.33,.91-.82,.82l-1.02-.2c-.32-.06-.64,.1-.77,.39-.07,.16-.14,.32-.2,.48-.11,.3,0,.64,.27,.82l.87,.58c.41,.28,.41,.88,0,1.16l-.87,.58c-.27,.18-.38,.51-.27,.82,.03,.08,.06,.17,.09,.25s.07,.16,.11,.24c.14,.29,.46,.45,.77,.39l1.02-.2c.49-.1,.91,.33,.82,.82l-.2,1.02c-.06,.32,.1,.64,.39,.77,.16,.07,.32,.14,.48,.2,.3,.11,.64,0,.82-.27l.58-.87c.28-.41,.88-.41,1.16,0l.58,.87c.18,.27,.51,.38,.82,.27,.08-.03,.17-.06,.25-.09s.16-.07,.24-.11c.29-.14,.45-.45,.39-.77l-.2-1.02c-.1-.49,.33-.91,.82-.82l1.02,.2c.32,.06,.64-.1,.77-.39Zm-4.37-.31c-1.19,.49-2.54-.07-3.04-1.26s.07-2.54,1.26-3.04,2.54,.07,3.04,1.26-.07,2.54-1.26,3.04Z"/> </svg> <div> <h3 class="subhead">Integrations</h3> </div> </a> </li> </ul> </div> <div class="menu-block-wide"> <h3>Divi Products & Services</h3> <hr> <ul class="menu-items primary-menu-items"> <li class="accent-purple"> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/divi/"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi</title> <path d="M14,2c6.62,0,12,5.38,12,12s-5.38,12-12,12S2,20.62,2,14S7.38,2,14,2 M14,0C6.27,0,0,6.27,0,14 c0,7.73,6.27,14,14,14s14-6.27,14-14C28,6.27,21.73,0,14,0L14,0z"/> <path d="M17.92,17.49c0.37-0.44,0.65-0.96,0.84-1.55c0.19-0.6,0.44-2.64-0.01-3.98c-0.2-0.59-0.48-1.11-0.85-1.54 c-0.37-0.43-0.82-0.76-1.36-1C16,9.18,15.36,9,14.65,9H11v10h3.65c0.72,0,1.36-0.24,1.91-0.49C17.1,18.27,17.56,17.92,17.92,17.49z M17.22,7.54c0.81,0.34,1.51,0.83,2.08,1.45c0.56,0.62,0.99,1.36,1.28,2.2C20.86,12.03,21,13.01,21,14c0,0.97-0.13,1.83-0.41,2.67 c-0.28,0.84-0.7,1.59-1.26,2.21c-0.56,0.63-1.25,1.13-2.08,1.49C16.44,20.72,15.49,21,14.43,21H10c-0.55,0-1-0.45-1-1V8 c0-0.55,0.45-1,1-1h4.43C15.47,7,16.41,7.2,17.22,7.54z"/> </svg> </div> <div class="menu-product-divi"> <h3 class="subhead">Divi Theme & Builder</h3> <p>The #1 WordPress Theme & Builder</p> </div> </a> </li> <li class="accent-green"> <a class="icon-blurb" href="https://www.elegantthemes.com/marketplace/"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Marketplace</title> <path class="transparent" d="M20.9,6H7.1A1.1,1.1,0,0,0,6,7.1V21.9A1.1,1.1,0,0,0,7.1,23H20.9A1.1,1.1,0,0,0,22,21.9V7.1A1.1,1.1,0,0,0,20.9,6ZM20,21H16V18a2,2,0,0,0-2-2h0a2,2,0,0,0-2,2v3H8V9H20Z"/> <path d="M6.67,5a2,2,0,0,0-2,1.64L4,10.5a2.5,2.5,0,0,0,5,0,2.5,2.5,0,0,0,5,0,2.5,2.5,0,0,0,5,0,2.5,2.5,0,0,0,5,0l-.7-3.86a2,2,0,0,0-2-1.64Z"/> </svg> </div> <div> <h3 class="subhead">Divi Marketplace</h3> <p>Divi Modules, Layouts & Themes</p> </div> </a> </li> <li class="accent-indigo"> <a class="icon-blurb" href="https://www.elegantthemes.com/divi-cloud/"> <div class="icon-circle"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Divi Cloud</title> <path d="M21,13h0a6.49,6.49,0,0,0-12.8-1A4.48,4.48,0,0,0,8,21V21H21a4,4,0,0,0,0-8Z"/> </svg> </div> <div class="menu-product-divi_cloud"> <h3 class="subhead">Divi Cloud</h3> <p>Cloud Storage For Divi Designers</p> </div> </a> </li> <li class="accent-teal"> <a class="icon-blurb" href="https://www.elegantthemes.com/ai/"> <div class="icon-circle"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Divi AI</title> <path d="m18.94,15.07l-1.25-.29c-3.57-.81-6.35-3.6-7.17-7.17l-.29-1.25c-.08-.35-.59-.35-.67,0l-.29,1.25c-.81,3.57-3.6,6.35-7.17,7.17l-1.25.29c-.35.08-.35.59,0,.67l1.25.29c3.57.81,6.35,3.6,7.17,7.17l.29,1.25c.08.35.59.35.67,0l.29-1.25c.81-3.57,3.6-6.35,7.17-7.17l1.25-.29c.35-.08.35-.59,0-.67Z"/> <path d="m26.78,24.26c-1.11-.25-1.98-1.12-2.23-2.23l-.14-.63-.14.63c-.25,1.11-1.12,1.98-2.23,2.23l-.63.14.63.14c1.11.25,1.98,1.12,2.23,2.23l.14.63.14-.63c.25-1.11,1.12-1.98,2.23-2.23l.63-.14-.63-.14Z"/> <path d="m21.74,9.94c.48-2.09,2.11-3.73,4.2-4.2.35-.08.35-.59,0-.67-2.09-.48-3.73-2.11-4.2-4.2-.08-.35-.59-.35-.67,0-.48,2.09-2.11,3.73-4.2,4.2-.35.08-.35.59,0,.67,2.09.48,3.73,2.11,4.2,4.2.08.35.59.35.67,0Z"/> </svg> </div> <div class="menu-product-divi_ai"> <h3 class="subhead with-callout"> Divi AI <span class="button-callout accent-teal elevation-1 show-callout">New!</span> </h3> <p>Build Divi Websites With AI</p> </div> </a> </li> <li class="accent-orange"> <a class="icon-blurb" href="/teams/"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Teams</title> <path class="transparent" d="M10,18.21c0,2.38-6,2.38-6,0C4,14.74,5.42,13,7,13C8.58,13,10,14.74,10,18.21z M7,8c-1.1,0-2,0.9-2,2s0.9,2,2,2 s2-0.9,2-2S8.1,8,7,8z"></path> <path class="transparent" d="M24,18.21c0,2.38-6,2.38-6,0c0-3.48,1.42-5.21,3-5.21C22.58,13,24,14.74,24,18.21z M21,8c-1.1,0-2,0.9-2,2 s0.9,2,2,2s2-0.9,2-2S22.1,8,21,8z"></path> <path d="M19,20c0,4-10,4-10,0c0-4.74,2.26-7,5-7S19,15.26,19,20z M17,9c0,1.66-1.34,3-3,3s-3-1.34-3-3s1.34-3,3-3 S17,7.34,17,9z"></path> </svg> </div> <div class="menu-product-divi_teams"> <h3 class="subhead">Divi Teams</h3> <p>Collaboration for Divi Agencies</p> </div> </a> </li> </ul> <ul class="menu-items primary-menu-items"> <li class="accent-blue"> <a class="icon-blurb" href="https://www.elegantthemes.com/hosting/"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Hosting</title> <path d="M22,5H6A1,1,0,0,0,5,6V9a1,1,0,0,0,1,1H22a1,1,0,0,0,1-1V6A1,1,0,0,0,22,5ZM8,8H7V7H8Zm3,0H10V7h1ZM21,8H15V7h6Zm1,9H6a1,1,0,0,0-1,1v3a1,1,0,0,0,1,1H22a1,1,0,0,0,1-1V18A1,1,0,0,0,22,17ZM8,20H7V19H8Zm3,0H10V19h1Zm10,0H15V19h6Zm1-9H6a1,1,0,0,0-1,1v3a1,1,0,0,0,1,1H22a1,1,0,0,0,1-1V12A1,1,0,0,0,22,11ZM8,14H7V13H8Zm3,0H10V13h1Zm10,0H15V13h6Z"/> </svg> </div> <div> <h3 class="subhead">Divi Hosting</h3> <p>Fast WordPress Hosting For Divi</p> </div> </a> </li> <li class="accent-navy"> <a class="icon-blurb" href="https://www.elegantthemes.com/vip/"> <div class="icon-circle"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Divi VIP</title> <path d="m21.5,22H6.5c-.43,0-.81-.3-.9-.73l-2.12-10.29c-.17-.81.75-1.41,1.43-.93l3.68,2.63c.44.32,1.07.18,1.33-.3l3.28-5.91c.35-.63,1.25-.63,1.6,0l3.28,5.91c.27.48.89.62,1.33.3l3.68-2.63c.68-.48,1.59.11,1.43.93l-2.12,10.29c-.09.42-.46.73-.9.73Z"/> </svg> </div> <div class="menu-product-divi_vip"> <h3 class="subhead">Divi VIP</h3> <p>Amazing Support + Big Discounts</p> </div> </a> </li> <li class="accent-pink"> <a class="icon-blurb" href="https://www.elegantthemes.com/dash/"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Dash</title> <path d="M5,8c0-.55.45-1,1-1h8.18c.41-1.16,1.51-2,2.82-2s2.4.84,2.82,2h2.18c.55,0,1,.45,1,1s-.45,1-1,1h-2.18c-.41,1.16-1.51,2-2.82,2s-2.4-.84-2.82-2H6c-.55,0-1-.45-1-1ZM20,17c-1.3,0-2.4.84-2.82,2H6c-.55,0-1,.45-1,1s.45,1,1,1h11.18c.41,1.16,1.51,2,2.82,2,1.66,0,3-1.34,3-3s-1.34-3-3-3ZM22,13h-8.18c-.41-1.16-1.51-2-2.82-2s-2.4.84-2.82,2h-2.18c-.55,0-1,.45-1,1s.45,1,1,1h2.18c.41,1.16,1.51,2,2.82,2s2.4-.84,2.82-2h8.18c.55,0,1-.45,1-1s-.45-1-1-1Z"/> </svg> </div> <div class="menu-product-divi_vip"> <h3 class="subhead">Divi Dash</h3> <p>WordPress Site Manager</p> </div> </a> </li> </ul> <a class="button fullwidth-button accent-blue" href="https://www.elegantthemes.com/join/">Get Divi Today</a> </div> </div> </li> <li class="menu-wrapper"> <a class="menu-item accent-pink" href="https://www.elegantthemes.com/freelancers/">Divi For <svg viewBox="0 0 28 28" class="menu-expand icon-small"> <title>Expand Menu</title> <path d="M18,13h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,1s0.45,1,1,1h3v3c0,0.55,0.45,1,1,1 s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-1S18.55,13,18,13z"/> </svg> <svg viewBox="0 0 28 28" class="menu-collapse icon-small"> <title>Collapse Menu</title> <path d="M14.51,7.22c-0.23-0.3-0.8-0.3-1.03,0l-2.4,2.95c-0.23,0.3,0,0.83,0.46,0.83H13v9c0,0.55,0.45,1,1,1s1-0.45,1-1 v-9h1.45c0.46,0,0.68-0.43,0.46-0.83L14.51,7.22z"/> </svg> </a> <div id="divi-sub-menu" class="card card-medium sub-menu sub-menu-extra-extra-wide horizontal-menu"> <ul class="menu-items primary-menu-items"> <li class="accent-purple centered"> <a href="https://www.elegantthemes.com/agencies/"> <svg width="168" height="112" viewBox="0 0 168 112"> <title>Web Design Agencies</title> <path d="M168,111c0,.55-.45,1-1,1H1c-.55,0-1-.45-1-1s.45-1,1-1H11.11c-1.3-1.27-2.11-3.04-2.11-5v-3c0-.55,.45-1,1-1h12v-26.55c-1.14,1.05-1.57,2.57-1.22,5.85,.19,.95-.11,1.91-.82,2.58-.53,.51-1.22,.77-1.93,.77-.25,0-.5-.03-.75-.1l-12.76-3.51c-2.14-.59-3.77-2.3-4.25-4.47,0-.04-.02-.08-.02-.13-.05-.54-1.11-13.27,4.61-21.38,0,0,2.72-4.28,2.77-8.71,.01-1.19,.55-2.3,1.47-3.05,.92-.75,2.12-1.05,3.3-.83,1.57,.3,2.8,1.59,3.14,3.17l2.08-3.72c.82-1.63,2.66-2.43,4.4-2.05v-10.87c0-3.86,3.14-7,7-7h38.24c-1.74-3.78-2.54-6.88-2.6-7.14-.01-.04-.02-.08-.02-.13-.26-2.21,.72-4.36,2.55-5.62L78.07,.61c.82-.56,1.85-.65,2.75-.24,.89,.4,1.49,1.21,1.62,2.17,1.22,5.23,2.86,5.4,6.45,5.77,1.75,.18,3.94,.41,6.49,1.33,4.46,1.62,7,3.36,7.77,5.31,.37,.95,.32,1.96-.15,2.91l17.13,3.15h18.88c3.86,0,7,3.14,7,7v26.92l.69,.8c.01-1.62,.96-3.13,2.44-3.74,1.11-.46,2.35-.4,3.4,.15,1.05,.55,1.8,1.54,2.05,2.7,.94,4.33,4.45,7.97,4.49,8.01,7.2,6.77,8.71,19.46,8.77,20,0,.04,0,.09,0,.13-.04,2.22-1.29,4.23-3.27,5.23l-11.8,6c-.4,.21-.84,.31-1.27,.31-.52,0-1.03-.14-1.49-.43-.82-.52-1.31-1.4-1.32-2.36-.34-3.54-1.16-4.9-2.7-5.66v14.94h11c.55,0,1,.45,1,1v3c0,1.96-.81,3.73-2.11,5h11.11c.55,0,1,.45,1,1ZM24,101h120v-15.62c-.3-.08-.6-.15-.93-.23-1.18-.28-2.55-.62-4.07-1.2-.64-.25-1.31-.54-2-.89-.06-.03-.12-.06-.18-.09-2.69-1.41-4.59-2.76-5.75-4.08-.5-.57-.84-1.13-1.07-1.69-.07-.17-.14-.35-.19-.52-.15-.61-.12-1.21,.05-1.8l-17.47,2.57-3.06,.45-4.34,.64-2,.29-6.05,.89c-.2,.03-.39,.04-.58,.04-1.95,0-3.66-1.43-3.95-3.42l-2.33-15.83c-.16-1.06,.11-2.11,.75-2.97,.64-.86,1.57-1.41,2.63-1.57l38.59-5.67c1.06-.16,2.11,.11,2.97,.75,.86,.64,1.41,1.57,1.57,2.63l.23,1.57c-.07-1.25,.45-2.52,1.5-3.36,1.73-1.37,4.25-1.08,5.62,.65l.06,.07V28c0-2.76-2.24-5-5-5h-12.6c.61,.75,.91,1.75,.73,2.77l-.59,3.23-.37,2-2.14,11.63c-.17,.9-.67,1.68-1.43,2.2-.58,.4-1.25,.61-1.94,.61-.21,0-.42-.02-.63-.06l-22.74-4.18c-1.53,.99-3.59,.85-4.95-.47l-3.15-2.8c.16,1.29-.29,2.58-1.19,3.46-.22,.21-.46,.41-.73,.57-.4,.23-.83,.38-1.27,.46-.25,.05-.5,.08-.75,.08-.46,0-.92-.08-1.37-.24-1.12-.41-1.99-1.28-2.39-2.4-1.5-4.17-5.47-7.31-5.51-7.34-.65-.47-1.26-.98-1.85-1.52-.68-.63-1.32-1.3-1.91-2-1.61-1.88-2.93-3.98-3.99-6H29c-2.76,0-5,2.24-5,5v11.98c1.15,1.18,1.51,2.98,.75,4.53l-.75,2.12v.16c.57-.13,1.16-.21,1.76-.26l1.22-7.26c.37-2.19,2.45-3.68,4.65-3.31l.37,.06,2,.34,39.68,6.68c2.19,.37,3.68,2.46,3.31,4.65l-.05,.3-.34,2-2.17,12.87c-.18,1.06-.76,1.99-1.64,2.62-.69,.49-1.5,.75-2.33,.75-.23,0-.45-.02-.68-.06l-33.73-5.68c.14,.4,.22,.83,.2,1.28-.08,2.1-1.92,4.57-5.6,7.57-2.1,1.71-4.09,2.64-5.69,3.39-.35,.16-.67,.31-.97,.46v27.8Zm.12-30.08c1.58-.74,3.36-1.57,5.28-3.13,4.15-3.38,4.83-5.27,4.86-6.1,.02-.47-.15-.85-.52-1.21-.57-.54-2.06,.31-3.64,1.2-.37,.21-.75,.42-1.13,.63-2.25,1.22-4.77,1.14-6.41-.2-1.5-1.22-1.97-3.22-1.29-5.47,.53-1.74,2.71-3.08,3.15-3.33,1.18-.68,2.61-.89,4-1.09,2.13-.31,3.15-.56,3.3-1.43,.06-.36,.04-.84-.64-1.33-1.72-1.25-6-1.33-8.32-.15-.02,.01-.05,.01-.07,.02-.02,0-.03,.02-.04,.03-.04,.01-1.94,.75-2.8,2.62-.17,.37-.53,.58-.91,.58-.14,0-.28-.03-.42-.09-.5-.23-.72-.82-.49-1.33,.93-2.02,2.65-3.06,3.47-3.47l1.38-3.91s.03-.08,.05-.12c.24-.48,.28-1.02,.12-1.53-.17-.51-.52-.92-1-1.16-.98-.5-2.19-.1-2.69,.88l-4.08,7.31c-.05,.14-.13,.27-.23,.38l-1.49,2.05c-.2,.27-.5,.41-.81,.41-.2,0-.41-.06-.59-.19-.45-.32-.55-.95-.22-1.4l1.4-1.93c.16-.98,.26-1.97,.27-2.95,.02-1.03-.67-1.94-1.6-2.12-.61-.12-1.19,.03-1.66,.41-.46,.38-.73,.93-.74,1.53-.06,5.02-2.99,9.61-3.11,9.81-5.13,7.27-4.35,19.05-4.28,20.02,.34,1.41,1.41,2.53,2.82,2.91l12.76,3.51c.4,.11,.67-.1,.77-.19s.32-.36,.23-.76c0-.04-.01-.07-.02-.11-.74-6.81,1.94-8.06,5.33-9.64Zm50.55-25.07c-.32-.44-.78-.74-1.32-.83l-42.06-7.08c-.11-.02-.23-.03-.34-.03-.98,0-1.84,.71-2.01,1.7l-1.16,6.91c1.76,.11,3.4,.56,4.47,1.34,1.13,.82,1.64,1.98,1.43,3.26-.39,2.42-2.83,2.78-4.98,3.09-.79,.12-1.59,.24-2.29,.45l-.02,.12c-.19,1.11,.56,2.16,1.67,2.35l42.06,7.08c.54,.09,1.08-.03,1.52-.35,.44-.32,.74-.78,.83-1.32l2.55-15.16c.09-.54-.03-1.08-.35-1.52Zm-50.67,14.83c1.02,.7,2.57,.67,4.03-.12,.37-.2,.74-.41,1.1-.61,.28-.16,.57-.32,.85-.48l-2.24-.38c-1.75-.3-3.03-1.69-3.3-3.36-.15,.12-.3,.25-.44,.38v4.56ZM66.6,13.44c.25,.95,3.4,12.33,10.58,17.48,.21,.17,4.49,3.55,6.19,8.27,.2,.56,.64,1,1.2,1.2,.56,.21,1.17,.15,1.7-.16,.82-.47,1.17-1.56,.82-2.52-.34-.92-.75-1.82-1.23-2.7l-1.95-1.36c-.45-.32-.56-.94-.25-1.39,.31-.45,.94-.56,1.39-.25l2.11,1.47c.12,.07,.23,.15,.32,.27l6.22,5.53c.82,.79,2.09,.77,2.86-.02,.77-.79,.74-2.06-.05-2.83-.03-.03-.06-.06-.09-.09l-2.59-3.24c-.91-.11-2.88-.53-4.42-2.13-.38-.4-.37-1.03,.03-1.41s1.03-.37,1.41,.03c1.44,1.5,3.48,1.56,3.5,1.56,.02,0,.03,0,.05,.01,.02,0,.05,0,.07,0,2.58,.35,6.6-1.12,7.81-2.87,.47-.68,.34-1.14,.16-1.46-.42-.78-1.46-.67-3.58-.27-1.37,.26-2.79,.53-4.13,.28-.49-.09-2.99-.63-4.06-2.11-1.38-1.9-1.6-3.94-.58-5.59,1.11-1.8,3.46-2.7,5.99-2.29,.43,.07,.86,.15,1.28,.23,1.79,.33,3.47,.64,3.83-.06,.23-.46,.26-.87,.09-1.31-.3-.77-1.56-2.34-6.59-4.16-2.32-.84-4.28-1.04-6.01-1.22-3.72-.38-6.66-.69-8.2-7.36,0-.04-.01-.07-.02-.11-.05-.41-.34-.58-.47-.64-.13-.06-.45-.16-.79,.07l-10.9,7.51c-1.2,.83-1.85,2.23-1.7,3.68Zm30.25,5.55c-.35-.06-.71-.13-1.08-.19-1.73-.28-3.28,.26-3.97,1.37-.16,.26-.26,.54-.3,.84h4.74l.16-.87c.08-.42,.24-.8,.44-1.14Zm-4.89,4.01c.1,.18,.21,.35,.34,.53,.43,.59,1.77,1.12,2.82,1.32,.13,.02,.27,.03,.41,.04l.35-1.89h-3.92Zm8.33-3.61c-.26,0-.54,0-.81-.02-.54,.12-.99,.54-1.1,1.12l-.78,4.25c.3-.05,.61-.11,.91-.17,2.14-.41,4.56-.87,5.72,1.28,.61,1.14,.51,2.4-.28,3.55-1.3,1.88-4.55,3.4-7.51,3.72l1.52,1.9c1.19,1.19,1.47,2.95,.83,4.42l21.61,3.97c.38,.07,.76-.01,1.07-.23,.31-.22,.53-.54,.59-.92l3.1-16.86c.14-.78-.37-1.52-1.15-1.66l-23.72-4.36Zm42.11,34.42c-.71-.89-1.97-1.04-2.84-.35-.86,.69-1.01,1.95-.32,2.81,.03,.03,.05,.07,.07,.11l2.14,3.55c.89,.23,2.78,.9,4.1,2.7,.33,.45,.23,1.07-.22,1.4-.18,.13-.39,.19-.59,.19-.31,0-.61-.14-.81-.41-1.22-1.67-3.24-2-3.26-2.01-.02,0-.03-.01-.05-.02-.02,0-.05,0-.07,0-2.51-.69-6.69,.24-8.13,1.81-.56,.62-.49,1.09-.36,1.43,.31,.83,1.36,.86,3.52,.74,1.4-.08,2.84-.16,4.13,.27,.47,.16,2.88,1.03,3.75,2.63,1.12,2.07,1.06,4.12-.16,5.62-1.34,1.64-3.79,2.22-6.24,1.48-.42-.13-.83-.26-1.23-.39-1.73-.56-3.36-1.09-3.8-.45-.29,.42-.38,.83-.26,1.28,.2,.8,1.24,2.52,5.98,5,2.19,1.14,4.1,1.6,5.8,2.01,3.64,.87,6.51,1.56,7.16,8.38,0,.04,0,.07,0,.11,0,.41,.26,.62,.38,.7,.12,.07,.43,.22,.79,.03l11.8-6c1.3-.66,2.13-1.97,2.18-3.42-.12-.97-1.73-12.67-8.18-18.73-.19-.19-3.98-4.11-5.04-9.01-.13-.58-.5-1.07-1.03-1.35-.53-.28-1.14-.3-1.71-.07-.88,.36-1.37,1.39-1.15,2.39,.21,.95,.5,1.91,.86,2.84l1.76,1.61c.41,.37,.44,1,.06,1.41-.2,.22-.47,.33-.74,.33-.24,0-.48-.09-.67-.26l-1.87-1.71c-.12-.09-.23-.19-.3-.32l-5.44-6.31Zm-4.94,5.79c.48-.04,.96-.07,1.43-.06l-1.26-2.08c-.39-.51-.62-1.09-.74-1.68l.56,3.82Zm-6.51,2.64c.96-1.06,2.67-1.88,4.53-2.32l-.87-5.95c-.08-.53-.36-1-.78-1.31-.35-.26-.76-.4-1.19-.4-.1,0-.2,0-.29,.02l-38.59,5.67c-.53,.08-1,.36-1.31,.78-.32,.43-.45,.96-.37,1.48l2.33,15.83c.08,.53,.36,.99,.79,1.31,.43,.32,.96,.45,1.48,.37l38.59-5.67c1.09-.16,1.85-1.18,1.69-2.27l-.31-2.1c-.31,.01-.62,.03-.93,.05-2.17,.12-4.63,.26-5.5-2.03-.46-1.21-.19-2.45,.75-3.48Zm5.92,11.35c.26,.08,.51,.17,.78,.25,.33,.1,.66,.16,.98,.19,1.3,.15,2.47-.21,3.13-1.02,.7-.85,.68-2.06-.04-3.4-.35-.64-1.61-1.35-2.62-1.68-.13-.04-.28-.06-.42-.09l.25,1.68c.19,1.3-.28,2.54-1.15,3.41-.27,.27-.57,.49-.9,.67Zm14.14,36.41c2.76,0,5-2.24,5-5v-2H11v2c0,2.76,2.24,5,5,5H151Z"/> <path class="transparent" d="M83.37,50h-6.76l.34-2h6.42c1.45,0,2.63-1.18,2.63-2.63v-2.94c.44-.08,.87-.23,1.27-.46,.27-.16,.51-.35,.73-.57v3.97c0,2.55-2.08,4.63-4.63,4.63Zm-10.01-4.97l-42.06-7.08c-.11-.02-.23-.03-.34-.03-.98,0-1.84,.71-2.01,1.7l-1.16,6.91c1.76,.11,3.4,.56,4.47,1.34,1.13,.82,1.64,1.98,1.43,3.26-.39,2.42-2.83,2.78-4.98,3.09-.79,.12-1.59,.24-2.29,.45l-.02,.12c-.19,1.11,.56,2.16,1.67,2.35l42.06,7.08c.54,.09,1.08-.03,1.52-.35,.44-.32,.74-.78,.83-1.32l2.55-15.16c.09-.54-.03-1.08-.35-1.52s-.78-.74-1.32-.83Zm14.65,30.98v15.99c0,2.21-1.8,4-4,4H36c-2.21,0-4-1.8-4-4v-15.99c0-2.21,1.8-4,4-4h47.99c2.21,0,4,1.8,4,4Zm-51.21-2l23.21,8.93,23.21-8.93H36.79Zm20.43,10l-23.01-8.85c-.12,.26-.2,.55-.2,.86v15.99c0,.31,.08,.6,.2,.86l23.01-8.85Zm26,10l-23.21-8.93-23.21,8.93h46.43Zm2.79-18c0-.31-.08-.6-.2-.86l-23.01,8.85,23.01,8.85c.12-.26,.2-.55,.2-.86v-15.99Zm17,16.38v-13.56l2-.29v13.86c0,.14,.02,.27,.06,.4l14.06-8.79-9.77-6.11,3.06-.45,8.6,5.38,9-5.63c.22,.56,.57,1.12,1.07,1.69l-8.18,5.11,14.06,8.79c.03-.13,.06-.26,.06-.4v-9.33c.69,.35,1.36,.64,2,.89v8.44c0,1.99-1.62,3.61-3.61,3.61h-28.78c-1.99,0-3.61-1.62-3.61-3.61Zm3.89,1.61h28.23l-14.11-8.82-14.11,8.82Zm31.73-19.97c-.21-.43-.5-.8-.85-1.12-.27,.27-.57,.49-.9,.67,.26,.08,.51,.17,.78,.25,.33,.1,.66,.16,.98,.19Zm-3.14-14.12l-.87-5.95c-.08-.53-.36-1-.78-1.31-.35-.26-.76-.4-1.19-.4-.1,0-.2,0-.29,.02l-38.59,5.67c-.53,.08-1,.36-1.31,.78-.32,.43-.45,.96-.37,1.48l2.33,15.83c.08,.53,.36,.99,.79,1.31,.43,.32,.96,.45,1.48,.37l38.59-5.67c1.09-.16,1.85-1.18,1.69-2.27l-.31-2.1c-.31,.01-.62,.03-.93,.05-2.17,.12-4.63,.26-5.5-2.03-.46-1.21-.19-2.45,.75-3.48,.96-1.06,2.67-1.88,4.53-2.32Zm-61.35-28.91c-.68-.63-1.32-1.3-1.91-2H24v2h8v5.03l2,.34v-5.37h40.13Zm69.87-2h-17.47l-.37,2h17.84v-2Zm-43.72-9.61c-.26,0-.54,0-.81-.02-.54,.12-.99,.54-1.1,1.12l-.78,4.25c.3-.05,.61-.11,.91-.17,2.14-.41,4.56-.87,5.72,1.28,.61,1.14,.51,2.4-.28,3.55-1.3,1.88-4.55,3.4-7.51,3.72l1.52,1.9c1.19,1.19,1.47,2.95,.83,4.42l21.61,3.97c.38,.07,.76-.01,1.07-.23,.31-.22,.53-.54,.59-.92l3.1-16.86c.14-.78-.37-1.52-1.15-1.66l-23.72-4.36ZM30,26c0,.55-.45,1-1,1s-1-.45-1-1,.45-1,1-1,1,.45,1,1Zm3-1c-.55,0-1,.45-1,1s.45,1,1,1,1-.45,1-1-.45-1-1-1Zm4,0c-.55,0-1,.45-1,1s.45,1,1,1,1-.45,1-1-.45-1-1-1Z"/> </svg> <h3 class="subhead">Web Design Agencies</h3> <p>Power your web design business, collaborate with your team and build websites faster.</p> </a> </li> <li class="accent-blue centered"> <a href="https://www.elegantthemes.com/freelancers/"> <svg width="168" height="112" viewBox="0 0 168 112"> <title>Web Design Freelancers</title> <path d="M88,81c-4.96,0-9,4.04-9,9s4.04,9,9,9,9-4.04,9-9-4.04-9-9-9Zm0,16c-3.86,0-7-3.14-7-7s3.14-7,7-7,7,3.14,7,7-3.14,7-7,7Zm79-48h-6v-16c0-1.65-1.35-3-3-3h-3v-9c0-1.65-1.35-3-3-3h-2c-.39,0-.77,.08-1.12,.22-.35-1.27-1.5-2.22-2.88-2.22h-2c-1.65,0-3,1.35-3,3v4.18c-.31-.11-.65-.18-1-.18h-2c-.35,0-.69,.07-1,.18v-.18c0-1.65-1.35-3-3-3h-2c-1.65,0-3,1.35-3,3v26h-8c-.55,0-1,.45-1,1s.45,1,1,1h46c.55,0,1-.45,1-1s-.45-1-1-1Zm-14-6h-4V26h4v17Zm-3-23h2c.55,0,1,.45,1,1v3h-4v-3c0-.55,.45-1,1-1Zm-19,29V23c0-.55,.45-1,1-1h2c.55,0,1,.45,1,1v26h-4Zm6,0V26c0-.55,.45-1,1-1h2c.55,0,1,.45,1,1v23h-4Zm6,0V19c0-.55,.45-1,1-1h2c.55,0,1,.45,1,1v30h-4Zm6,0v-4h4v4h-4Zm6,0v-17h3c.55,0,1,.45,1,1v16h-4Zm12,61h-15.9l1.83-20.16c1.2-.39,2.07-1.51,2.07-2.84,0-1.65-1.35-3-3-3h-16c-1.65,0-3,1.35-3,3,0,1.33,.87,2.44,2.07,2.84l1.83,20.16h-14.9v-36c0-2.76-2.24-5-5-5h-6.08c-2.69-4.12-6.73-7.28-11.48-8.87,3.99-3.21,6.55-8.12,6.55-13.63v-4.5c.26,0,.51-.1,.7-.29,.19-.19,.3-.45,.3-.71v-3.35c0-9.61-5.26-17.44-11.76-17.63-.81-1.22-2.17-2.02-3.72-2.02h-4.35c-10.14,0-18.55,8.1-19.14,18.43-.05,.82-.18,1.71-.45,2.86l-.56,2.48c-.07,.3,0,.61,.19,.84,.19,.24,.48,.38,.78,.38h2v3.5c0,5.51,2.56,10.42,6.55,13.63-4.75,1.59-8.78,4.75-11.48,8.87h-6.08c-2.76,0-5,2.24-5,5v31h-.3c-2.04,0-3.7,1.66-3.7,3.7v1.3h-6.36c2.04-1.65,3.36-4.17,3.36-7v-16c0-.55-.45-1-1-1h-1.49l.98-12.75c.01-.15-.01-.31-.07-.45l-1.69-4.14c-.14-.35-.47-.59-.85-.62-.38-.03-.74,.16-.93,.48l-2.3,3.84c-.08,.13-.13,.28-.14,.44l-1.01,13.21h-.39l-1.07-7.36c-.02-.15-.08-.3-.17-.43l-2.55-3.67c-.22-.31-.59-.47-.96-.42-.38,.05-.69,.32-.81,.68l-1.4,4.25c-.05,.15-.06,.3-.04,.46l.94,6.5h-2.04c-.55,0-1,.45-1,1v16c0,2.83,1.31,5.35,3.36,7h-9.38c-.25-4.77-4.03-8.61-8.77-8.96l-6.97-18.59c1.63-.82,2.76-2.5,2.76-4.45s-1.1-3.57-2.69-4.41l7.58-15.84c1.37-2.86,4.03-4.87,7.07-5.51-1.34,2.72-1.75,5.78-1.13,8.8,.74,3.6,2.83,6.71,5.9,8.73l.63,.41c.17,.11,.36,.17,.55,.17,.32,0,.64-.16,.84-.45l14.08-21.32c.15-.22,.2-.49,.15-.75-.05-.26-.21-.49-.43-.63l-.63-.41c-3.07-2.03-6.75-2.74-10.35-2-3.34,.68-6.23,2.54-8.25,5.24-4.37,.25-8.33,2.89-10.23,6.86l-7.73,16.15c-.12,0-.23-.04-.35-.04-2.76,0-5,2.24-5,5s2.24,5,5,5c.1,0,.2-.02,.3-.03l6.8,18.14c-4.41,.66-7.84,4.35-8.07,8.89H1c-.55,0-1,.45-1,1s.45,1,1,1H167c.55,0,1-.45,1-1s-.45-1-1-1ZM31.96,46.74c.79-.16,1.59-.24,2.38-.24,2.2,0,4.36,.62,6.26,1.82l-12.98,19.64c-2.51-1.73-4.23-4.33-4.84-7.33-.63-3.08-.02-6.22,1.71-8.85,1.73-2.62,4.38-4.42,7.47-5.05ZM13.5,103c3.97,0,7.23,3.1,7.48,7H6.02c.26-3.9,3.52-7,7.48-7Zm-8.5-28c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Zm26,13h14v15c0,3.86-3.14,7-7,7s-7-3.14-7-7v-15Zm2.11-8.56l.7-2.12,1.28,1.84,.99,6.84h-2.02l-.95-6.56Zm9.52-8.18l.84,2.07-.97,12.67h-2.01l.98-12.82,1.15-1.92Zm20.87,38.74h-7.5v-36c0-1.65,1.35-3,3-3h58c1.65,0,3,1.35,3,3v36H63.5Zm-11.5-1.3c0-.94,.76-1.7,1.7-1.7h.3v3h-2v-1.3Zm20-65.7h6.45c8.47,0,15.56-4.53,17.2-10.54,2.18,6.3,6.01,8.44,8.36,9.16v4.87c0,8.55-6.95,15.5-15.5,15.5h-1c-8.55,0-15.5-6.95-15.5-15.5v-3.5Zm-2.46-3.26c.29-1.27,.44-2.25,.49-3.19,.53-9.28,8.05-16.54,17.14-16.54h4.35c1.37,0,2.48,1.15,2.48,2.56v7.25c0,6.17-6.98,11.19-15.55,11.19h-9.19l.29-1.26Zm35.46-2.09v2.19c-2.51-.62-8.69-3.6-8.99-17.76,5.04,.8,8.99,7.47,8.99,15.57Zm-17.5,26.35h1c1.29,0,2.55-.15,3.76-.42-.88,1.44-2.45,2.42-4.26,2.42s-3.38-.97-4.26-2.42c1.21,.27,2.47,.42,3.76,.42Zm-8.79-2.39c.81,.47,1.66,.88,2.54,1.22,.81,2.98,3.52,5.17,6.75,5.17s5.94-2.2,6.75-5.17c.89-.34,1.73-.75,2.54-1.22,4.53,1.12,8.44,3.78,11.17,7.39h-40.92c2.73-3.62,6.64-6.27,11.17-7.39Zm60.21,48.39l-1.82-20h13.81l-1.82,20h-10.18Zm-2.91-24h16c.55,0,1,.45,1,1s-.45,1-1,1h-16c-.55,0-1-.45-1-1s.45-1,1-1Zm-56-37v-2c0-.55,.45-1,1-1s1,.45,1,1v2c0,.55-.45,1-1,1s-1-.45-1-1Zm15-3c.55,0,1,.45,1,1v2c0,.55-.45,1-1,1s-1-.45-1-1v-2c0-.55,.45-1,1-1Z"/> <path class="transparent" d="M120,110v-36c0-1.65-1.35-3-3-3H59c-1.65,0-3,1.35-3,3v36H120Zm-32-11c-4.96,0-9-4.04-9-9s4.04-9,9-9,9,4.04,9,9-4.04,9-9,9Zm-51.92-13h-2.02l-.95-6.56,.7-2.12,1.28,1.84,.99,6.84Zm4.42,0l.98-12.82,1.15-1.92,.84,2.07-.97,12.67h-2.01Zm-27,17c3.97,0,7.23,3.1,7.48,7H6.02c.26-3.9,3.52-7,7.48-7ZM2,78c0-1.65,1.35-3,3-3s3,1.35,3,3-1.35,3-3,3-3-1.35-3-3ZM45,30c8.27,0,15-6.73,15-15S53.27,0,45,0s-15,6.73-15,15,6.73,15,15,15Zm0-28c7.17,0,13,5.83,13,13s-5.83,13-13,13-13-5.83-13-13,5.83-13,13-13Zm99,91c-3.31,0-6,2.69-6,6s2.69,6,6,6,6-2.69,6-6-2.69-6-6-6Zm0,10c-2.21,0-4-1.79-4-4s1.79-4,4-4,4,1.79,4,4-1.79,4-4,4ZM105,37.65v2.19c-2.51-.62-8.69-3.6-8.99-17.76,5.04,.8,8.99,7.47,8.99,15.57Zm-35.75,3.35l.29-1.26c.29-1.27,.44-2.25,.49-3.19,.53-9.28,8.05-16.54,17.14-16.54h4.35c1.37,0,2.48,1.15,2.48,2.56v7.25c0,6.17-6.98,11.19-15.55,11.19h-9.19Zm-15.25,69h-2v-1.3c0-.94,.76-1.7,1.7-1.7h.3v3Zm-4.05-88.63l-5.95-5.95v-6.41c0-.55,.45-1,1-1s1,.45,1,1v5.59l5.37,5.37c.39,.39,.39,1.02,0,1.41-.2,.2-.45,.29-.71,.29s-.51-.1-.71-.29Z"/> </svg> <h3 class="subhead">Web Design Freelancers</h3> <p>Bring your client's ideas to life quickly and efficiently. Build any type of website with Divi.</p> </a> </li> <li class="accent-green centered"> <a href="https://www.elegantthemes.com/small-business-owners/"> <svg width="168" height="112" viewBox="0 0 168 112"> <title>Small Business Owners</title> <path d="M49.23,87.76l24.19,2.59s.07,0,.11,0c.23,0,.45-.08,.63-.22,.21-.17,.34-.41,.37-.67l1.5-14s0-.02,0-.04c0-.07,0-.14-.02-.22,0-.06,0-.12-.03-.17-.02-.06-.05-.1-.08-.16-.03-.06-.06-.13-.11-.18,0,0-.01-.02-.02-.03l-10.94-11.64c.12-.32,.19-.66,.19-1.03,0-1.65-1.35-3-3-3s-3,1.35-3,3c0,.33,.07,.64,.17,.94l-9.04,9.12s-.05,.08-.07,.11c-.04,.05-.08,.11-.11,.17-.03,.06-.04,.12-.06,.19-.01,.04-.03,.08-.04,.13l-1.5,14c-.06,.55,.34,1.04,.89,1.1Zm12.75-24.82l.05,.05s-.02,0-.03,0c-.02,0-.04-.01-.07-.01l.05-.05Zm.02,2.06c.56,0,1.07-.16,1.52-.43l8.93,9.5-19.44-2.08,7.4-7.46c.46,.29,1.01,.47,1.6,.47Zm-10.28,8.86l22.2,2.37-1.28,12.01-22.2-2.37,1.28-12.01Zm45.28,7.14h38c.55,0,1-.45,1-1v-27c0-.55-.45-1-1-1h-38c-.55,0-1,.45-1,1v27c0,.55,.45,1,1,1Zm1-27h36v25h-36v-25Zm5.79,11.21c-.39-.39-.39-1.02,0-1.41l5.5-5.5c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41l-5.5,5.5c-.2,.2-.45,.29-.71,.29s-.51-.1-.71-.29Zm26.91,3.09c.39,.39,.39,1.02,0,1.41l-5.5,5.5c-.2,.2-.45,.29-.71,.29s-.51-.1-.71-.29c-.39-.39-.39-1.02,0-1.41l5.5-5.5c.39-.39,1.02-.39,1.41,0Zm-11.5-11.5c.39,.39,.39,1.02,0,1.41l-15.5,15.5c-.2,.2-.45,.29-.71,.29s-.51-.1-.71-.29c-.39-.39-.39-1.02,0-1.41l15.5-15.5c.39-.39,1.02-.39,1.41,0Zm48.79,41.21c0-7.72-6.28-14-14-14-1.76,0-3.44,.34-5,.94V46.94c4.49-.5,8-4.32,8-8.94v-14s-.01-.04-.01-.06c0-.1-.02-.19-.06-.28-.01-.04-.03-.07-.05-.11-.04-.07-.08-.14-.13-.2-.03-.03-.05-.06-.08-.09-.01-.01-.02-.03-.03-.04l-17.66-14.72c-.26-4.73-4.18-8.51-8.98-8.51H37c-4.96,0-9,4.04-9,9,0,.11,.03,.21,.06,.31L11.36,23.23s-.02,.03-.03,.04c-.03,.03-.05,.06-.08,.09-.05,.06-.1,.13-.13,.2-.02,.04-.03,.07-.05,.11-.03,.09-.05,.18-.06,.28,0,.02-.01,.04-.01,.06v14c0,4.62,3.51,8.44,8,8.94v48.42c-1.91-2.64-5-4.36-8.5-4.36-5.79,0-10.5,4.71-10.5,10.5,0,3.5,1.72,6.59,4.36,8.5H1c-.55,0-1,.45-1,1s.45,1,1,1H167c.55,0,1-.45,1-1s-.45-1-1-1h-5.83c4.08-2.45,6.83-6.9,6.83-12Zm-89,12H39v-4h46v4h-6Zm0-6H45V54h34v50Zm7,0h-5V53c0-.55-.45-1-1-1H44c-.55,0-1,.45-1,1v51h-5c-.55,0-1,.45-1,1v5h-13.03c.63-.84,1.03-1.87,1.03-3,0-2.41-1.72-4.43-4-4.9V46.94c3.06-.34,5.65-2.22,7-4.84,1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.5,2.9,4.52,4.9,8,4.9s6.5-1.99,8-4.9c1.35,2.62,3.94,4.5,7,4.84v38.95c-4.18,2.43-7,6.94-7,12.11s2.75,9.55,6.83,12h-59.83v-5c0-.55-.45-1-1-1ZM10.5,93c4.69,0,8.5,3.81,8.5,8.5,0,.21-.02,.41-.03,.61-2.26,.48-3.97,2.49-3.97,4.89,0,.54,.11,1.05,.27,1.53-1.36,.92-3,1.47-4.77,1.47-4.69,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5Zm9.5,17c-1.65,0-3-1.35-3-3s1.35-3,3-3,3,1.35,3,3-1.35,3-3,3ZM37,2h93c3.52,0,6.44,2.61,6.93,6H30.07c.49-3.39,3.41-6,6.93-6Zm118,36c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13ZM30.36,10h9.34l-12.13,13H14.76l15.6-13Zm108.64,28c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm-16,0c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13h14v13Zm21.52-28l-5.2,13h-13.45l8.67-13h9.99Zm12.34,0l-1.73,13h-13.65l5.2-13h10.18Zm12.27,0l1.73,13h-13.72l1.73-13h10.25Zm12.2,0l5.2,13h-13.65l-1.73-13h10.18Zm12.14,0l8.67,13h-13.45l-5.2-13h9.99Zm12.1,0l12.13,13h-13.16l-8.67-13h9.7ZM43.46,23h-13.16l12.13-13h9.7l-8.67,13Zm104.54,0h-7.57l-12.13-13h9.34l15.6,13h-5.24ZM13,25h14v13c0,3.86-3.14,7-7,7s-7-3.14-7-7v-13ZM142,98c0-6.62,5.38-12,12-12s12,5.38,12,12-5.38,12-12,12-12-5.38-12-12Z"/> <path class="transparent" d="M62,63s-.04-.01-.07-.01l.05-.05,.05,.05s-.02,0-.03,0Zm10.44,11.07l-8.93-9.5c-.45,.26-.96,.43-1.52,.43-.59,0-1.13-.18-1.6-.47l-7.4,7.46,19.44,2.08Zm-27.44-20.07h34v50H45V54Zm3.34,32.66c-.06,.55,.34,1.04,.89,1.1l24.19,2.59s.07,0,.11,0c.23,0,.45-.08,.63-.22,.21-.17,.34-.41,.37-.67l1.5-14s0-.02,0-.04c0-.07,0-.14-.02-.22,0-.06,0-.12-.03-.17-.02-.06-.05-.1-.08-.16-.03-.06-.06-.13-.11-.18,0,0-.01-.02-.02-.03l-10.94-11.64c.12-.32,.19-.66,.19-1.03,0-1.65-1.35-3-3-3s-3,1.35-3,3c0,.33,.07,.64,.17,.94l-9.04,9.12s-.05,.08-.07,.11c-.04,.05-.08,.11-.11,.17-.03,.06-.04,.12-.06,.19-.01,.04-.03,.08-.04,.13l-1.5,14ZM29,38c0,3.86,3.14,7,7,7s7-3.14,7-7v-13h-14v13Zm32,0c0,3.86,3.14,7,7,7s7-3.14,7-7v-13h-14v13Zm32,0c0,3.86,3.14,7,7,7s7-3.14,7-7v-13h-14v13Zm32,0c0,3.86,3.14,7,7,7s7-3.14,7-7v-13h-14v13ZM30.3,23h13.16l8.67-13h-9.7l-12.13,13Zm31.18,0h13.65l1.73-13h-10.18l-5.2,13Zm45.05,0l-5.2-13h-10.18l1.73,13h13.65Zm18.01,0h13.16l-12.13-13h-9.7l8.67,13ZM10.5,110c1.77,0,3.41-.54,4.77-1.47-.16-.49-.27-1-.27-1.53,0-2.4,1.71-4.41,3.97-4.89,.01-.2,.03-.4,.03-.61,0-4.69-3.81-8.5-8.5-8.5s-8.5,3.81-8.5,8.5,3.81,8.5,8.5,8.5Zm9.5-6c-1.65,0-3,1.35-3,3s1.35,3,3,3,3-1.35,3-3-1.35-3-3-3Zm146-6c0-6.62-5.38-12-12-12s-12,5.38-12,12,5.38,12,12,12,12-5.38,12-12Z"/> </svg> <h3 class="subhead">Small Business Owners</h3> <p>Divi makes it easy for anyone to build their own website. Build visually, no coding required.</p> </a> </li> <li class="accent-orange centered"> <a href="https://www.elegantthemes.com/online-store-owners/"> <svg width="168" height="112" viewBox="0 0 168 112"> <title>Online Store Owners</title> <path class="transparent" d="M133,15V4.07c0-2.24,1.83-4.07,4.07-4.07h26.86c2.24,0,4.07,1.83,4.07,4.07V20.93c0,2.24-1.83,4.07-4.07,4.07h-22.93v-2h22.93c1.14,0,2.07-.93,2.07-2.07V4.07c0-1.14-.93-2.07-2.07-2.07h-26.86c-1.14,0-2.07,.93-2.07,2.07V15h-2ZM25,49c.7,0,1.37-.13,2-.35v-11.3c-.63-.22-1.3-.35-2-.35-3.31,0-6,2.69-6,6s2.69,6,6,6ZM9,26.5c0-3.03,2.47-5.5,5.5-5.5s5.5,2.47,5.5,5.5-2.47,5.5-5.5,5.5-5.5-2.47-5.5-5.5Zm2,0c0,1.93,1.57,3.5,3.5,3.5s3.5-1.57,3.5-3.5-1.57-3.5-3.5-3.5-3.5,1.57-3.5,3.5Zm50,10.5h-18c-1.1,0-2,.9-2,2v18h18c1.44,0,2.79,.35,4,.95v-18.95c0-1.1-.9-2-2-2Zm46,25h18c1.1,0,2-.9,2-2v-21c0-1.1-.9-2-2-2h-18c-1.1,0-2,.9-2,2v21c0,1.1,.9,2,2,2Zm-25,3v-10c0-.4,.24-.77,.62-.92,.37-.16,.8-.07,1.09,.22l10.28,10.28c.61-.43,1.01-1.14,1.01-1.94v-27.27c0-1.31-1.06-2.37-2.37-2.37h-17.27c-1.31,0-2.37,1.06-2.37,2.37v27.27c0,1.31,1.06,2.37,2.37,2.37h6.63Zm72.5-32c-2.48,0-4.5,2.02-4.5,4.5s2.02,4.5,4.5,4.5,4.5-2.02,4.5-4.5-2.02-4.5-4.5-4.5Zm-68.65,40l-2.5,.94c-.31,.11-.65,.07-.92-.11-.27-.19-.43-.49-.43-.82h-10c-.55,0-1,.45-1,1s.45,1,1,1h16s.03,0,.04,0l-.75-1.99h-1.45Zm2.95,4h-16.8c-.55,0-1,.45-1,1s.45,1,1,1h17.78c-.25-.27-.45-.59-.59-.95l-.39-1.05Zm-16.8,6h16c.55,0,1-.45,1-1s-.45-1-1-1h-16c-.55,0-1,.45-1,1s.45,1,1,1Zm-32-4h20c.55,0,1-.45,1-1s-.45-1-1-1h-20c-.55,0-1,.45-1,1s.45,1,1,1Zm0,4h16c.55,0,1-.45,1-1s-.45-1-1-1h-16c-.55,0-1,.45-1,1s.45,1,1,1Zm64-8h16c.55,0,1-.45,1-1s-.45-1-1-1h-16c-.55,0-1,.45-1,1s.45,1,1,1Zm0,4h20c.55,0,1-.45,1-1s-.45-1-1-1h-20c-.55,0-1,.45-1,1s.45,1,1,1Zm0,4h16c.55,0,1-.45,1-1s-.45-1-1-1h-16c-.55,0-1,.45-1,1s.45,1,1,1Z"/> <path d="M107,64h18c2.21,0,4-1.79,4-4v-21c0-2.21-1.79-4-4-4h-18c-2.21,0-4,1.79-4,4v21c0,2.21,1.79,4,4,4Zm-2-25c0-1.1,.9-2,2-2h18c1.1,0,2,.9,2,2v21c0,1.1-.9,2-2,2h-18c-1.1,0-2-.9-2-2v-21Zm61-29h-31V5h31v5Zm-18,27.5c0,3.58,2.92,6.5,6.5,6.5s6.5-2.92,6.5-6.5-2.92-6.5-6.5-6.5-6.5,2.92-6.5,6.5Zm6.5,4.5c-2.48,0-4.5-2.02-4.5-4.5s2.02-4.5,4.5-4.5,4.5,2.02,4.5,4.5-2.02,4.5-4.5,4.5Zm-1.23,64.85l2.02-13c.08-.55,.6-.92,1.14-.83,.55,.08,.92,.6,.83,1.14l-2.02,13c-.08,.49-.5,.85-.99,.85-.05,0-.1,0-.15-.01-.55-.08-.92-.6-.83-1.14Zm-7.18,.1l.67-13c.03-.55,.5-.98,1.05-.95,.55,.03,.98,.5,.95,1.05l-.67,13c-.03,.53-.47,.95-1,.95-.02,0-.04,0-.05,0-.55-.03-.98-.5-.95-1.05Zm-6.9-13.95c.53-.04,1.02,.4,1.05,.95l.67,13c.03,.55-.4,1.02-.95,1.05-.02,0-.04,0-.05,0-.53,0-.97-.41-1-.95l-.67-13c-.03-.55,.4-1.02,.95-1.05Zm-7.44,14.15l-2.02-13c-.08-.55,.29-1.06,.83-1.14,.54-.08,1.06,.29,1.14,.83l2.02,13c.08,.55-.29,1.06-.83,1.14-.05,0-.1,.01-.15,.01-.48,0-.91-.35-.99-.85Zm-28.76-37.15c0-.55,.45-1,1-1h22c.55,0,1,.45,1,1s-.45,1-1,1h-22c-.55,0-1-.45-1-1ZM7.25,65.14c-.24-.23-.11-.63,.22-.68l2.02-.29c.13-.02,.24-.1,.3-.22l.9-1.83c.15-.3,.57-.3,.71,0l.9,1.83c.06,.12,.17,.2,.3,.22l2.02,.29c.33,.05,.46,.45,.22,.68l-1.46,1.42c-.09,.09-.14,.22-.11,.35l.34,2.01c.06,.32-.28,.57-.58,.42l-1.8-.95c-.12-.06-.25-.06-.37,0l-1.8,.95c-.29,.15-.63-.09-.58-.42l.34-2.01c.02-.13-.02-.26-.11-.35l-1.46-1.42Zm11.48,0c-.24-.23-.11-.63,.22-.68l2.02-.29c.13-.02,.24-.1,.3-.22l.9-1.83c.15-.3,.57-.3,.71,0l.9,1.83c.06,.12,.17,.2,.3,.22l2.02,.29c.33,.05,.46,.45,.22,.68l-1.46,1.42c-.09,.09-.14,.22-.11,.35l.34,2.01c.06,.32-.28,.57-.58,.42l-1.8-.95c-.12-.06-.25-.06-.37,0l-1.8,.95c-.29,.15-.63-.09-.58-.42l.34-2.01c.02-.13-.02-.26-.11-.35l-1.46-1.42Zm11.48,0c-.24-.23-.11-.63,.22-.68l2.02-.29c.13-.02,.24-.1,.3-.22l.9-1.83c.15-.3,.57-.3,.71,0l.9,1.83c.06,.12,.17,.2,.3,.22l2.02,.29c.33,.05,.46,.45,.22,.68l-1.46,1.42c-.09,.09-.14,.22-.11,.35l.34,2.01c.06,.32-.28,.57-.58,.42l-1.8-.95c-.12-.06-.25-.06-.37,0l-1.8,.95c-.29,.15-.63-.09-.58-.42l.34-2.01c.02-.13-.02-.26-.11-.35l-1.46-1.42Zm15.63-3.01l.9,1.83c.06,.12,.17,.2,.3,.22l2.02,.29c.33,.05,.46,.45,.22,.68l-1.46,1.42c-.09,.09-.14,.22-.11,.35l.34,2.01c.06,.32-.28,.57-.58,.42l-1.8-.95c-.12-.06-.25-.06-.37,0l-1.8,.95c-.29,.15-.63-.09-.58-.42l.34-2.01c.02-.13-.02-.26-.11-.35l-1.46-1.42c-.24-.23-.11-.63,.22-.68l2.02-.29c.13-.02,.24-.1,.3-.22l.9-1.83c.15-.3,.57-.3,.71,0Zm11.48,0l.9,1.83c.06,.12,.17,.2,.3,.22l2.02,.29c.33,.05,.46,.45,.22,.68l-1.46,1.42c-.09,.09-.14,.22-.11,.35l.34,2.01c.06,.32-.28,.57-.58,.42l-1.8-.95c-.12-.06-.25-.06-.37,0l-1.8,.95c-.29,.15-.63-.09-.58-.42l.34-2.01c.02-.13-.02-.26-.11-.35l-1.46-1.42c-.24-.23-.11-.63,.22-.68l2.02-.29c.13-.02,.24-.1,.3-.22l.9-1.83c.15-.3,.57-.3,.71,0Zm31.88,15.93c.13,.36,.34,.67,.59,.95,.56,.62,1.36,1,2.22,1,.36,0,.72-.06,1.05-.19,.75-.28,1.35-.84,1.68-1.57,.33-.73,.36-1.54,.08-2.29l-1.86-4.95h1.05c.55,0,1-.45,1-1,0-.14-.03-.28-.09-.4l1.53-.57c.32-.12,.55-.39,.63-.72,.07-.33-.03-.68-.27-.92l-1.4-1.4c.97-.8,1.6-2,1.6-3.35v-27.27c0-2.41-1.96-4.37-4.37-4.37h-17.27c-2.41,0-4.37,1.96-4.37,4.37v27.27c0,2.41,1.96,4.37,4.37,4.37h6.63v2h-10c-.55,0-1,.45-1,1s.45,1,1,1h10v2c0,.33,.16,.64,.43,.82,.27,.19,.61,.23,.92,.11l2.5-.94,1.27-.48,.18,.48,.75,1.99,.75,2.01,.39,1.05Zm-5.19-20.64l10.29,10.29-3.19,1.2c-.25,.09-.45,.28-.56,.52-.11,.24-.12,.52-.03,.76l2.43,6.47c.09,.25,.08,.52-.03,.76-.11,.24-.31,.43-.56,.52-.51,.19-1.1-.08-1.29-.59l-2.42-6.47c-.09-.25-.28-.45-.52-.56-.13-.06-.27-.09-.41-.09-.12,0-.24,.02-.35,.06l-3.35,1.26v-14.14Zm-11,5.22v-27.27c0-1.31,1.06-2.37,2.37-2.37h17.27c1.31,0,2.37,1.06,2.37,2.37v27.27c0,.8-.4,1.51-1.01,1.94l-10.28-10.28c-.29-.29-.72-.37-1.09-.22-.37,.15-.62,.52-.62,.92v10h-6.63c-1.31,0-2.37-1.06-2.37-2.37Zm94,47.37h-5.74c.73-.81,1.25-1.83,1.45-2.97l2.8-16.08c1.41-.22,2.5-1.45,2.5-2.99,0-1.63-1.33-2.96-2.96-2.96h-5.84l-6.37-9.55c-.31-.46-.93-.58-1.39-.28-.46,.31-.58,.93-.28,1.39l5.63,8.45h-15.8V20c0-2.76-2.24-5-5-5H32c-2.76,0-5,2.24-5,5v15.26c-.64-.17-1.31-.26-2-.26-4.41,0-8,3.59-8,8s3.59,8,8,8c.69,0,1.36-.1,2-.26v6.26H9c-4.96,0-9,4.04-9,9s4.04,9,9,9H27v17c0,2.76,2.24,5,5,5H122.55l1.74,10.03c.2,1.15,.72,2.16,1.45,2.97H1c-.55,0-1,.45-1,1s.45,1,1,1H167c.55,0,1-.45,1-1s-.45-1-1-1Zm-40.73-3.31l-2.73-15.69h39.93l-2.73,15.69c-.33,1.92-1.99,3.31-3.94,3.31h-26.59c-1.95,0-3.61-1.39-3.94-3.31ZM29,75h30c4.96,0,9-4.04,9-9,0-2.66-1.16-5.04-3-6.69v-20.31c0-2.21-1.79-4-4-4h-18c-2.21,0-4,1.79-4,4v18h-10V25h110v60h-9.79l5.63-8.45c.31-.46,.18-1.08-.28-1.39-.46-.31-1.08-.18-1.39,.28l-6.37,9.55h-5.84c-1.63,0-2.96,1.33-2.96,3.04s1.33,2.96,2.96,2.96h.55l.7,4H32c-1.65,0-3-1.35-3-3v-17ZM9,59H59c3.86,0,7,3.14,7,7s-3.14,7-7,7H9c-3.86,0-7-3.14-7-7s3.14-7,7-7Zm54-1.05c-1.21-.6-2.56-.95-4-.95h-18v-18c0-1.1,.9-2,2-2h18c1.1,0,2,.9,2,2v18.95ZM25,37c.7,0,1.37,.13,2,.35v11.3c-.63,.22-1.3,.35-2,.35-3.31,0-6-2.69-6-6s2.69-6,6-6Zm7-20h104c1.65,0,3,1.35,3,3v3H29v-3c0-1.65,1.35-3,3-3ZM165.04,87c.53,0,.96,.43,.96,1.04,0,.53-.43,.96-.96,.96h-44.08c-.53,0-.96-.43-.96-1.04,0-.53,.43-.96,.96-.96h44.08Z"/> </svg> <h3 class="subhead">Online Store Owners</h3> <p>It's easy for anyone to start their own online store with Divi. Sell products and design your own website.</p> </a> </li> </ul> </div> </li> <li class="menu-wrapper"> <a class="menu-item accent-pink" href="https://www.elegantthemes.com/products/">All Products <svg viewBox="0 0 28 28" class="menu-expand icon-small"> <title>Expand Menu</title> <path d="M18,13h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,1s0.45,1,1,1h3v3c0,0.55,0.45,1,1,1 s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-1S18.55,13,18,13z"/> </svg> <svg viewBox="0 0 28 28" class="menu-collapse icon-small"> <title>Collapse Menu</title> <path d="M14.51,7.22c-0.23-0.3-0.8-0.3-1.03,0l-2.4,2.95c-0.23,0.3,0,0.83,0.46,0.83H13v9c0,0.55,0.45,1,1,1s1-0.45,1-1 v-9h1.45c0.46,0,0.68-0.43,0.46-0.83L14.51,7.22z"/> </svg> </a> <div class="card card-medium sub-menu sub-menu-wide "> <ul class="menu-items primary-menu-items"> <li class="accent-purple"> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/divi/"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Theme</title> <path d="M14,2c6.62,0,12,5.38,12,12s-5.38,12-12,12S2,20.62,2,14S7.38,2,14,2 M14,0C6.27,0,0,6.27,0,14 c0,7.73,6.27,14,14,14s14-6.27,14-14C28,6.27,21.73,0,14,0L14,0z"/> <path d="M17.92,17.49c0.37-0.44,0.65-0.96,0.84-1.55c0.19-0.6,0.44-2.64-0.01-3.98c-0.2-0.59-0.48-1.11-0.85-1.54 c-0.37-0.43-0.82-0.76-1.36-1C16,9.18,15.36,9,14.65,9H11v10h3.65c0.72,0,1.36-0.24,1.91-0.49C17.1,18.27,17.56,17.92,17.92,17.49z M17.22,7.54c0.81,0.34,1.51,0.83,2.08,1.45c0.56,0.62,0.99,1.36,1.28,2.2C20.86,12.03,21,13.01,21,14c0,0.97-0.13,1.83-0.41,2.67 c-0.28,0.84-0.7,1.59-1.26,2.21c-0.56,0.63-1.25,1.13-2.08,1.49C16.44,20.72,15.49,21,14.43,21H10c-0.55,0-1-0.45-1-1V8 c0-0.55,0.45-1,1-1h4.43C15.47,7,16.41,7.2,17.22,7.54z"/> </svg> </div> <div> <h3 class="subhead">Divi Theme & Page Builder </h3> <p>The #1 WordPress Theme & Visual Page Builder</p> </div> </a> </li> <li class="accent-pink"> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/divi/"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Divi Builder Plugin</title> <path d="M26.71,19.22l-1.2,1.6l-1.05-0.78l1.2-1.6c0.22-0.29,0.16-0.7-0.13-0.91c-0.29-0.22-0.7-0.16-0.91,0.13 l-1.2,1.6c-0.39-0.29-0.93-0.21-1.22,0.18l-1.22,1.63c-0.62,0.83-0.72,1.9-0.34,2.79l0.07,0.07c-2.02,1.38-4.46,2.17-7.1,2.08 c-6.21-0.2-11.37-5.33-11.6-11.54C1.75,7.63,7.23,2,14,2c6.32,0,11.51,4.91,11.97,11.11C26,13.62,26.44,14,26.95,14h0.03 c0.58,0,1.03-0.5,0.99-1.08C27.37,5.18,20.48-0.8,12.41,0.09C5.99,0.8,0.8,5.99,0.09,12.41C-0.84,20.85,5.74,28,14,28 c3.06,0,5.88-1,8.18-2.67l0.07,0.06c1.15,0.44,2.5,0.09,3.27-0.95l1.22-1.63c0.29-0.39,0.21-0.93-0.17-1.22l1.2-1.6 c0.22-0.29,0.16-0.7-0.13-0.91C27.34,18.87,26.93,18.93,26.71,19.22z"/> <path d="M17.92,17.49c0.37-0.44,0.65-0.96,0.84-1.55c0.19-0.6,0.44-2.64-0.01-3.98c-0.2-0.59-0.48-1.11-0.85-1.54 c-0.37-0.43-0.82-0.76-1.36-1C16,9.18,15.36,9,14.65,9H11v10h3.65c0.72,0,1.36-0.24,1.91-0.49C17.1,18.27,17.56,17.92,17.92,17.49z M17.22,7.54c0.81,0.34,1.51,0.83,2.08,1.45c0.56,0.62,0.99,1.36,1.28,2.2C20.86,12.03,21,13.01,21,14c0,0.97-0.13,1.83-0.41,2.67 c-0.28,0.84-0.7,1.59-1.26,2.21c-0.56,0.63-1.25,1.13-2.08,1.49C16.44,20.72,15.49,21,14.43,21H10c-0.55,0-1-0.45-1-1V8 c0-0.55,0.45-1,1-1h4.43C15.47,7,16.41,7.2,17.22,7.54z"/> </svg> </div> <div> <h3 class="subhead">Divi Page Builder Plugin </h3> <p>Harness the Power of Divi With Any Theme</p> </div> </a> </li> <li class="accent-green"> <a class="icon-blurb" href="https://www.elegantthemes.com/gallery/extra/"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Extra Theme</title> <path d="M28,10V4H0v3h3v14H0v3h28v-6h-3v3H6v-5h11v2h3v-7h-3v2H6V7h19v3H28z"/> </svg> </div> <div> <h3 class="subhead">Extra Magazine Theme </h3> <p>The Best Theme for Bloggers and Online Publications</p> </div> </a> </li> <li class="accent-indigo"> <a class="icon-blurb" href="https://www.elegantthemes.com/plugins/bloom/"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Bloom Plugin</title> <path d="M28.31,14c0-2.24-1.27-4.43-3.5-6.06c-0.24-2.17-1.14-4.37-2.94-5.7c-2.21-1.63-5.15-1.42-7.56-0.36 c-2.38-1.05-5.29-1.26-7.5,0.32c-1.84,1.32-2.77,3.55-3,5.74c-1.94,1.42-3.5,3.58-3.5,6.06c0,2.49,1.56,4.64,3.5,6.06 c0.24,2.17,1.14,4.37,2.94,5.7c2.21,1.63,5.15,1.42,7.56,0.36c2.38,1.05,5.29,1.26,7.5-0.32c1.84-1.32,2.77-3.55,3-5.74 C27.04,18.43,28.31,16.24,28.31,14z M3.83,17.37c-0.79-0.85-1.39-1.93-1.47-3.11c-0.07-1.01,0.28-2,0.84-2.84 C4.43,9.6,6.59,8.36,8.72,7.94c-0.36,0.33-0.69,0.7-0.99,1.09l-2.65,4.46C4.4,14.67,4,16.02,3.83,17.37 C2.88,16.34,3.84,17.3,3.83,17.37z M8.94,17.1L8.94,17.1c-1.1-1.9-1.1-4.3,0-6.2l0,0c1.1-1.9,3.18-3.1,5.37-3.1 c2.2,0,4.27,1.2,5.37,3.1l0,0c1.1,1.9,1.1,4.3,0,6.2l0,0c-1.1,1.9-3.18,3.1-5.37,3.1C12.11,20.21,10.04,19,8.94,17.1z M22.82,8.57 c0.08,1.25-0.08,2.51-0.46,3.62c-0.11-0.48-0.26-0.94-0.45-1.39l-2.54-4.53c-0.65-1.12-1.6-2.16-2.73-3.02 c1.63-0.37,3.39-0.12,4.58,1.14C22.28,5.49,22.72,7.07,22.82,8.57C22.9,9.82,22.67,6.28,22.82,8.57z M13.86,3.92 c1.09,0.54,2.1,1.29,2.9,2.21c-0.79-0.25-1.62-0.37-2.45-0.37h-4.17c-1.29,0-2.67,0.3-3.99,0.86c0.42-1.37,1.3-2.65,2.66-3.2 C10.45,2.74,12.34,3.16,13.86,3.92C13.95,3.96,12.75,3.37,13.86,3.92z M5.81,19.43c-0.08-1.25,0.08-2.51,0.46-3.62 c0.11,0.49,0.27,0.97,0.46,1.43l2.53,4.49c0.65,1.12,1.6,2.16,2.73,3.02c-1.63,0.37-3.39,0.12-4.58-1.14 C6.35,22.51,5.9,20.93,5.81,19.43C5.72,18.18,5.95,21.72,5.81,19.43z M14.76,24.08c-1.09-0.54-2.1-1.29-2.9-2.21 c0.79,0.25,1.62,0.37,2.45,0.37h4.17c1.37,0,2.73-0.33,3.99-0.86c-0.42,1.37-1.3,2.65-2.66,3.2 C18.18,25.26,16.29,24.84,14.76,24.08C14.68,24.04,15.87,24.63,14.76,24.08z M23.27,18.65c-1.04,0.7-2.22,1.18-3.37,1.41 c0.34-0.32,0.66-0.66,0.95-1.04l2.69-4.52c0.68-1.18,1.08-2.53,1.25-3.88c1.1,1.18,1.77,2.78,1.35,4.39 C25.74,16.56,24.56,17.79,23.27,18.65C22.23,19.35,25.18,17.38,23.27,18.65z"/> </svg> </div> <div> <h3 class="subhead">Bloom Email Opt-Ins </h3> <p>The Ultimate Email Opt-In Plugin for WordPress</p> </div> </a> </li> <li class="accent-orange"> <a class="icon-blurb" href="https://www.elegantthemes.com/plugins/monarch/"> <div class="icon-circle"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Monarch Plugin</title> <path d="M0,1.5v25.02c0,0.6,0.74,1.04,1.19,0.74l5.22-2.68C6.56,24.5,7,24.06,7,23.62V12.07c0-0.3,0.31-0.6,0.61-0.45 l6.1,2.98c0.3,0.15,0.45,0.15,0.74,0l6.1-2.98c0.3-0.15,0.46,0,0.46,0.45v11.77c0,0.3,0.29,0.6,0.59,0.74l5.22,2.68 c0.6,0.3,1.19-0.15,1.19-0.74V1.5c0-0.6-0.74-1.04-1.19-0.74L14.15,7.01L1.19,0.75C0.74,0.45,0,0.75,0,1.5z"/> </svg> </div> <div> <h3 class="subhead">Monarch Social Sharing </h3> <p>The Best Way To Promote Social Sharing</p> </div> </a> </li> </ul> <a class="button fullwidth-button accent-purple" href="https://www.elegantthemes.com/join/">Join To Download</a> </div> </li> <li class="menu-wrapper"> <a class="menu-item accent-pink" href="https://www.elegantthemes.com/contact/">Contact <svg viewBox="0 0 28 28" class="menu-expand icon-small"> <title>Expand Menu</title> <path d="M18,13h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,1s0.45,1,1,1h3v3c0,0.55,0.45,1,1,1 s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-1S18.55,13,18,13z"/> </svg> <svg viewBox="0 0 28 28" class="menu-collapse icon-small"> <title>Collapse Menu</title> <path d="M14.51,7.22c-0.23-0.3-0.8-0.3-1.03,0l-2.4,2.95c-0.23,0.3,0,0.83,0.46,0.83H13v9c0,0.55,0.45,1,1,1s1-0.45,1-1 v-9h1.45c0.46,0,0.68-0.43,0.46-0.83L14.51,7.22z"/> </svg> </a> <div class="card card-medium sub-menu accent-blue"> <ul class="menu-items"> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/contact/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Contact</title> <path class="transparent" d="M22,21H6c-0.55,0-1-0.45-1-1V8c0-0.55,0.45-1,1-1h16c0.55,0,1,0.45,1,1v12C23,20.55,22.55,21,22,21z"/> <path d="M23,9.5V8c0-0.55-0.45-1-1-1H6C5.45,7,5,7.45,5,8v1.5l9,6.5L23,9.5z"/> </svg> <div> <h3 class="subhead">Get In Touch</h3> </div> </a> </li> <li> <a class="icon-blurb launch_intercom" href="https://www.elegantthemes.com/contact/sales/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Sales Questions</title> <path class="transparent" d="M11,10H22c0.55,0,1,0.45,1,1v12l-3-3h-9c-0.55,0-1-0.45-1-1V11C10,10.45,10.45,10,11,10z"/> <path d="M17,5H6C5.45,5,5,5.45,5,6v12l3-3h9c0.55,0,1-0.45,1-1V6C18,5.45,17.55,5,17,5z"/> </svg> <div> <h3 class="subhead">Chat With Sales</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/contact/"> <svg viewBox="0 0 28 28" class="icon-small" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Accounts & Billing</title> <path class="transparent" d="M23,14c0,4.97-4.03,9-9,9s-9-4.03-9-9s4.03-9,9-9S23,9.03,23,14z"/> <path d="M18.5,20.3c0,3.6-9,3.6-9,0c0-4.27,2.04-6.3,4.5-6.3S18.5,16.03,18.5,20.3z M16.5,10.5c0,1.38-1.12,2.5-2.5,2.5 s-2.5-1.12-2.5-2.5S12.62,8,14,8S16.5,9.12,16.5,10.5z"/> </svg> <div> <h3 class="subhead">Accounts & Billing</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/help/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Technical Support</title> <path class="transparent" d="M12.16,10.01l5.83,5.83c1.32-0.5,2.87-0.22,3.93,0.84c1.14,1.14,1.38,2.84,0.72,4.21l-2.17-2.17 c-0.48-0.48-1.25-0.48-1.73,0c-0.48,0.48-0.48,1.25,0,1.73l2.18,2.18c-1.38,0.67-3.09,0.43-4.23-0.71c-1.06-1.06-1.34-2.59-0.85-3.9 l-5.85-5.85c-1.31,0.49-2.85,0.2-3.9-0.85C4.94,10.17,4.7,8.48,5.36,7.1l2.17,2.17c0.48,0.48,1.25,0.48,1.73,0 c0.48-0.48,0.48-1.25,0-1.73L7.08,5.37c1.38-0.67,3.09-0.43,4.23,0.71C12.38,7.15,12.66,8.69,12.16,10.01L12.16,10.01z"/> <path d="M8.33,18.64l4.01-4l-0.49-0.49l7.6-8.87c0.37-0.37,0.96-0.37,1.33,0l1.95,1.95c0.37,0.37,0.37,0.96,0,1.33 l-8.8,7.66l-0.54-0.54l-4.01,4l-1.36,2.55L6.05,23L5,21.95l0.8-2L8.33,18.64L8.33,18.64z"/> </svg> <div> <h3 class="subhead">Technical Support</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/forum/"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Community</title> <path class="transparent" d="M10,18.21c0,2.38-6,2.38-6,0C4,14.74,5.42,13,7,13C8.58,13,10,14.74,10,18.21z M7,8c-1.1,0-2,0.9-2,2s0.9,2,2,2 s2-0.9,2-2S8.1,8,7,8z"/> <path class="transparent" d="M24,18.21c0,2.38-6,2.38-6,0c0-3.48,1.42-5.21,3-5.21C22.58,13,24,14.74,24,18.21z M21,8c-1.1,0-2,0.9-2,2 s0.9,2,2,2s2-0.9,2-2S22.1,8,21,8z"/> <path d="M19,20c0,4-10,4-10,0c0-4.74,2.26-7,5-7S19,15.26,19,20z M17,9c0,1.66-1.34,3-3,3s-3-1.34-3-3s1.34-3,3-3 S17,7.34,17,9z"/> </svg> <div> <h3 class="subhead">Ask The Community</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/documentation/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Documentation</title> <path d="M9.47,17h7.04c0.28,0,0.5,0.22,0.5,0.5s-0.22,0.5-0.5,0.5H9.47c-0.28,0-0.5-0.22-0.5-0.5S9.2,17,9.47,17z M9.47,14h7.04c0.28,0,0.5,0.22,0.5,0.5s-0.22,0.5-0.5,0.5H9.47c-0.28,0-0.5-0.22-0.5-0.5S9.2,14,9.47,14z M9.47,11h7.04 c0.28,0,0.5,0.22,0.5,0.5s-0.22,0.5-0.5,0.5H9.47c-0.28,0-0.5-0.22-0.5-0.5S9.2,11,9.47,11z M12.47,8h4.04c0.28,0,0.5,0.22,0.5,0.5 S16.79,9,16.51,9h-4.04c-0.28,0-0.5-0.22-0.5-0.5S12.19,8,12.47,8z M7,21H19c0.55,0,1-0.45,1-1V6c0-0.55-0.45-1-1-1H7 C6.45,5,6,5.45,6,6V20C6,20.55,6.45,21,7,21z"/> <path class="transparent" d="M21,7h-1v13c0,0.55-0.45,1-1,1H8v1c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1V8C22,7.45,21.55,7,21,7z"/> </svg> <div> <h3 class="subhead">Documentation</h3> </div> </a> </li> </ul> <a class="button fullwidth-button launch_intercom" href="https://www.elegantthemes.com/contact/support/">Chat With Us!</a> </div> </li> <li class="menu-wrapper"> <a class="menu-item accent-pink menu-item-account" href="https://www.elegantthemes.com/members-area/">Account <svg viewBox="0 0 28 28" class="menu-expand icon-small"> <title>Expand Menu</title> <path d="M18,13h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,1s0.45,1,1,1h3v3c0,0.55,0.45,1,1,1 s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-1S18.55,13,18,13z"/> </svg> <svg viewBox="0 0 28 28" class="menu-collapse icon-small"> <title>Collapse Menu</title> <path d="M14.51,7.22c-0.23-0.3-0.8-0.3-1.03,0l-2.4,2.95c-0.23,0.3,0,0.83,0.46,0.83H13v9c0,0.55,0.45,1,1,1s1-0.45,1-1 v-9h1.45c0.46,0,0.68-0.43,0.46-0.83L14.51,7.22z"/> </svg> </a> <div class="card card-medium centered sub-menu accent-indigo et-main-account-menu"> <ul class="menu-items hide-item"> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/#mydownloads"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Downloads</title> <path d="M22,21v1a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V21a1,1,0,0,1,1-1H21A1,1,0,0,1,22,21Zm-9.79-4.42a1,1,0,0,0,.21.21l.94.95a.91.91,0,0,0,1.28,0l.94-.95a1,1,0,0,0,.21-.21l3-3A.9.9,0,0,0,18.2,12H16V6a1,1,0,0,0-1-1H13a1,1,0,0,0-1,1v6H9.8a.9.9,0,0,0-.63,1.54Z"/> </svg> <div> <h3 class="subhead">Product Downloads</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/divi-cloud/"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Divi Cloud</title> <path d="M21,13h0a6.49,6.49,0,0,0-12.8-1A4.48,4.48,0,0,0,8,21V21H21a4,4,0,0,0,0-8Z"/> </svg> <div> <h3 class="subhead">Divi Cloud</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/team/"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Team</title> <path class="transparent" d="M10,18.21c0,2.38-6,2.38-6,0C4,14.74,5.42,13,7,13C8.58,13,10,14.74,10,18.21z M7,8c-1.1,0-2,0.9-2,2s0.9,2,2,2 s2-0.9,2-2S8.1,8,7,8z"/> <path class="transparent" d="M24,18.21c0,2.38-6,2.38-6,0c0-3.48,1.42-5.21,3-5.21C22.58,13,24,14.74,24,18.21z M21,8c-1.1,0-2,0.9-2,2 s0.9,2,2,2s2-0.9,2-2S22.1,8,21,8z"/> <path d="M19,20c0,4-10,4-10,0c0-4.74,2.26-7,5-7S19,15.26,19,20z M17,9c0,1.66-1.34,3-3,3s-3-1.34-3-3s1.34-3,3-3 S17,7.34,17,9z"/> </svg> <div> <h3 class="subhead">Manage Team</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/api/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Username & API Key</title> <path d="M18,12c-0.83,0-1.61,0.22-2.3,0.58L7.56,4.44L5.44,6.56l1,1l-2,2l3,3l2-2l4.14,4.14C13.22,15.39,13,16.17,13,17 c0,2.76,2.24,5,5,5s5-2.24,5-5C23,14.24,20.76,12,18,12z M18,19c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2 C20,18.1,19.1,19,18,19z"/> </svg> <div> <h3 class="subhead">Username & API Key</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/account/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Account Details</title> <path class="transparent" d="M23,14c0,4.97-4.03,9-9,9s-9-4.03-9-9s4.03-9,9-9S23,9.03,23,14z"/> <path d="M18.5,20.3c0,3.6-9,3.6-9,0c0-4.27,2.04-6.3,4.5-6.3S18.5,16.03,18.5,20.3z M16.5,10.5c0,1.38-1.12,2.5-2.5,2.5 s-2.5-1.12-2.5-2.5S12.62,8,14,8S16.5,9.12,16.5,10.5z"/> </svg> <div> <h3 class="subhead">Account Details</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/billing/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Billing</title> <path d="M20,6l-2-2l-2.08,2L14,4l-1.96,2L10,4L8,6L6,4v20l2-2l2,2l2.08-2L14,24l1.96-2L18,24l2-2l2,2V4L20,6z M9.47,9 h9.04c0.28,0,0.5,0.22,0.5,0.5s-0.22,0.5-0.5,0.5H9.47c-0.28,0-0.5-0.22-0.5-0.5S9.19,9,9.47,9z M13.51,19H9.47 c-0.28,0-0.5-0.22-0.5-0.5S9.2,18,9.47,18h4.04c0.28,0,0.5,0.22,0.5,0.5S13.79,19,13.51,19z M13.51,16H9.47 c-0.28,0-0.5-0.22-0.5-0.5S9.2,15,9.47,15h4.04c0.28,0,0.5,0.22,0.5,0.5S13.79,16,13.51,16z M19,18.5c0,0.28-0.22,0.5-0.5,0.5h-2 c-0.28,0-0.5-0.22-0.5-0.5v-3c0-0.28,0.22-0.5,0.5-0.5h2c0.28,0,0.5,0.22,0.5,0.5V18.5z M18.51,13H9.47c-0.28,0-0.5-0.22-0.5-0.5 S9.2,12,9.47,12h9.04c0.28,0,0.5,0.22,0.5,0.5S18.79,13,18.51,13z"/> </svg> <div> <h3 class="subhead">Billing Info</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/subscriptions/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Subscriptions</title> <path d="M8.49,20c-0.85,0-1.55-0.73-1.47-1.58C7.34,14.75,8.31,14,10,14c1.69,0,2.67,0.75,2.98,4.42 c0.07,0.85-0.62,1.58-1.47,1.58L8.49,20z M12,11c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2S12,9.9,12,11z"/> <path class="transparent" d="M22,7H6C5.45,7,5,7.45,5,8v12c0,0.55,0.45,1,1,1h16c0.55,0,1-0.45,1-1V8C23,7.45,22.55,7,22,7z M20,16h-4 c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1h4c0.55,0,1,0.45,1,1C21,15.55,20.55,16,20,16z M20,12h-4c-0.55,0-1-0.45-1-1 c0-0.55,0.45-1,1-1h4c0.55,0,1,0.45,1,1C21,11.55,20.55,12,20,12z"/> </svg> <div class="menu-product-divi_lifetime"> <h3 class="subhead">Subscriptions</h3> </div> </a> </li> <li> <a class="icon-blurb" href="/members-area/offers/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Special Offers</title> <path d="m11,12c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Zm13.58,3.13l-.65.75c-.35.4-.49.94-.39,1.46l.19.97c.16.84-.32,1.68-1.13,1.96l-.94.32c-.5.17-.9.57-1.07,1.07l-.32.94c-.28.81-1.11,1.29-1.96,1.13l-.97-.19c-.52-.1-1.06.04-1.46.39l-.75.65c-.65.56-1.61.56-2.26,0l-.75-.65c-.4-.35-.94-.49-1.46-.39l-.97.19c-.84.16-1.68-.32-1.96-1.13l-.32-.94c-.17-.5-.57-.9-1.07-1.07l-.94-.32c-.81-.28-1.29-1.11-1.13-1.96l.19-.97c.1-.52-.04-1.06-.39-1.46l-.65-.75c-.56-.65-.56-1.61,0-2.26l.65-.75c.35-.4.49-.94.39-1.46l-.19-.97c-.16-.84.32-1.68,1.13-1.96l.94-.32c.5-.17.9-.57,1.07-1.07l.32-.94c.28-.81,1.11-1.29,1.96-1.13l.97.19c.52.1,1.06-.04,1.46-.39l.75-.65c.65-.56,1.61-.56,2.26,0l.75.65c.4.35.94.49,1.46.39l.97-.19c.84-.16,1.68.32,1.96,1.13l.32.94c.17.5.57.9,1.07,1.07l.94.32c.81.28,1.29,1.11,1.13,1.96l-.19.97c-.1.52.04,1.06.39,1.46l.65.75c.56.65.56,1.61,0,2.26Zm-13.58-2.13c1.1,0,2-.9,2-2s-.9-2-2-2-2,.9-2,2,.9,2,2,2Zm6.89-3.19c.17-.22.13-.53-.09-.7-.22-.17-.53-.13-.7.09l-7,9c-.17.22-.13.53.09.7.09.07.2.11.31.11.15,0,.3-.07.4-.19l7-9Zm1.11,7.19c0-1.1-.9-2-2-2s-2,.9-2,2,.9,2,2,2,2-.9,2-2Zm-2-1c-.55,0-1,.45-1,1s.45,1,1,1,1-.45,1-1-.45-1-1-1Z"/> </svg> <div> <h3 class="subhead">Special Offers</h3> </div> </a> </li> <li> <a class="icon-blurb" href="https://www.elegantthemes.com/members-area/help/"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Support</title> <path class="transparent" d="M12.16,10.01l5.83,5.83c1.32-0.5,2.87-0.22,3.93,0.84c1.14,1.14,1.38,2.84,0.72,4.21l-2.17-2.17 c-0.48-0.48-1.25-0.48-1.73,0c-0.48,0.48-0.48,1.25,0,1.73l2.18,2.18c-1.38,0.67-3.09,0.43-4.23-0.71c-1.06-1.06-1.34-2.59-0.85-3.9 l-5.85-5.85c-1.31,0.49-2.85,0.2-3.9-0.85C4.94,10.17,4.7,8.48,5.36,7.1l2.17,2.17c0.48,0.48,1.25,0.48,1.73,0 c0.48-0.48,0.48-1.25,0-1.73L7.08,5.37c1.38-0.67,3.09-0.43,4.23,0.71C12.38,7.15,12.66,8.69,12.16,10.01L12.16,10.01z"/> <path d="M8.33,18.64l4.01-4l-0.49-0.49l7.6-8.87c0.37-0.37,0.96-0.37,1.33,0l1.95,1.95c0.37,0.37,0.37,0.96,0,1.33 l-8.8,7.66l-0.54-0.54l-4.01,4l-1.36,2.55L6.05,23L5,21.95l0.8-2L8.33,18.64L8.33,18.64z"/> </svg> <div> <h3 class="subhead">Customer Support</h3> </div> </a> </li> <li> <form method="POST" action="/members-area/logout/" id="main-menu-logout-form"> <input type="hidden" name="_token" value=""> <a class="icon-blurb" href="#" onclick="event.preventDefault(); this.closest('form').submit();"> <svg viewBox="0 0 28 28" class="icon-small"> <title>Log Out</title> <path d="M21.58,15.79c0.08-0.06,0.15-0.13,0.21-0.21l0.94-0.94c0.35-0.35,0.35-0.92,0-1.27l-0.94-0.94 c-0.06-0.08-0.13-0.15-0.21-0.21l-3.04-3.04C17.97,8.6,17,9,17,9.8V12h-5c-0.55,0-1,0.45-1,1v2c0,0.55,0.45,1,1,1h5v2.2 c0,0.8,0.97,1.21,1.54,0.64L21.58,15.79z"/> <path class="transparent" d="M20,21H8V7h12l2,1.8V6c0-0.55-0.45-1-1-1H7C6.45,5,6,5.45,6,6v16c0,0.55,0.45,1,1,1h14c0.55,0,1-0.45,1-1v-2.8 L20,21z"/> </svg> <div> <h3 class="subhead">Log Out</h3> </div> </a> </form> </li> </ul> <a id="account-downloads-button" class="button fullwidth-button hide-item" href="https://www.elegantthemes.com/members-area/#mydownloads">My Downloads</a> <div class="et_account_login_form"> <form name="et-loginform" action="https://www.elegantthemes.com/members-area/login/" method="POST"> <input type="hidden" class="et_token_field" name="_token" value="" autocomplete="off"> <div class="et_manage_input"> <input type="text" placeholder="Username" autocomplete="off" name="username"> <label>Username</label> </div> <div class="et_manage_input"> <input type="password" placeholder="Password" autocomplete="off" name="password"> <label>Password</label> </div> <label for="remember_me" style="display: block; text-align: left;"> <input type="checkbox" id="remember_me" name="remember" checked> <span>Remember me</span> </label> <input class="button fullwidth-button" type="submit" name="submit" id="et-wp-submit" value="Member Login"> <p>Forgot Your <a href="https://www.elegantthemes.com/members-area/retrieve-username">Username</a> or <a href="https://www.elegantthemes.com/members-area/forgot-password/">Password</a>?</p> </form> </div> </div> </li> </ul> <div class="pricing-button-wrapper"> <a id="pricing-button" class="button primary-button accent-pink" href="https://www.elegantthemes.com/join/"><span>Pricing</span></a> </div> </nav> <span class="hamburger"> <span></span> <span></span> <span></span> </span> </div> </div> <section id="careers-hero" class="standard-post hero"> <div class="row-container "> <div class="row"> <div class="column-container"> <div class="column centered post-header accent-blue"> <h1>Announcing Divi 5 Dev Alpha</h1> <p class="lead"> Last Updated on September 5, 2024 by <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=48&#038;r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=96&#038;r=g 2x' class='avatar avatar-48 photo elevation-1' height='48' width='48' decoding='async'/><a href="https://www.elegantthemes.com/blog/author/admin" title="Posts by Nick Roach" rel="author">Nick Roach</a> <span class="comments-number"><a href="https://www.elegantthemes.com/blog/general-news/divi-5-dev-alpha#respond">43 Comments</a></span> </p> </div> </div> </div> </div> </section> <section class="thumbnail-container"> <div class="row-container"> <div class="row"> <div class="column-container"> <div class="column card article-thumbnail accent-blue"> <div class="post-thumbnail"> <img width="973" height="548" src="https://www.elegantthemes.com/blog/wp-content/uploads/2023/03/d5-dev-alpha-blog1800.jpg" alt="Announcing Divi 5 Dev Alpha" title="Announcing Divi 5 Dev Alpha" /> <div class="blog-breadcrumbs"><span><span><a href="https://www.elegantthemes.com/blog">Blog</a></span> / <span><a href="https://www.elegantthemes.com/blog/category/general-news">General News</a></span> / <span class="breadcrumb_last" aria-current="page">Announcing Divi 5 Dev Alpha</span></span></div> <a class="video-popup" href="https://www.youtube.com/watch?v=u3TN2Fp_NlM"> <div class="play-button-container play-button-container-small"> <div class="play-button"> <svg> <title>Play Button</title> <polygon points="10 33 10 1 34 17"></polygon> </svg> </div> </div> </a> </div> </div> </div> </div> </div> </section> <section id="article" class="article-section with-thumbnail"> <div class="row-container article-container "> <div class="row"> <div class="column-container"> <div class="column accent-blue"> <article id="post-219703" class="entry et_box normal-post clearfix post-219703 post type-post status-publish format-standard has-post-thumbnail category-general-news tag-divi-5"> <p>Today, we are releasing Divi 5 Dev Alpha. This is the first step on our journey towards the public release of Divi version 5. It’s also my first update in what will become a series of monthly videos and blog posts that will keep you up-to-speed on our progress. If you are a Divi developer, keep reading to find out how to access the alpha.</p> <p>If this is the first time you’re hearing about Divi 5, you might be a little confused! I gave a <a href="https://www.elegantthemes.com/blog/general-news/the-future-of-divi">high level overview of Divi 5</a> in my previous post, so be sure to check that out first.</p> <p><iframe loading="lazy" class="youtube-player" type="text/html" title="Announcing Divi 5 Dev Alpha!" width="719" height="404" src="https://www.youtube.com/embed/u3TN2Fp_NlM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p> <div class="lwptoc lwptoc-autoWidth lwptoc-baseItems lwptoc-light lwptoc-notInherit" data-smooth-scroll="1" data-smooth-scroll-offset="120"><div class="lwptoc_i"> <div class="lwptoc_header"> <b class="lwptoc_title">Table Of Contents</b> </div> <div class="lwptoc_items lwptoc_items-visible"> <ul class="lwptoc_itemWrap"><li class="lwptoc_item"> <a href="#what-is-divi-5-a-quick-refresher"> <span class="lwptoc_item_number">1</span> <span class="lwptoc_item_label">What Is Divi 5? A Quick Refresher</span> </a> </li><li class="lwptoc_item"> <a href="#the-divi-5-release-schedule"> <span class="lwptoc_item_number">2</span> <span class="lwptoc_item_label">The Divi 5 Release Schedule</span> </a> </li><li class="lwptoc_item"> <a href="#how-to-get-access-to-the-dev-alpha"> <span class="lwptoc_item_number">3</span> <span class="lwptoc_item_label">How To Get Access To The Dev Alpha</span> </a> </li><li class="lwptoc_item"> <a href="#stay-tuned-for-monthly-updates"> <span class="lwptoc_item_number">4</span> <span class="lwptoc_item_label">Stay Tuned For Monthly Updates</span> </a> </li></ul></div> </div></div><h2><span id="what-is-divi-5-a-quick-refresher">What Is Divi 5? A Quick Refresher</span></h2> <p>To recap briefly, Divi version 5 is a foundational update to Divi’s core technologies and API. It’s focused on improving <strong>performance</strong>, <strong>stability</strong>, <strong>scalability</strong> and <strong>extend-ability</strong>. It <em>won’t</em> be introducing new features, but it <em>will</em> be blazing fast, it will open up amazing opportunities for third party development, and it will provide our team with the foundation we need to spring forward into the future.</p> <p>We our building ourselves the foundation we need to sprint forward once again and release great new features at a consistent pace.</p> <h2><span id="the-divi-5-release-schedule">The Divi 5 Release Schedule</span></h2> <p>We are approaching the release of Divi 5 much differently that any previous version of Divi. This is due to the scope of the project and the agile nature of our development process.  Divi 5 will be released in five phases. With each new phase, the product will become increasingly feature-complete and will be released to a larger part of our community.</p> <p>As we approach the public beta phase, you may even find it appropriate to use Divi version 5 on new websites if you find that the improvements offered in Divi 5 outweigh whatever features may be missing in the current build. Let’s take a look at the five phases of Divi 5:</p> <ol> <li><strong>Phase 1: Dev Alpha</strong> – In this version of Divi 5, the new API will be <em>almost</em> finished and a moderate portion of Divi’s features will have been developed on the new API. We will inviting developers to explore the API and give us feedback on Divi’s new foundation.</li> <li><strong>Phase 2: Dev Beta</strong> – In this version of Divi 5, the API will be finished and a large portion of Divi’s features will be ready. We will continue to work with the development community to iron out any API-related bugs.</li> <li><strong>Phase 3: Public Alpha</strong> – At this phase, the API will be finalized and a majority of Divi’s features will have been developed on the new foundation. Some features will be missing, but most of Divi’s core features and modules will be available. At this phase, we will invite a large part of our customer base to test Divi 5.</li> <li><strong>Phase 4: Public Beta</strong> – At this phase, 100% of Divi’s features will have been developed on the new Divi 5 foundation. We will have fixed all bugs found during the public alpha, and we will continue to address feedback as we roll out the beta to the entire Divi community.</li> <li><strong>Phase 5: Official Release</strong> – At this phase, we will officially release Divi 5 as a normal update in the WordPress dashboard. Everyone will be able to upgrade to Divi 5 without any disruption to their websites.</li> </ol> <h2><span id="how-to-get-access-to-the-dev-alpha">How To Get Access To The Dev Alpha</span></h2> <p>The two initial development versions (including today’s version) will be limited releases available to active Divi creators, such as those in the <a href="https://www.elegantthemes.com/marketplace/">Divi Marketplace</a>. It will allow creators to get up-to-speed on Divi’s new API so that they can be begin transitioning their products and working on new features that can be ready to go when Divi 5 is released to the public.</p> <p>The Dev Alpha version we are releasing today is a limited version of Divi 5 with a relatively complete version of the API. It’s missing features. It’s not intended to be used.  However, the foundation is solid, we’re ready for feedback, and we want the community to be involved!</p> <p>If you are an active Divi creator (meaning you have developed your own Divi modules or features), and you would like access to the Dev Alpha, <a href="https://docs.google.com/forms/d/e/1FAIpQLSeQiz9QamP8YZtUO9x7S3tjdQAfJNRVGOAdWrUB2jEYOSsFAw/viewform" rel="noopener" target="_blank">fill out this form to request access.</a></p> <h2><span id="stay-tuned-for-monthly-updates">Stay Tuned For Monthly Updates</span></h2> <p>Divi 5 is a huge project that the majority of our team has already been working on for the better part of two years. With the release of Dev Alpha, we’ve jumped over the first major hurdle! Once we have progressed through the initial development versions, we’ll be opening up the Public Alpha and Public Beta to larger parts of the community. Everyone will get to use it, test it, and we’ll be making sure that everything is in tip top shape before the final release.</p> <p>Be sure to <a href="https://www.youtube.com/c/elegantthemes?sub_confirmation=1" rel="noopener" target="_blank">follow</a> and <a href="https://www.elegantthemes.com/newsletter/">subscribe</a> so that you don’t miss our ongoing Divi 5 updates. We will be shipping new Divi 5 versions every 2 weeks and I’ll being going over our progress each month. See you in the next one!</p> </article> <div class="et_social_inline et_social_mobile_on et_social_inline_bottom "> <div class="et_social_networks et_social_4col et_social_slide et_social_rounded et_social_left et_social_no_animation et_social_withnetworknames et_social_outer_dark"> <ul class="et_social_icons_container"><li class="et_social_facebook"> <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.elegantthemes.com%2Fblog%2Fgeneral-news%2Fdivi-5-dev-alpha&#038;t=Announcing%20Divi%205%20Dev%20Alpha" class="et_social_share" rel="nofollow" data-social_name="facebook" data-post_id="219703" data-social_type="share" data-location="inline"> <i class="et_social_icon et_social_icon_facebook"></i><div class="et_social_network_label"><div class="et_social_networkname">Facebook</div></div><span class="et_social_overlay"></span> </a> </li><li class="et_social_twitter"> <a href="https://twitter.com/share?text=Announcing%20Divi%205%20Dev%20Alpha&#038;url=https%3A%2F%2Fwww.elegantthemes.com%2Fblog%2Fgeneral-news%2Fdivi-5-dev-alpha&#038;via=elegantthemes" class="et_social_share" rel="nofollow" data-social_name="twitter" data-post_id="219703" data-social_type="share" data-location="inline"> <i class="et_social_icon et_social_icon_twitter"></i><div class="et_social_network_label"><div class="et_social_networkname">Twitter</div></div><span class="et_social_overlay"></span> </a> </li><li class="et_social_linkedin"> <a href="http://www.linkedin.com/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.elegantthemes.com%2Fblog%2Fgeneral-news%2Fdivi-5-dev-alpha&#038;title=Announcing%20Divi%205%20Dev%20Alpha" class="et_social_share" rel="nofollow" data-social_name="linkedin" data-post_id="219703" data-social_type="share" data-location="inline"> <i class="et_social_icon et_social_icon_linkedin"></i><div class="et_social_network_label"><div class="et_social_networkname">LinkedIn</div></div><span class="et_social_overlay"></span> </a> </li><li class="et_social_pinterest"> <a href="#" class="et_social_share_pinterest" rel="nofollow" data-social_name="pinterest" data-post_id="219703" data-social_type="share" data-location="inline"> <i class="et_social_icon et_social_icon_pinterest"></i><div class="et_social_network_label"><div class="et_social_networkname">Pinterest</div></div><span class="et_social_overlay"></span> </a> </li></ul> </div> </div> <div class="sticky-card"> <div class="sticky-card-inner card dark-background gradient-background-purple accent-purple"> <img loading="lazy" class="image-front" src="https://www.elegantthemes.com/images/blog/divi-front.png" alt="Divi" /> <h4>Want To Build Better WordPress Websites? <em>Start Here!</em> 👇</h4> <p class="lead">Take the first step towards a better website.</p> <select name="sticky-select"> <option selected disabled>What are your goals?</option> <option value="https://www.elegantthemes.com/freelancers/?utm_source=Sticky+Card&utm_medium=WordPress&utm_campaign=Blog">Build websites for my freelance clients.</option> <option value="https://www.elegantthemes.com/agencies/?utm_source=Sticky+Card&utm_medium=WordPress&utm_campaign=Blog">Empower my web design agency.</option> <option value="https://www.elegantthemes.com/small-business-owners/?utm_source=Sticky+Card&utm_medium=WordPress&utm_campaign=Blog">Build my own website for my business.</option> <option value="https://www.elegantthemes.com/online-store-owners/?utm_source=Sticky+Card&utm_medium=WordPress&utm_campaign=Blog">Build my own online store.</option> </select> <a class="button" href="https://www.elegantthemes.com/gallery/divi/?utm_source=Sticky+Card&utm_medium=WordPress&utm_campaign=Blog">Get Started</a> </div> <img loading="lazy" class="image-back" src="https://www.elegantthemes.com/images/blog/divi-back.png" alt="Divi" /> </div> </div> </div> </div> </div> <div class="row-container"> <div class="row"> <div class="column-container"> <div class="column card author-box centered accent-blue"> <div class="post-author-avatar"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=48&#038;r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=96&#038;r=g 2x' class='avatar avatar-48 photo elevation-1' height='48' width='48' loading='lazy' decoding='async'/> </div> <div class="post-author-bio"> <h5>By Nick Roach</h5> <p> I am the founder and CEO here at Elegant Themes. When I&#039;m not hard at work on new themes, I enjoy writing an article or two on our blog! </p> </div> </div> </div> </div> </div> <div id="divi-cta" class="row-container card card-featured card-featured-fullwidth"> <div class="row"> <div class="column-container"> <div class="column centered dark-background accent-pink"> <img width="107" height="107" class="lazy" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/divi/divi-logo-white.svg" alt="Divi Logo"> <h2>Explore Divi, The Most Popular WordPress Theme In The World And The Ultimate Page Builder</h2> <a href="https://www.elegantthemes.com/gallery/divi/" class="button primary-button"><span>Learn About Divi</span></a> </div> </div> </div> </div> <div id="divi-cta-ui-collage" > <a href="https://www.elegantthemes.com/gallery/divi/"><img class="lazy" width="1820" height="657" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/divi/divi-cta-ui-collage.png" alt="Premade Layouts" data-srcset="https://www.elegantthemes.com/images/divi/divi-cta-ui-collage-large.png 3640w, https://www.elegantthemes.com/images/divi/divi-cta-ui-collage.png 1820w, https://www.elegantthemes.com/images/divi/divi-cta-ui-collage-medium.png 768w, https://www.elegantthemes.com/images/divi/divi-cta-ui-collage-small.png 384w" sizes="(max-width: 1820px) 100vw, 1820px" alt="Divi Page Builder"></a> </div> <div class="row-container blog-index"> <div class="row"> <div class="column-container"> <div class="column"> <h3 id="comments">Check Out These Related Posts</h3> </div> </div> </div> <div class="row three-column small-gutters"> <div class="column-container"> <div class="column card accent-blue"> <article id="post-280992" class="entry article-card post-280992 post type-post status-publish format-standard has-post-thumbnail hentry category-general-news"> <div class="post-thumbnail"> <a href="https://www.elegantthemes.com/blog/general-news/announcing-the-divi-5-feature-swap"> <img class="lazy" width="350" height="183" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/blog/wp-content/uploads/2025/01/featured-image.png" alt="The Divi 5 Feature Swap (Plus 200+ Fixes/Improvements)" /> </a> </div> <h3><a href="https://www.elegantthemes.com/blog/general-news/announcing-the-divi-5-feature-swap" title="Link to The Divi 5 Feature Swap (Plus 200+ Fixes/Improvements)">The Divi 5 Feature Swap (Plus 200+ Fixes/Improvements)</a></h3> <p class="blog-meta">Posted on <span class="published updated">January 7, 2025</span> in <a href="https://www.elegantthemes.com/blog/category/general-news">General News</a></p> <p>Welcome back to our monthly Divi 5 progress report. We made significant progress, releasing three updates to Divi 5, fixing 237 bugs, and stabilizing the Public Alpha. New bug reports have slowed to a trickle, and this would be a good time to consider using Divi 5 to build new websites if you enjoy...</p> <a class="button tertiary-button fullwidth-button" href="https://www.elegantthemes.com/blog/general-news/announcing-the-divi-5-feature-swap" class="viewfull">View Full Post</a> </article> </div> </div> <div class="column-container"> <div class="column card accent-blue"> <article id="post-276541" class="entry article-card post-276541 post type-post status-publish format-standard has-post-thumbnail hentry category-general-news"> <div class="post-thumbnail"> <a href="https://www.elegantthemes.com/blog/general-news/divi-5-public-alpha-progress-update"> <img class="lazy" width="350" height="183" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/featured-image.jpg" alt="Divi 5 Public Alpha Progress Update (200+ Changes)" /> </a> </div> <h3><a href="https://www.elegantthemes.com/blog/general-news/divi-5-public-alpha-progress-update" title="Link to Divi 5 Public Alpha Progress Update (200+ Changes)">Divi 5 Public Alpha Progress Update (200+ Changes)</a></h3> <p class="blog-meta">Updated on <span class="published updated">November 5, 2024</span> in <a href="https://www.elegantthemes.com/blog/category/general-news">General News</a></p> <p>Last month, we released the Divi 5 Public Alpha, and we’ve been 100% focused on fixing the bugs you&#8217;ve been reporting. We released two new versions (Public Alpha Version 1 and Public Alpha Version Two), including over 200 bug fixes and improvements. Download The Divi 5 Alpha Next Stop,...</p> <a class="button tertiary-button fullwidth-button" href="https://www.elegantthemes.com/blog/general-news/divi-5-public-alpha-progress-update" class="viewfull">View Full Post</a> </article> </div> </div> <div class="column-container"> <div class="column card accent-blue"> <article id="post-272623" class="entry article-card post-272623 post type-post status-publish format-standard has-post-thumbnail hentry category-general-news tag-divi-5"> <div class="post-thumbnail"> <a href="https://www.elegantthemes.com/blog/general-news/download-the-divi-5-public-alpha"> <img class="lazy" width="350" height="183" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/09/featured-image-1.jpg" alt="Download The Divi 5 Public Alpha Today!" /> </a> </div> <h3><a href="https://www.elegantthemes.com/blog/general-news/download-the-divi-5-public-alpha" title="Link to Download The Divi 5 Public Alpha Today!">Download The Divi 5 Public Alpha Today!</a></h3> <p class="blog-meta">Updated on <span class="published updated">September 30, 2024</span> in <a href="https://www.elegantthemes.com/blog/category/general-news">General News</a></p> <p>Today, we are releasing the Divi 5 Public Alpha. Download it and take it for a test drive! Before you do, please consider the following: Firstly, this is an unfinished alpha build. Don&#8217;t jump to conclusions if you experience bugs, performance issues, compatibility issues, or if you...</p> <a class="button tertiary-button fullwidth-button" href="https://www.elegantthemes.com/blog/general-news/download-the-divi-5-public-alpha" class="viewfull">View Full Post</a> </article> </div> </div> </div> </div> <div class="row-container accent-blue"> <div class="row"> <div class="column-container"> <div class="column"> <h3 id="comments">43 Comments</h3> </div> </div> </div> <div class="row"> <div class="column-container"> <div class="column card accent-blue"> <ol class="commentlist"> <li class="comment even thread-even depth-1" id="li-comment-882022"> <article id="comment-882022" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/6201c57e0b5eab78f9c057815301219b?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/6201c57e0b5eab78f9c057815301219b?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">stephen</span> <span class="comment_date"> August 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Hi our company has been creating several websites for our clients using DIVI since 2018, I haven&#8217;t fully read the post about the changes in divi 5 but hopefully there will be a different installation for divi that structures the containers with display flex and grid not the float left and float right in all rows and inside containers for better customization in css and flexibility when switching to mobile or tablet view. I think it might get better result as well in optimizing in mobile since newly optimize page builders are structured with flex and grid now a days.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-882022" data-commentid="882022" data-postid="219703" data-belowelement="comment-882022" data-respondelement="respond" data-replyto="Reply to stephen" aria-label="Reply to stephen">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-875624"> <article id="comment-875624" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/74ddd76a8291a799d45de53472db6cec?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/74ddd76a8291a799d45de53472db6cec?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">IT CoPilot</span> <span class="comment_date"> May 23, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>What are the target dates for each of the above phases?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-875624" data-commentid="875624" data-postid="219703" data-belowelement="comment-875624" data-respondelement="respond" data-replyto="Reply to IT CoPilot" aria-label="Reply to IT CoPilot">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-2" id="li-comment-876420"> <article id="comment-876420" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/65baab40a81fbda9a4a9ae2b076e557b?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/65baab40a81fbda9a4a9ae2b076e557b?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Ralf</span> <span class="comment_date"> May 31, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>In the article it says &#8216;monthly updates&#8217;. But no news for 2 months &#8230; so &#8230; don&#8217;t hold your breath. I hesitate to start new projects with Divi, in spite of my LTD.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-876420" data-commentid="876420" data-postid="219703" data-belowelement="comment-876420" data-respondelement="respond" data-replyto="Reply to Ralf" aria-label="Reply to Ralf">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-3" id="li-comment-878925"> <article id="comment-878925" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/55726019f3b4c439d1b8e565476ee73c?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/55726019f3b4c439d1b8e565476ee73c?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Frank</span> <span class="comment_date"> June 26, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>We&#8217;ve moved to Bricks Builder for these same reasons. Can&#8217;t justify the poor performance of Divi&#8217;s current build for any new sites until we can fully vet the 5.0 version. Praying that the &#8220;migrate Divi 4.0 to Divi 5.0&#8221; tool is smooth and not harmful to existing sites which desperately a better framework.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-878925" data-commentid="878925" data-postid="219703" data-belowelement="comment-878925" data-respondelement="respond" data-replyto="Reply to Frank" aria-label="Reply to Frank">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment byuser comment-author-admin bypostauthor even depth-3 blog-author" id="li-comment-876544"> <article id="comment-876544" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nick Roach</span> <span class="comment_date"> June 1, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>There have been two updates since this post was published.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-876544" data-commentid="876544" data-postid="219703" data-belowelement="comment-876544" data-respondelement="respond" data-replyto="Reply to Nick Roach" aria-label="Reply to Nick Roach">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-871982"> <article id="comment-871982" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/68f632b70207748935963601853d54c2?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/68f632b70207748935963601853d54c2?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">barry edwards</span> <span class="comment_date"> April 10, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Came here looking for updates. 5 can&#8217;t get here soon enough. I was just exploring Astra as an alternative because it&#8217;s rated amongst the fastest themes out there, and Divi&#8217;s been prohibitively slow. I&#8217;m hoping 5.0 is the solution I&#8217;ve been looking for.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-871982" data-commentid="871982" data-postid="219703" data-belowelement="comment-871982" data-respondelement="respond" data-replyto="Reply to barry edwards" aria-label="Reply to barry edwards">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-870712"> <article id="comment-870712" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/d692eb5ff5aa7871144786126ce19b59?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/d692eb5ff5aa7871144786126ce19b59?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">William</span> <span class="comment_date"> March 19, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Do you have a plan date on when &#8220;Phase 5: Official Release&#8221; will be launch?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870712" data-commentid="870712" data-postid="219703" data-belowelement="comment-870712" data-respondelement="respond" data-replyto="Reply to William" aria-label="Reply to William">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-870431"> <article id="comment-870431" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/55d7f7b243472b7a3f2b1b35f3209c0c?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/55d7f7b243472b7a3f2b1b35f3209c0c?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Julian P.</span> <span class="comment_date"> March 15, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I really hope that Divi fixes the performance issues in the visual builder. It should use web workers for a fast responsiveness of the visual builder. Currently loading the visual builder is very slow and it blocks the whole page while loading.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870431" data-commentid="870431" data-postid="219703" data-belowelement="comment-870431" data-respondelement="respond" data-replyto="Reply to Julian P." aria-label="Reply to Julian P.">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-870234"> <article id="comment-870234" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/77830e5437b76004d0ea7dcb607027ad?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/77830e5437b76004d0ea7dcb607027ad?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Govind</span> <span class="comment_date"> March 11, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Exciting times! I’m looking forward to see where Divi is going. Excellent work.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870234" data-commentid="870234" data-postid="219703" data-belowelement="comment-870234" data-respondelement="respond" data-replyto="Reply to Govind" aria-label="Reply to Govind">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-870233"> <article id="comment-870233" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/db5fdf7b961c3dc558df15ee6ebe76b9?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/db5fdf7b961c3dc558df15ee6ebe76b9?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Shanna Campbell</span> <span class="comment_date"> March 11, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>okay, cool. I just logged back into my lifetime membership and it felt kinda dusty around the downloads area. I&#8217;m glad to see this update is coming!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870233" data-commentid="870233" data-postid="219703" data-belowelement="comment-870233" data-respondelement="respond" data-replyto="Reply to Shanna Campbell" aria-label="Reply to Shanna Campbell">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-870145"> <article id="comment-870145" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/abb70ccc0d7fab31c0d2f2997be34547?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/abb70ccc0d7fab31c0d2f2997be34547?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">photoMaldives</span> <span class="comment_date"> March 9, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Big fan here, signed up to ET lifetime on the release of Divi 2.0.<br /> My sites&#8217; visitor stats are all now 60:40 mobile over desktop, so hoping that mobile-first design &amp; functionality is on the Divi 5 road map.<br /> Thanks, and keep up the great work. 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870145" data-commentid="870145" data-postid="219703" data-belowelement="comment-870145" data-respondelement="respond" data-replyto="Reply to photoMaldives" aria-label="Reply to photoMaldives">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-870113"> <article id="comment-870113" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ab8df6b06bcd023f0bf2828d215687d7?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/ab8df6b06bcd023f0bf2828d215687d7?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Norman</span> <span class="comment_date"> March 8, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Nice one! Looking forward to this. Sounds like you guys have made loads on under-the-hood improvements.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870113" data-commentid="870113" data-postid="219703" data-belowelement="comment-870113" data-respondelement="respond" data-replyto="Reply to Norman" aria-label="Reply to Norman">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-870112"> <article id="comment-870112" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/72a98ad8bb3f538a7a5820ea8148ddc8?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/72a98ad8bb3f538a7a5820ea8148ddc8?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Mario Brumen</span> <span class="comment_date"> March 8, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Excellent 🙂</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870112" data-commentid="870112" data-postid="219703" data-belowelement="comment-870112" data-respondelement="respond" data-replyto="Reply to Mario Brumen" aria-label="Reply to Mario Brumen">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-even depth-1" id="li-comment-870108"> <article id="comment-870108" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/886a9929fa237f46007cea067132d599?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/886a9929fa237f46007cea067132d599?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">florin</span> <span class="comment_date"> March 8, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>not clear what are the improvements.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870108" data-commentid="870108" data-postid="219703" data-belowelement="comment-870108" data-respondelement="respond" data-replyto="Reply to florin" aria-label="Reply to florin">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment byuser comment-author-christopher-morris even depth-2 blog-author" id="li-comment-870124"> <article id="comment-870124" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/87ac17acf148364a20790074e7a57ce8?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/87ac17acf148364a20790074e7a57ce8?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Christopher Morris</span> <span class="comment_date"> March 8, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Florin, check out the <a href="https://www.elegantthemes.com/blog/general-news/the-future-of-divi">Divi 5 announcement</a> post for all of that.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870124" data-commentid="870124" data-postid="219703" data-belowelement="comment-870124" data-respondelement="respond" data-replyto="Reply to Christopher Morris" aria-label="Reply to Christopher Morris">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870102"> <article id="comment-870102" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/467d88c2eda77ba36d4953d138b7d897?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/467d88c2eda77ba36d4953d138b7d897?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Franco Labuschagne</span> <span class="comment_date"> March 8, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Using Divi has improved things so much for me, super excited for 5.0&#8217;s public release! One can always use more speed.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870102" data-commentid="870102" data-postid="219703" data-belowelement="comment-870102" data-respondelement="respond" data-replyto="Reply to Franco Labuschagne" aria-label="Reply to Franco Labuschagne">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870099"> <article id="comment-870099" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/5093ccc48516f8c32a1c06f60ee326dd?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/5093ccc48516f8c32a1c06f60ee326dd?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Outboxed</span> <span class="comment_date"> March 8, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Exciting times! I&#8217;m looking forward to see where Divi is going. Fan4Life!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870099" data-commentid="870099" data-postid="219703" data-belowelement="comment-870099" data-respondelement="respond" data-replyto="Reply to Outboxed" aria-label="Reply to Outboxed">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870096"> <article id="comment-870096" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/513463797e953675d3ec4bde1b9942fc?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/513463797e953675d3ec4bde1b9942fc?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Josiah Hostetter</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Great work Elegant Themes team! Very exciting news. Please keep accessibility in mind.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870096" data-commentid="870096" data-postid="219703" data-belowelement="comment-870096" data-respondelement="respond" data-replyto="Reply to Josiah Hostetter" aria-label="Reply to Josiah Hostetter">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870094"> <article id="comment-870094" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3b9bd5890f37cd832b5aa0480be2d6af?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/3b9bd5890f37cd832b5aa0480be2d6af?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">John</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Amazing!!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870094" data-commentid="870094" data-postid="219703" data-belowelement="comment-870094" data-respondelement="respond" data-replyto="Reply to John" aria-label="Reply to John">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870093"> <article id="comment-870093" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/aaec677330105d6edbbc42527e1b51f2?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/aaec677330105d6edbbc42527e1b51f2?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Matt - WPress Doctor</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Really awesome! It’s going to be a game changer in the long run. Keep it up! 😀👍🏻</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870093" data-commentid="870093" data-postid="219703" data-belowelement="comment-870093" data-respondelement="respond" data-replyto="Reply to Matt - WPress Doctor" aria-label="Reply to Matt - WPress Doctor">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870092"> <article id="comment-870092" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/44ecb6522d57c2e7e23084fa01f1f71b?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/44ecb6522d57c2e7e23084fa01f1f71b?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">SWE</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Looking forward to the public update</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870092" data-commentid="870092" data-postid="219703" data-belowelement="comment-870092" data-respondelement="respond" data-replyto="Reply to SWE" aria-label="Reply to SWE">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870091"> <article id="comment-870091" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/757b80c9bc23c6b0ef036648349194ee?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/757b80c9bc23c6b0ef036648349194ee?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Kiran</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>good to see the update about divi 5</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870091" data-commentid="870091" data-postid="219703" data-belowelement="comment-870091" data-respondelement="respond" data-replyto="Reply to Kiran" aria-label="Reply to Kiran">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870090"> <article id="comment-870090" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/15754930e174fc5d58c47defea91fabe?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/15754930e174fc5d58c47defea91fabe?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Rafa Ramos</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>So great to see this first phase moving forward!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870090" data-commentid="870090" data-postid="219703" data-belowelement="comment-870090" data-respondelement="respond" data-replyto="Reply to Rafa Ramos" aria-label="Reply to Rafa Ramos">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870089"> <article id="comment-870089" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/f0d82ece4e4921f492b6eebc16792942?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/f0d82ece4e4921f492b6eebc16792942?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nelson Miller</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Yay, the day we have been so anxious about is here! Looking forward to this!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870089" data-commentid="870089" data-postid="219703" data-belowelement="comment-870089" data-respondelement="respond" data-replyto="Reply to Nelson Miller" aria-label="Reply to Nelson Miller">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870086"> <article id="comment-870086" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/64e0433bc15376446cdd29d45b4c37dd?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/64e0433bc15376446cdd29d45b4c37dd?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Curt Crowley</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Exciting news! Divi 5 Dev Alpha is now available for access. Looking forward to seeing the amazing improvements in performance, stability, scalability, and extendability. Great job, team!<br /> Thanks<br /> Curt<br /> Trafficlinkr.com</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870086" data-commentid="870086" data-postid="219703" data-belowelement="comment-870086" data-respondelement="respond" data-replyto="Reply to Curt Crowley" aria-label="Reply to Curt Crowley">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870085"> <article id="comment-870085" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c08390564bf533cd84abd5e8dabf42bc?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/c08390564bf533cd84abd5e8dabf42bc?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Jason Gresalfi</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Very, very excited about this release. Thank you ET Team for this monumental effort &#8211; can&#8217;t wait to test it out!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870085" data-commentid="870085" data-postid="219703" data-belowelement="comment-870085" data-respondelement="respond" data-replyto="Reply to Jason Gresalfi" aria-label="Reply to Jason Gresalfi">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870083"> <article id="comment-870083" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/1609d0fde1ee51570cce140e74e251cc?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/1609d0fde1ee51570cce140e74e251cc?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Saddam</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Looking forward to seeing what the Dev Alpha phase brings!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870083" data-commentid="870083" data-postid="219703" data-belowelement="comment-870083" data-respondelement="respond" data-replyto="Reply to Saddam" aria-label="Reply to Saddam">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870082"> <article id="comment-870082" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c7f9edce497ab2eab5765d2c569162ec?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/c7f9edce497ab2eab5765d2c569162ec?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Rich S.</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Very exciting! Keep it up, ET!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870082" data-commentid="870082" data-postid="219703" data-belowelement="comment-870082" data-respondelement="respond" data-replyto="Reply to Rich S." aria-label="Reply to Rich S.">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870081"> <article id="comment-870081" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/15b23e313aa5e3dd3a6895d765ad0d32?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/15b23e313aa5e3dd3a6895d765ad0d32?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Michael</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Congratulations on reaching another milestone with Divi.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870081" data-commentid="870081" data-postid="219703" data-belowelement="comment-870081" data-respondelement="respond" data-replyto="Reply to Michael" aria-label="Reply to Michael">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870080"> <article id="comment-870080" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/55e963acc145812f7bea4fba47af7e23?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/55e963acc145812f7bea4fba47af7e23?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Liz</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Sounds exciting! Admittedly, my favourite line is &#8220;Everyone will be able to upgrade to Divi 5 without any disruption to their websites.&#8221; Whew! Thanks, Nick!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870080" data-commentid="870080" data-postid="219703" data-belowelement="comment-870080" data-respondelement="respond" data-replyto="Reply to Liz" aria-label="Reply to Liz">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870079"> <article id="comment-870079" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/bcc679328e06a4f665826e901271408e?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/bcc679328e06a4f665826e901271408e?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Liz</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Very exciting! 🙂 I can&#8217;t wait to try it out.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870079" data-commentid="870079" data-postid="219703" data-belowelement="comment-870079" data-respondelement="respond" data-replyto="Reply to Liz" aria-label="Reply to Liz">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870078"> <article id="comment-870078" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/851a8a1746864b2e54c9719f3e7ff922?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/851a8a1746864b2e54c9719f3e7ff922?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">SouL</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Accessibility Accessibility Accessibility. No, your old posts from 2020 and outdated plugins that your customer service points to dont work. I really like Divi but frankly if you&#8217;re going to make improvements, make these improvements for (everyone). Accessibility really matters to some of us. We need clearly labeled elements, for sliders and the ability to label form fields among other things.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870078" data-commentid="870078" data-postid="219703" data-belowelement="comment-870078" data-respondelement="respond" data-replyto="Reply to SouL" aria-label="Reply to SouL">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870076"> <article id="comment-870076" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/eb2eb9bbc10f98f28342f3f7af5bef78?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/eb2eb9bbc10f98f28342f3f7af5bef78?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">JAMES</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>How much of the Dev5 developer documentation has been completed?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870076" data-commentid="870076" data-postid="219703" data-belowelement="comment-870076" data-respondelement="respond" data-replyto="Reply to JAMES" aria-label="Reply to JAMES">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment byuser comment-author-admin bypostauthor odd alt depth-2 blog-author" id="li-comment-870077"> <article id="comment-870077" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/16b1ab748d7aa390ce826c2c492497c2?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Nick Roach</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>There is a good amount of documentation ready, which will help developers jump into creating Divi 5 modules. The API is subject to change during this phase while we accept feedback from developers. Everything will be finalized and the documentation will be finished for Phase 2: Dev Beta.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870077" data-commentid="870077" data-postid="219703" data-belowelement="comment-870077" data-respondelement="respond" data-replyto="Reply to Nick Roach" aria-label="Reply to Nick Roach">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment even depth-3" id="li-comment-879405"> <article id="comment-879405" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/c7e6a5d9d91e8acb1bb97c57a6d25c74?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/c7e6a5d9d91e8acb1bb97c57a6d25c74?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Wikils John</span> <span class="comment_date"> July 5, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>When is Phase 2: Dev Beta released?</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-879405" data-commentid="879405" data-postid="219703" data-belowelement="comment-879405" data-respondelement="respond" data-replyto="Reply to Wikils John" aria-label="Reply to Wikils John">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870075"> <article id="comment-870075" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/3cb5381f3881fe1cafb8ea3a5febfcbf?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/3cb5381f3881fe1cafb8ea3a5febfcbf?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Marco Baratella</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I guys, I&#8217;m proudly use DIVI since probably the first version and I get always impressed by the improvement and the functionality. I&#8217;m impatient to work on this new release. Keep going guys. Hugs from Italy. Marco</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870075" data-commentid="870075" data-postid="219703" data-belowelement="comment-870075" data-respondelement="respond" data-replyto="Reply to Marco Baratella" aria-label="Reply to Marco Baratella">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870073"> <article id="comment-870073" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/4dfca2d40c869e855293f178b6b0d68f?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/4dfca2d40c869e855293f178b6b0d68f?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Arthur Wilson</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Really exciting!!!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870073" data-commentid="870073" data-postid="219703" data-belowelement="comment-870073" data-respondelement="respond" data-replyto="Reply to Arthur Wilson" aria-label="Reply to Arthur Wilson">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870072"> <article id="comment-870072" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/1495a29b5133661bf82c824020dbd1f3?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/1495a29b5133661bf82c824020dbd1f3?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Francisco José Álvarez</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Muchas gracias, estoy impaciente por ver más</p> <p>mercurioestudios.com</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870072" data-commentid="870072" data-postid="219703" data-belowelement="comment-870072" data-respondelement="respond" data-replyto="Reply to Francisco José Álvarez" aria-label="Reply to Francisco José Álvarez">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870071"> <article id="comment-870071" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/ceb8bc84abe2bfe39115028dec368286?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/ceb8bc84abe2bfe39115028dec368286?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Mohamad Al-Koubeitri</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I am thrilled to hear about the release of Divi 5 Dev Alpha and the fantastic strides that the Divi team is making towards creating an exceptional user experience. The new API, along with the foundational update to Divi&#8217;s core technologies, will undoubtedly improve performance, stability, scalability, and extendability. This will create new opportunities for third-party developers to explore and build on the Divi platform, resulting in even more robust functionality for users. Additionally, the phased approach to the release schedule is a wise move that ensures any bugs or issues are addressed before the official release, ensuring the best possible user experience. The monthly updates will keep us in the loop about progress, which is exciting and keeps us eagerly anticipating the official release of Divi 5. I am confident that Divi 5 will exceed our expectations and be a game-changer in the WordPress space.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870071" data-commentid="870071" data-postid="219703" data-belowelement="comment-870071" data-respondelement="respond" data-replyto="Reply to Mohamad Al-Koubeitri" aria-label="Reply to Mohamad Al-Koubeitri">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-870070"> <article id="comment-870070" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/8ebbc837c9db8936ae868443164f8577?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/8ebbc837c9db8936ae868443164f8577?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Mike</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Really excited and thank you making an update schedule to keep us up to date on how things are progressing!</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870070" data-commentid="870070" data-postid="219703" data-belowelement="comment-870070" data-respondelement="respond" data-replyto="Reply to Mike" aria-label="Reply to Mike">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> <li class="comment even thread-even depth-1" id="li-comment-870069"> <article id="comment-870069" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/0a415b5651fe69504fdeb6eaf21466f6?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/0a415b5651fe69504fdeb6eaf21466f6?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Max</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>Great news! Thank you Nick.</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870069" data-commentid="870069" data-postid="219703" data-belowelement="comment-870069" data-respondelement="respond" data-replyto="Reply to Max" aria-label="Reply to Max">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-870263"> <article id="comment-870263" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/55e8de10b74f1f96da9c7a0927801604?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/55e8de10b74f1f96da9c7a0927801604?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Simon Newsham</span> <span class="comment_date"> March 11, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>I am a developer with products in the marketplace. I have filled in the form. When will access be granted? Thanks</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870263" data-commentid="870263" data-postid="219703" data-belowelement="comment-870263" data-respondelement="respond" data-replyto="Reply to Simon Newsham" aria-label="Reply to Simon Newsham">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ul><!-- .children --> </li><!-- #comment-## --> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-870067"> <article id="comment-870067" class="comment-body"> <div class="avatar-box"> <img alt='' src='https://secure.gravatar.com/avatar/27782dddb40b5ccf8ffe52347cd28f67?s=50&#038;r=g' srcset='https://secure.gravatar.com/avatar/27782dddb40b5ccf8ffe52347cd28f67?s=100&#038;r=g 2x' class='avatar avatar-50 photo' height='50' width='50' loading='lazy' decoding='async'/> </div> <!-- end .avatar-box --> <div class="comment-meta commentmetadata"> <span class="fn">Tim Strifler</span> <span class="comment_date"> March 7, 2023 </span> </div><!-- .comment-meta .commentmetadata --> <div class="comment-content clearfix"> <p>This is exciting! Can&#8217;t wait to test this out! The future of Divi is bright!! 😍 🔥</p> <div class="reply-container"><a rel="nofollow" class="comment-reply-link" href="#comment-870067" data-commentid="870067" data-postid="219703" data-belowelement="comment-870067" data-respondelement="respond" data-replyto="Reply to Tim Strifler" aria-label="Reply to Tim Strifler">Reply</a></div> </div> <!-- end comment-content--> </article> <!-- end comment-body --> </li> </li><!-- #comment-## --> </ol> </div> </div> </div> </div> </div> <div class="row-container accent-blue"> <div class="row"> <div class="column-container"> <div class="column card"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title"><span>Leave A Reply</span> <small><a rel="nofollow" id="cancel-comment-reply-link" href="/blog/general-news/divi-5-dev-alpha#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://www.elegantthemes.com/blog/wp-comments-post.php" method="post" id="commentform" class="comment-form">Comments are reviewed and must adhere to our <a href="https://www.elegantthemes.com/policy/comments/" target="_blank">comments policy</a>.<div class="et_manage_input"> <textarea autocomplete="new-password" required id="b4f5c83e1d" name="b4f5c83e1d" placeholder="Enter your comment here" cols="45" rows="8" aria-required="true"></textarea><textarea id="comment" aria-label="hp-comment" aria-hidden="true" name="comment" autocomplete="new-password" style="padding:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;position:absolute !important;white-space:nowrap !important;height:1px !important;width:1px !important;overflow:hidden !important;" tabindex="-1"></textarea><script data-noptimize>document.getElementById("comment").setAttribute( "id", "ad7218fe5a4777c85b86a78108b281f8" );document.getElementById("b4f5c83e1d").setAttribute( "id", "comment" );</script> <label>Comment</label> </div><div class="et_manage_input"> <input required minlength="3" maxlength="30" placeholder="Name" id="author" name="author" type="text" value="" size="30" aria-required='true' /> <label>Name</label> </div> <div class="et_manage_input"> <input required placeholder="Email Address" id="email" name="email" type="email" value="" size="30" aria-required='true' /> <label>Email Address</label> </div> <p class="form-submit"><input name="submit" type="submit" id="submit" class="button primary-button inline-button" value="Submit Comment" /> <input type='hidden' name='comment_post_ID' value='219703' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="5c07ae1ed6" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="216"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div><!-- #respond --> </div> </div> </div> </div> <div class="row-container wide-width blog-index"> <div class="row three-column small-gutters"> <div class="column-container"> <div class="column card accent-blue"> <h4>Recent Posts</h4> <ul> <li> <a href="https://www.elegantthemes.com/blog/marketing/how-to-check-website-traffic">How to Check Website Traffic in 2025 (Top Free &#038; Paid Tools)</a> </li> <li> <a href="https://www.elegantthemes.com/blog/wordpress/will-ai-replace-wordpress-developers">Will AI Replace WordPress Developers?</a> </li> <li> <a href="https://www.elegantthemes.com/blog/business/fastest-way-to-build-a-website">Fastest Way To Build A Website (2025 Guide)</a> </li> <li> <a href="https://www.elegantthemes.com/blog/theme-releases/divi-ai-for-divi-5">Introducing Divi AI For Divi 5</a> </li> <li> <a href="https://www.elegantthemes.com/blog/design/how-to-design-a-hero-section">How To Design A Hero Section For Your Website (2025 Guide)</a> </li> </ul> </div> </div><div class="column-container"> <div class="column card accent-blue"><h4>Categories</h4> <ul> <li class="cat-item cat-item-20944"><a href="https://www.elegantthemes.com/blog/category/business">Business</a> </li> <li class="cat-item cat-item-526"><a href="https://www.elegantthemes.com/blog/category/community">Community</a> </li> <li class="cat-item cat-item-26099"><a href="https://www.elegantthemes.com/blog/category/design">Design</a> </li> <li class="cat-item cat-item-848"><a href="https://www.elegantthemes.com/blog/category/divi-resources">Divi Resources</a> </li> <li class="cat-item cat-item-13"><a href="https://www.elegantthemes.com/blog/category/editorial">Editorial</a> </li> <li class="cat-item cat-item-20822"><a href="https://www.elegantthemes.com/blog/category/marketing">Marketing</a> </li> <li class="cat-item cat-item-8"><a href="https://www.elegantthemes.com/blog/category/resources">Resources</a> </li> <li class="cat-item cat-item-9"><a href="https://www.elegantthemes.com/blog/category/theme-releases">Theme Releases</a> </li> <li class="cat-item cat-item-14"><a href="https://www.elegantthemes.com/blog/category/tips-tricks">Tips &amp; Tricks</a> </li> <li class="cat-item cat-item-20874"><a href="https://www.elegantthemes.com/blog/category/wordpress">WordPress</a> </li> </ul> </div> </div><div class="column-container"> <div class="column card accent-blue"><h4>Follow Us</h4> <div class="textwidget"><div class="et_social_networks et_social_3col et_social_slide et_social_rounded et_social_top et_social_mobile_on et_social_withnetworknames et_social_outer_light"> <ul class="et_social_icons_container"><li class="et_social_facebook"> <a href="https://www.facebook.com/elegantthemes" class="et_social_follow" data-social_name="facebook" data-social_type="follow" data-post_id="219703" target="_blank"> <i class="et_social_icon et_social_icon_facebook"></i> <div class="et_social_network_label"><div class="et_social_networkname">Facebook</div></div> <span class="et_social_overlay"></span> </a> </li><li class="et_social_twitter"> <a href="https://twitter.com/elegantthemes/" class="et_social_follow" data-social_name="twitter" data-social_type="follow" data-post_id="219703" target="_blank"> <i class="et_social_icon et_social_icon_twitter"></i> <div class="et_social_network_label"><div class="et_social_networkname">Twitter</div></div> <span class="et_social_overlay"></span> </a> </li><li class="et_social_linkedin"> <a href="https://www.linkedin.com/company/elegantthemes" class="et_social_follow" data-social_name="linkedin" data-social_type="follow" data-post_id="219703" target="_blank"> <i class="et_social_icon et_social_icon_linkedin"></i> <div class="et_social_network_label"><div class="et_social_networkname">LinkedIn</div></div> <span class="et_social_overlay"></span> </a> </li><li class="et_social_dribbble"> <a href="https://dribbble.com/elegantthemes" class="et_social_follow" data-social_name="dribbble" data-social_type="follow" data-post_id="219703" target="_blank"> <i class="et_social_icon et_social_icon_dribbble"></i> <div class="et_social_network_label"><div class="et_social_networkname">Dribbble</div></div> <span class="et_social_overlay"></span> </a> </li><li class="et_social_rss"> <a href="https://www.elegantthemes.com/newsletter/" class="et_social_follow" data-social_name="rss" data-social_type="follow" data-post_id="219703" target="_blank"> <i class="et_social_icon et_social_icon_rss"></i> <div class="et_social_network_label"><div class="et_social_networkname">RSS</div></div> <span class="et_social_overlay"></span> </a> </li><li class="et_social_youtube"> <a href="https://www.youtube.com/c/elegantthemes?sub_confirmation=1" class="et_social_follow" data-social_name="youtube" data-social_type="follow" data-post_id="219703" target="_blank"> <i class="et_social_icon et_social_icon_youtube"></i> <div class="et_social_network_label"><div class="et_social_networkname">YouTube</div></div> <span class="et_social_overlay"></span> </a> </li></ul> </div></div> </div> </div> </div> </div> </section> <section id="bottom-call-to-action" class="et-highlightable"> <div class="row-container accent-green card card-featured "> <svg viewBox="0 0 300 322"> <title>Colorful Shapes</title> <defs> <linearGradient id="gradient" gradientTransform="rotate(45)"> <stop offset="5%" stop-color="rgba(233,244,255,1)"/> <stop offset="95%" stop-color="rgba(233,244,255,0)"/> </linearGradient> </defs> <path fill="url(#gradient)" d="M300,211.09V110.76c0-21.47-11.55-41.27-30.23-51.85L179.35,7.73c-18.21-10.31-40.48-10.31-58.69,0L30.23,58.91 C11.55,69.48,0,89.29,0,110.76v100.33c0,21.47,11.55,41.27,30.23,51.85l90.42,51.18c18.21,10.31,40.48,10.31,58.69,0l90.42-51.18 C288.45,252.36,300,232.55,300,211.09z"/> </svg> <div class="row"> <div class="column-container"> <div class="column centered"> <h2>974,872 Customers Are Already Building Amazing Websites With Divi. Join The Most Empowered WordPress Community On The Web</h2> <a href="https://www.elegantthemes.com/join/" class="button primary-button highlight-pricing-button">Sign Up Today</a> </div> </div> </div> <div class="row "> <div class="column-container"> <div class="column centered dark-background accent-green"> <p class="lead">We offer a 30 Day Money Back Guarantee, so joining is <span class="guarantee">Risk-Free!</span></p> </div> </div> </div> </div> </section> <span class="et-highlighted-overlay"></span> <section id="main-footer"> <div class="row-container"> <div id="social-accounts" class="row small-gutters three-column-tablet two-column-phone"> <div class="column-container"> <a id="facebook" rel="noreferrer" href="https://www.facebook.com/elegantthemes/" class="column card card-small elevation-1 centered accent-blue" target="_blank"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Facebook</title> <path d="M17.35,14H15l0,9l-3,0v-9l-2,0v-3h2V9.07C12,5,15.69,5,15.69,5L18,5l0,3l-1.93,0C15.45,8,15,8.42,15,9.2l0,1.8 l2.67,0L17.35,14z"/> </svg> <span>156k</span> Followers </a> </div> <div class="column-container"> <a id="facebook-group" rel="noreferrer" href="https://www.facebook.com/groups/DiviThemeUsers/" class="column card card-small elevation-1 centered accent-light-blue" target="_blank"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Facebook Group</title> <path class="transparent" d="M10,18.21c0,2.38-6,2.38-6,0C4,14.74,5.42,13,7,13C8.58,13,10,14.74,10,18.21z M7,8c-1.1,0-2,0.9-2,2s0.9,2,2,2 s2-0.9,2-2S8.1,8,7,8z"/> <path class="transparent" d="M24,18.21c0,2.38-6,2.38-6,0c0-3.48,1.42-5.21,3-5.21C22.58,13,24,14.74,24,18.21z M21,8c-1.1,0-2,0.9-2,2 s0.9,2,2,2s2-0.9,2-2S22.1,8,21,8z"/> <path d="M19,20c0,4-10,4-10,0c0-4.74,2.26-7,5-7S19,15.26,19,20z M17,9c0,1.66-1.34,3-3,3s-3-1.34-3-3s1.34-3,3-3 S17,7.34,17,9z"/> </svg> <span>75k</span> Members </a> </div> <div class="column-container"> <a id="twitter" rel="noreferrer" href="https://twitter.com/elegantthemes/" class="column card card-small elevation-1 centered accent-teal" target="_blank"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Twitter</title> <path d="M22.34,9.04c-0.61,0.26-1.27,0.44-1.96,0.52c0.71-0.41,1.25-1.05,1.5-1.82c-0.66,0.38-1.39,0.65-2.17,0.8 c-0.62-0.64-1.51-1.04-2.5-1.04c-1.89,0-3.42,1.47-3.42,3.28c0,0.26,0.03,0.51,0.09,0.75c-2.84-0.14-5.36-1.45-7.05-3.43 C6.53,8.58,6.37,9.15,6.37,9.75c0,1.14,0.6,2.14,1.52,2.73c-0.56-0.02-1.09-0.17-1.55-0.41c0,0.01,0,0.03,0,0.04 c0,1.59,1.18,2.92,2.74,3.22c-0.29,0.07-0.59,0.11-0.9,0.11c-0.22,0-0.43-0.02-0.64-0.06c0.44,1.3,1.7,2.25,3.19,2.28 c-1.17,0.88-2.65,1.4-4.25,1.4c-0.28,0-0.55-0.02-0.82-0.05c1.51,0.93,3.31,1.48,5.24,1.48c6.29,0,9.73-5,9.73-9.34 c0-0.14,0-0.28-0.01-0.43C21.3,10.28,21.88,9.7,22.34,9.04z"/> </svg> <span>64k</span> Followers </a> </div> <div class="column-container"> <a id="email" href="https://www.elegantthemes.com/newsletter/" class="column card card-small elevation-1 centered accent-gray"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Newsletter</title> <path d="M14,15.51l8-3.2L22,19c0,0.55-0.45,1-1,1L7,20c-0.55,0-1-0.45-1-1l0-6.69L14,15.51z M22,10.68l-8,3.2l-8-3.2 L6,9c0-0.55,0.45-1,1-1l14,0c0.55,0,1,0.45,1,1L22,10.68z"/> </svg> <span>325k</span> Subscribers </a> </div> <div class="column-container"> <a id="youtube" rel="noreferrer" href="https://www.youtube.com/c/elegantthemes?sub_confirmation=1" class="column card card-small elevation-1 centered accent-red" target="_blank"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Youtube</title> <path d="M12,11l6,2.96L12,17L12,11z M21.29,7.26C16.74,6.96,11,7,6.71,7.26c-1.45,0.09-2.43,1.88-2.53,3.2 c-0.23,2.75-0.23,4.32,0,7.07c0.11,1.31,1.07,3.05,2.53,3.23c4.69,0.3,10.3,0.24,14.59,0c1.44-0.08,2.43-1.92,2.54-3.23 c0.23-2.75,0.23-4.49,0-7.25C23.72,8.97,22.93,7.32,21.29,7.26z"/> </svg> <span>188k</span> Subscribers </a> </div> <div class="column-container"> <a id="dribbble" rel="noreferrer" href="https://dribbble.com/elegantthemes" class="column card card-small elevation-1 centered accent-pink" target="_blank"> <svg viewbox="0 0 28 28" class="icon-small"> <title>Dribbble</title> <path d="M19.29,9.69c-0.14,0.19-1.29,1.66-3.82,2.69c0.16,0.33,0.31,0.66,0.45,0.99c0.05,0.12,0.1,0.24,0.15,0.35 c2.27-0.29,4.53,0.17,4.76,0.22C20.82,12.33,20.24,10.85,19.29,9.69z M12.4,7.37c0.19,0.25,1.43,1.94,2.55,4 c2.43-0.91,3.46-2.29,3.58-2.47C17.32,7.83,15.74,7.18,14,7.18C13.45,7.18,12.91,7.24,12.4,7.37z M7.31,12.61 c0.31,0,3.12,0.02,6.32-0.83c-1.13-2.01-2.35-3.71-2.53-3.95C9.18,8.73,7.75,10.49,7.31,12.61z M8.92,18.58 c0.16-0.26,2.03-3.37,5.55-4.51c0.09-0.03,0.18-0.06,0.27-0.08c-0.17-0.39-0.36-0.78-0.55-1.16c-3.41,1.02-6.72,0.98-7.02,0.97 c0,0.07,0,0.14,0,0.21C7.17,15.76,7.83,17.37,8.92,18.58z M16.67,20.3c-0.1-0.6-0.5-2.69-1.46-5.18c-0.02,0-0.03,0.01-0.05,0.01 c-3.85,1.34-5.24,4.01-5.36,4.27c1.16,0.9,2.61,1.44,4.19,1.44C14.95,20.84,15.85,20.65,16.67,20.3z M20.75,15.1 c-0.23-0.07-2.11-0.64-4.26-0.29c0.89,2.46,1.26,4.46,1.33,4.87C19.35,18.64,20.44,17,20.75,15.1z M14,22c-4.41,0-8-3.59-8-8 c0-4.41,3.59-8,8-8c4.41,0,8,3.59,8,8C22,18.41,18.41,22,14,22z"> </svg> <span>6k</span> Followers </a> </div> </div> <div id="footer-menu" class="row three-column-tablet two-column-phone"> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/gallery/divi/"><h3>Divi Features</h3></a> <ul class="link-list"> <li> <a class="with-callout" href="https://www.elegantthemes.com/gallery/divi/"> All Features <span class="button-callout show-callout elevation-1 accent-purple">Explore Divi</span> </a> </li> <li> <a href="https://www.elegantthemes.com/modules/">Divi Modules</a> </li> <li> <a href="https://www.elegantthemes.com/layouts/">Divi Layouts</a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/quick-sites/"> Quick Sites <span class="button-callout accent-teal show-callout elevation-1">Brand New!</span> </a> </li> <li> <a href="https://www.elegantthemes.com/no-code-design/">No-Code Builder</a> </li> <li> <a href="https://www.elegantthemes.com/workflow/">Workflow</a> </li> <li> <a href="https://www.elegantthemes.com/ecommerce/">Ecommerce Websites</a> </li> <li> <a href="https://www.elegantthemes.com/theme-builder/">Theme Builder</a> </li> <li> <a href="https://www.elegantthemes.com/marketing/">Marketing Platform</a> </li> <li> <a href="https://www.elegantthemes.com/divi-performance/">Speed & Performance</a> </li> <li> <a href="https://www.elegantthemes.com/developers/">Developers</a> </li> <li> <a href="https://www.elegantthemes.com/support/">Premium Support</a> </li> </ul> </div> </div> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/products/"><h3>Products</h3></a> <ul class="link-list"> <li> <a href="https://www.elegantthemes.com/gallery/divi/"> Divi Theme </a> </li> <li> <a href="https://www.elegantthemes.com/marketplace/"> Divi Marketplace </a> </li> <li> <a href="https://www.elegantthemes.com/divi-cloud/"> Divi Cloud </a> </li> <li> <a href="https://www.elegantthemes.com/ai/"> Divi AI </a> </li> <li> <a href="https://www.elegantthemes.com/teams/"> Divi Teams </a> </li> <li> <a href="https://www.elegantthemes.com/vip/"> Divi VIP </a> </li> <li> <a href="https://www.elegantthemes.com/hosting/"> Divi Hosting </a> </li> <li> <a href="https://www.elegantthemes.com/dash/"> Divi Dash </a> </li> <li> <a href="https://www.elegantthemes.com/gallery/extra/"> Extra Theme </a> </li> <li> <a href="https://www.elegantthemes.com/plugins/bloom/"> Bloom Plugin </a> </li> <li> <a href="https://www.elegantthemes.com/plugins/monarch/"> Monarch Plugin </a> </li> <li> <a class="with-callout" href="https://www.elegantthemes.com/join/"> Plans & Pricing <span class="button-callout show-callout elevation-1">Get Divi Today</span> </a> </li> </ul> </div> </div> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/members-area/help/"><h3>Resources</h3></a> <ul class="link-list"> <li> <a href="https://www.elegantthemes.com/documentation/">Documentation</a> </li> <li> <a target="_blank" href="https://help.elegantthemes.com/en/">Help Articles & FAQ</a> </li> <li> <a href="https://www.elegantthemes.com/members-area/help/">24/7 Support</a> </li> <li> <a href="https://www.elegantthemes.com/documentation/developers/">Developer Docs</a> </li> <li> <a target="_blank" href="https://status.elegantthemes.com">System Status</a> </li> </ul> </div> </div> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/blog/"><h3>Blog</h3></a> <ul class="link-list"> <li> <a href="https://www.elegantthemes.com/blog/">Recent Posts</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/theme-releases/">Product Updates</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/divi-resources/">Divi Resources</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/business/">Business</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/wordpress/">WordPress</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/best-wordpress-plugins/">Best Plugins</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/best-website-tools/">Top Tools</a> </li> <li> <a href="https://www.elegantthemes.com/blog/category/best-wordpress-hosting/">Best Hosting</a> </li> </ul> </div> </div> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/divi-reviews/"><h3>Community</h3></a> <ul class="link-list"> <li> <a target="_blank" href="https://www.meetup.com/pro/Divi">Divi Meetups</a> </li> <li> <a target="_blank" href="https://www.facebook.com/groups/DiviThemeUsers/">Divi Facebook Group</a> </li> <li> <a href="https://www.elegantthemes.com/examples/">Divi Examples</a> </li> <li> <a href="https://www.elegantthemes.com/integrations/">Divi Integrations</a> </li> <li> <a href="https://www.elegantthemes.com/divi-reviews/">Divi Reviews</a> </li> <li> <a href="https://www.elegantthemes.com/forum/">Community Forum</a> </li> <li> <a href="https://www.elegantthemes.com/affiliates/">Affiliate Program</a> </li> </ul> </div> </div> <div class="column-container"> <div class="column"> <a href="https://www.elegantthemes.com/about/"><h3>Company</h3></a> <ul class="link-list"> <li> <a href="https://www.elegantthemes.com/about/">About Us</a> </li> <li> <a href="https://www.elegantthemes.com/careers/">Careers</a> </li> <li> <a href="https://www.elegantthemes.com/contact/">Contact Us</a> </li> <li> <a href="https://www.elegantthemes.com/policy/service/">Terms of Service</a> </li> <li> <a href="https://www.elegantthemes.com/policy/privacy/">Privacy Policy</a> </li> </ul> </div> </div> </div> <div id="footer-trust-icons" class="row"> <div class="column-container"> <div class="column"> <a rel="nofollow noreferrer" target="_blank" href="https://www.trustedsite.com/verify?js=1&host=elegantthemes.com"><img class="lazy" width="94" height="40" title="TrustedSite Certified" alt="TrustedSite" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/logos/trustedsite.svg"></a> </div> </div> <div class="column-container"> <div class="column"> <a rel="nofollow noreferrer" target="_blank" href="https://safeweb.norton.com/report/show?url=www.elegantthemes.com"><img class="lazy" width="74" height="40" title="Norton Secured" alt="Norton" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/logos/norton.svg"></a> </div> </div> <div class="column-container"> <div class="column"> <a rel="nofollow noreferrer" target="_blank" href="https://www.bbb.org/greater-san-francisco/business-reviews/web-design/elegant-themes-in-san-francisco-ca-376238"><img class="lazy" alt="BBB" title="Better Business Bureau" width="94" height="40" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/logos/bbb.svg"></a> </div> </div> <div class="column-container"> <div class="column"> <a rel="nofollow noreferrer" target="_blank" href="https://www.trustpilot.com/review/www.elegantthemes.com"><img class="lazy" width="94" height="40" title="Trustpilot Reviews" alt="Trust Pilot" src="https://www.elegantthemes.com/images/placeholder.jpg" data-src="https://www.elegantthemes.com/images/logos/trustpilot.svg"></a> </div> </div> </div> <div class="row"> <div class="column-container"> <div class="column centered"> <p>Copyright &copy; 2025 Elegant Themes &reg;</p> </div> </div> </div> </div> </section> <!-- Button For Video Popup --> <a href="https://www.elegantthemes.com/join/" class="button primary-button accent-green video-popup-join-button">Get Started With Divi</a> <script type="text/javascript" src="https://www.elegantthemes.com/js/cookie.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/cookie-consent.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/jquery.plugin.min.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/jquery.countdown.min.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/intersectional-observer.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/yall.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/relax.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/magnificpopup.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/allpages.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/blog.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/promo.js?ver=6.72"></script><script type="text/javascript" src="https://www.elegantthemes.com/js/promo-customers.js?ver=6.72"></script><script type="text/javascript" data-type="optional" data-src="https://www.elegantthemes.com/js/tracking.js?ver=6.72"></script><script type="text/javascript" type="text/javascript" data-type="lazy" data-src="https://www.elegantthemes.com/js/onesignal.js?ver=6.72"></script><script type="text/javascript" data-type="lazy-optional" data-src="https://www.elegantthemes.com/js/tracking-delayed.js?ver=6.72"></script> <!-- Enable gtag Consent Mode --> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('consent', 'default', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied', 'wait_for_update': 500 }); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1006729916"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1006729916', {'anonymize_ip': true}); gtag('set', 'ads_data_redaction', true); </script> <script type="text/javascript">var algolia = {"debug":false,"application_id":"AABCWEDZYU","search_api_key":"d167563a9c89a0f0b664fc1525577bf8","powered_by_enabled":false,"query":"","autocomplete":{"sources":[{"index_id":"searchable_posts","index_name":"wp_searchable_posts","label":"All posts","admin_name":"All posts","position":10,"max_suggestions":5,"tmpl_suggestion":"autocomplete-post-suggestion","enabled":true}],"input_selector":"input[name='s']:not(.no-autocomplete):not(#adminbar-search)"},"indices":{"searchable_posts":{"name":"wp_searchable_posts","id":"searchable_posts","enabled":true,"replicas":[]}}};</script> <script type="text/html" id="tmpl-autocomplete-header"> <div class="autocomplete-header"> <div class="autocomplete-header-title">{{{ data.label }}}</div> <div class="clear"></div> </div> </script> <script type="text/html" id="tmpl-autocomplete-post-suggestion"> <a class="suggestion-link" href="{{ data.permalink }}" title="{{ data.post_title }}"> <# if ( data.images.thumbnail ) { #> <img class="suggestion-post-thumbnail" src="{{ data.images.thumbnail.url }}" alt="{{ data.post_title }}"> <# } #> <div class="suggestion-post-attributes"> <span class="suggestion-post-title">{{{ data._highlightResult.post_title.value }}}</span> <# if ( data._snippetResult['content'] ) { #> <span class="suggestion-post-content">{{{ data._snippetResult['content'].value }}}</span> <# } #> </div> </a> </script> <script type="text/html" id="tmpl-autocomplete-term-suggestion"> <a class="suggestion-link" href="{{ data.permalink }}" title="{{ data.name }}"> <svg viewBox="0 0 21 21" width="21" height="21"> <svg width="21" height="21" viewBox="0 0 21 21"> <path d="M4.662 8.72l-1.23 1.23c-.682.682-.68 1.792.004 2.477l5.135 5.135c.7.693 1.8.688 2.48.005l1.23-1.23 5.35-5.346c.31-.31.54-.92.51-1.36l-.32-4.29c-.09-1.09-1.05-2.06-2.15-2.14l-4.3-.33c-.43-.03-1.05.2-1.36.51l-.79.8-2.27 2.28-2.28 2.27zm9.826-.98c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25-1.25.56-1.25 1.25.56 1.25 1.25 1.25z" fill-rule="evenodd"></path> </svg> </svg> <span class="suggestion-post-title">{{{ data._highlightResult.name.value }}}</span> </a> </script> <script type="text/html" id="tmpl-autocomplete-user-suggestion"> <a class="suggestion-link user-suggestion-link" href="{{ data.posts_url }}" title="{{ data.display_name }}"> <# if ( data.avatar_url ) { #> <img class="suggestion-user-thumbnail" src="{{ data.avatar_url }}" alt="{{ data.display_name }}"> <# } #> <span class="suggestion-post-title">{{{ data._highlightResult.display_name.value }}}</span> </a> </script> <script type="text/html" id="tmpl-autocomplete-footer"> <div class="autocomplete-footer"> <div class="autocomplete-footer-branding"> <a href="#" class="algolia-powered-by-link" title="Algolia"> <svg width="130" viewBox="0 0 130 18" xmlns="http://www.w3.org/2000/svg"> <title>Search by Algolia</title> <defs> <linearGradient x1="-36.868%" y1="134.936%" x2="129.432%" y2="-27.7%" id="a"> <stop stop-color="#00AEFF" offset="0%"/> <stop stop-color="#3369E7" offset="100%"/> </linearGradient> </defs> <g fill="none" fill-rule="evenodd"> <path d="M59.399.022h13.299a2.372 2.372 0 0 1 2.377 2.364V15.62a2.372 2.372 0 0 1-2.377 2.364H59.399a2.372 2.372 0 0 1-2.377-2.364V2.381A2.368 2.368 0 0 1 59.399.022z" fill="url(#a)"/> <path d="M66.257 4.56c-2.815 0-5.1 2.272-5.1 5.078 0 2.806 2.284 5.072 5.1 5.072 2.815 0 5.1-2.272 5.1-5.078 0-2.806-2.279-5.072-5.1-5.072zm0 8.652c-1.983 0-3.593-1.602-3.593-3.574 0-1.972 1.61-3.574 3.593-3.574 1.983 0 3.593 1.602 3.593 3.574a3.582 3.582 0 0 1-3.593 3.574zm0-6.418v2.664c0 .076.082.131.153.093l2.377-1.226c.055-.027.071-.093.044-.147a2.96 2.96 0 0 0-2.465-1.487c-.055 0-.11.044-.11.104l.001-.001zm-3.33-1.956l-.312-.311a.783.783 0 0 0-1.106 0l-.372.37a.773.773 0 0 0 0 1.101l.307.305c.049.049.121.038.164-.011.181-.245.378-.479.597-.697.225-.223.455-.42.707-.599.055-.033.06-.109.016-.158h-.001zm5.001-.806v-.616a.781.781 0 0 0-.783-.779h-1.824a.78.78 0 0 0-.783.779v.632c0 .071.066.12.137.104a5.736 5.736 0 0 1 1.588-.223c.52 0 1.035.071 1.534.207a.106.106 0 0 0 .131-.104z" fill="#FFF"/> <path d="M102.162 13.762c0 1.455-.372 2.517-1.123 3.193-.75.676-1.895 1.013-3.44 1.013-.564 0-1.736-.109-2.673-.316l.345-1.689c.783.163 1.819.207 2.361.207.86 0 1.473-.174 1.84-.523.367-.349.548-.866.548-1.553v-.349a6.374 6.374 0 0 1-.838.316 4.151 4.151 0 0 1-1.194.158 4.515 4.515 0 0 1-1.616-.278 3.385 3.385 0 0 1-1.254-.817 3.744 3.744 0 0 1-.811-1.351c-.192-.539-.29-1.504-.29-2.212 0-.665.104-1.498.307-2.054a3.925 3.925 0 0 1 .904-1.433 4.124 4.124 0 0 1 1.441-.926 5.31 5.31 0 0 1 1.945-.365c.696 0 1.337.087 1.961.191a15.86 15.86 0 0 1 1.588.332v8.456h-.001zm-5.954-4.206c0 .893.197 1.885.592 2.299.394.414.904.621 1.528.621.34 0 .663-.049.964-.142a2.75 2.75 0 0 0 .734-.332v-5.29a8.531 8.531 0 0 0-1.413-.18c-.778-.022-1.369.294-1.786.801-.411.507-.619 1.395-.619 2.223zm16.12 0c0 .719-.104 1.264-.318 1.858a4.389 4.389 0 0 1-.904 1.52c-.389.42-.854.746-1.402.975-.548.229-1.391.36-1.813.36-.422-.005-1.26-.125-1.802-.36a4.088 4.088 0 0 1-1.397-.975 4.486 4.486 0 0 1-.909-1.52 5.037 5.037 0 0 1-.329-1.858c0-.719.099-1.411.318-1.999.219-.588.526-1.09.92-1.509.394-.42.865-.741 1.402-.97a4.547 4.547 0 0 1 1.786-.338 4.69 4.69 0 0 1 1.791.338c.548.229 1.019.55 1.402.97.389.42.69.921.909 1.509.23.588.345 1.28.345 1.999h.001zm-2.191.005c0-.921-.203-1.689-.597-2.223-.394-.539-.948-.806-1.654-.806-.707 0-1.26.267-1.654.806-.394.539-.586 1.302-.586 2.223 0 .932.197 1.558.592 2.098.394.545.948.812 1.654.812.707 0 1.26-.272 1.654-.812.394-.545.592-1.166.592-2.098h-.001zm6.962 4.707c-3.511.016-3.511-2.822-3.511-3.274L113.583.926l2.142-.338v10.003c0 .256 0 1.88 1.375 1.885v1.792h-.001zm3.774 0h-2.153V5.072l2.153-.338v9.534zm-1.079-10.542c.718 0 1.304-.578 1.304-1.291 0-.714-.581-1.291-1.304-1.291-.723 0-1.304.578-1.304 1.291 0 .714.586 1.291 1.304 1.291zm6.431 1.013c.707 0 1.304.087 1.786.262.482.174.871.42 1.156.73.285.311.488.735.608 1.182.126.447.186.937.186 1.476v5.481a25.24 25.24 0 0 1-1.495.251c-.668.098-1.419.147-2.251.147a6.829 6.829 0 0 1-1.517-.158 3.213 3.213 0 0 1-1.178-.507 2.455 2.455 0 0 1-.761-.904c-.181-.37-.274-.893-.274-1.438 0-.523.104-.855.307-1.215.208-.36.487-.654.838-.883a3.609 3.609 0 0 1 1.227-.49 7.073 7.073 0 0 1 2.202-.103c.263.027.537.076.833.147v-.349c0-.245-.027-.479-.088-.697a1.486 1.486 0 0 0-.307-.583c-.148-.169-.34-.3-.581-.392a2.536 2.536 0 0 0-.915-.163c-.493 0-.942.06-1.353.131-.411.071-.75.153-1.008.245l-.257-1.749c.268-.093.668-.185 1.183-.278a9.335 9.335 0 0 1 1.66-.142l-.001-.001zm.181 7.731c.657 0 1.145-.038 1.484-.104v-2.168a5.097 5.097 0 0 0-1.978-.104c-.241.033-.46.098-.652.191a1.167 1.167 0 0 0-.466.392c-.121.169-.175.267-.175.523 0 .501.175.79.493.981.323.196.75.289 1.293.289h.001zM84.109 4.794c.707 0 1.304.087 1.786.262.482.174.871.42 1.156.73.29.316.487.735.608 1.182.126.447.186.937.186 1.476v5.481a25.24 25.24 0 0 1-1.495.251c-.668.098-1.419.147-2.251.147a6.829 6.829 0 0 1-1.517-.158 3.213 3.213 0 0 1-1.178-.507 2.455 2.455 0 0 1-.761-.904c-.181-.37-.274-.893-.274-1.438 0-.523.104-.855.307-1.215.208-.36.487-.654.838-.883a3.609 3.609 0 0 1 1.227-.49 7.073 7.073 0 0 1 2.202-.103c.257.027.537.076.833.147v-.349c0-.245-.027-.479-.088-.697a1.486 1.486 0 0 0-.307-.583c-.148-.169-.34-.3-.581-.392a2.536 2.536 0 0 0-.915-.163c-.493 0-.942.06-1.353.131-.411.071-.75.153-1.008.245l-.257-1.749c.268-.093.668-.185 1.183-.278a8.89 8.89 0 0 1 1.66-.142l-.001-.001zm.186 7.736c.657 0 1.145-.038 1.484-.104v-2.168a5.097 5.097 0 0 0-1.978-.104c-.241.033-.46.098-.652.191a1.167 1.167 0 0 0-.466.392c-.121.169-.175.267-.175.523 0 .501.175.79.493.981.318.191.75.289 1.293.289h.001zm8.682 1.738c-3.511.016-3.511-2.822-3.511-3.274L89.461.926l2.142-.338v10.003c0 .256 0 1.88 1.375 1.885v1.792h-.001z" fill="#182359"/> <path d="M5.027 11.025c0 .698-.252 1.246-.757 1.644-.505.397-1.201.596-2.089.596-.888 0-1.615-.138-2.181-.414v-1.214c.358.168.739.301 1.141.397.403.097.778.145 1.125.145.508 0 .884-.097 1.125-.29a.945.945 0 0 0 .363-.779.978.978 0 0 0-.333-.747c-.222-.204-.68-.446-1.375-.725-.716-.29-1.221-.621-1.515-.994-.294-.372-.44-.82-.44-1.343 0-.655.233-1.171.698-1.547.466-.376 1.09-.564 1.875-.564.752 0 1.5.165 2.245.494l-.408 1.047c-.698-.294-1.321-.44-1.869-.44-.415 0-.73.09-.945.271a.89.89 0 0 0-.322.717c0 .204.043.379.129.524.086.145.227.282.424.411.197.129.551.299 1.063.51.577.24.999.464 1.268.671.269.208.466.442.591.704.125.261.188.569.188.924l-.001.002zm3.98 2.24c-.924 0-1.646-.269-2.167-.808-.521-.539-.782-1.281-.782-2.226 0-.97.242-1.733.725-2.288.483-.555 1.148-.833 1.993-.833.784 0 1.404.238 1.858.714.455.476.682 1.132.682 1.966v.682H7.357c.018.577.174 1.02.467 1.329.294.31.707.465 1.241.465.351 0 .678-.033.98-.099a5.1 5.1 0 0 0 .975-.33v1.026a3.865 3.865 0 0 1-.935.312 5.723 5.723 0 0 1-1.08.091l.002-.001zm-.231-5.199c-.401 0-.722.127-.964.381s-.386.625-.432 1.112h2.696c-.007-.491-.125-.862-.354-1.115-.229-.252-.544-.379-.945-.379l-.001.001zm7.692 5.092l-.252-.827h-.043c-.286.362-.575.608-.865.739-.29.131-.662.196-1.117.196-.584 0-1.039-.158-1.367-.473-.328-.315-.491-.761-.491-1.337 0-.612.227-1.074.682-1.386.455-.312 1.148-.482 2.079-.51l1.026-.032v-.317c0-.38-.089-.663-.266-.851-.177-.188-.452-.282-.824-.282-.304 0-.596.045-.876.134a6.68 6.68 0 0 0-.806.317l-.408-.902a4.414 4.414 0 0 1 1.058-.384 4.856 4.856 0 0 1 1.085-.132c.756 0 1.326.165 1.711.494.385.329.577.847.577 1.552v4.002h-.902l-.001-.001zm-1.88-.859c.458 0 .826-.128 1.104-.384.278-.256.416-.615.416-1.077v-.516l-.763.032c-.594.021-1.027.121-1.297.298s-.406.448-.406.814c0 .265.079.47.236.615.158.145.394.218.709.218h.001zm7.557-5.189c.254 0 .464.018.628.054l-.124 1.176a2.383 2.383 0 0 0-.559-.064c-.505 0-.914.165-1.227.494-.313.329-.47.757-.47 1.284v3.105h-1.262V7.218h.988l.167 1.047h.064c.197-.354.454-.636.771-.843a1.83 1.83 0 0 1 1.023-.312h.001zm4.125 6.155c-.899 0-1.582-.262-2.049-.787-.467-.525-.701-1.277-.701-2.259 0-.999.244-1.767.733-2.304.489-.537 1.195-.806 2.119-.806.627 0 1.191.116 1.692.349l-.381 1.015c-.534-.208-.974-.312-1.321-.312-1.028 0-1.542.682-1.542 2.046 0 .666.128 1.166.384 1.501.256.335.631.502 1.125.502a3.23 3.23 0 0 0 1.595-.419v1.101a2.53 2.53 0 0 1-.722.285 4.356 4.356 0 0 1-.932.086v.002zm8.277-.107h-1.268V9.506c0-.458-.092-.8-.277-1.026-.184-.226-.477-.338-.878-.338-.53 0-.919.158-1.168.475-.249.317-.373.848-.373 1.593v2.949h-1.262V4.801h1.262v2.122c0 .34-.021.704-.064 1.09h.081a1.76 1.76 0 0 1 .717-.666c.306-.158.663-.236 1.072-.236 1.439 0 2.159.725 2.159 2.175v3.873l-.001-.001zm7.649-6.048c.741 0 1.319.269 1.732.806.414.537.62 1.291.62 2.261 0 .974-.209 1.732-.628 2.275-.419.542-1.001.814-1.746.814-.752 0-1.336-.27-1.751-.811h-.086l-.231.704h-.945V4.801h1.262v1.987l-.021.655-.032.553h.054c.401-.591.992-.886 1.772-.886zm-.328 1.031c-.508 0-.875.149-1.098.448-.224.299-.339.799-.346 1.501v.086c0 .723.115 1.247.344 1.571.229.324.603.486 1.123.486.448 0 .787-.177 1.018-.532.231-.354.346-.867.346-1.536 0-1.35-.462-2.025-1.386-2.025l-.001.001zm3.244-.924h1.375l1.209 3.368c.183.48.304.931.365 1.354h.043c.032-.197.091-.436.177-.717.086-.281.541-1.616 1.364-4.004h1.364l-2.541 6.73c-.462 1.235-1.232 1.853-2.31 1.853-.279 0-.551-.03-.816-.091v-.999c.19.043.406.064.65.064.609 0 1.037-.353 1.284-1.058l.22-.559-2.385-5.941h.001z" fill="#1D3657"/> </g> </svg> </a> </div> </div> </script> <script type="text/html" id="tmpl-autocomplete-empty"> <div class="autocomplete-empty"> No results matched your query <span class="empty-query">"{{ data.query }}"</span> </div> </script> <script type="text/javascript"> jQuery( function () { /* Initialize Algolia client */ var client = algoliasearch( algolia.application_id, algolia.search_api_key ); /** * Algolia hits source method. * * This method defines a custom source to use with autocomplete.js. * * @param object $index Algolia index object. * @param object $params Options object to use in search. */ var algoliaHitsSource = function( index, params ) { return function( query, callback ) { index .search( query, params ) .then( function( response ) { callback( response.hits, response ); }) .catch( function( error ) { callback( [] ); }); } } /* Setup autocomplete.js sources */ var sources = []; jQuery.each( algolia.autocomplete.sources, function ( i, config ) { var suggestion_template = wp.template( config[ 'tmpl_suggestion' ] ); sources.push( { source: algoliaHitsSource( client.initIndex( config[ 'index_name' ] ), { hitsPerPage: config[ 'max_suggestions' ], attributesToSnippet: [ 'content:10' ], highlightPreTag: '__ais-highlight__', highlightPostTag: '__/ais-highlight__' } ), templates: { header: function () { return wp.template( 'autocomplete-header' )( { label: _.escape( config[ 'label' ] ) } ); }, suggestion: function ( hit ) { if ( hit.escaped === true ) { return suggestion_template( hit ); } hit.escaped = true; for ( var key in hit._highlightResult ) { /* We do not deal with arrays. */ if ( typeof hit._highlightResult[ key ].value !== 'string' ) { continue; } hit._highlightResult[ key ].value = _.escape( hit._highlightResult[ key ].value ); hit._highlightResult[ key ].value = hit._highlightResult[ key ].value.replace( /__ais-highlight__/g, '<em>' ).replace( /__\/ais-highlight__/g, '</em>' ); } for ( var key in hit._snippetResult ) { /* We do not deal with arrays. */ if ( typeof hit._snippetResult[ key ].value !== 'string' ) { continue; } hit._snippetResult[ key ].value = _.escape( hit._snippetResult[ key ].value ); hit._snippetResult[ key ].value = hit._snippetResult[ key ].value.replace( /__ais-highlight__/g, '<em>' ).replace( /__\/ais-highlight__/g, '</em>' ); } return suggestion_template( hit ); } } } ); } ); /* Setup dropdown menus */ jQuery( algolia.autocomplete.input_selector ).each( function ( i ) { var $searchInput = jQuery( this ); var config = { debug: algolia.debug, hint: false, openOnFocus: true, appendTo: 'body', templates: { empty: wp.template( 'autocomplete-empty' ) } }; if ( algolia.powered_by_enabled ) { config.templates.footer = wp.template( 'autocomplete-footer' ); } /* Instantiate autocomplete.js */ var autocomplete = algoliaAutocomplete( $searchInput[ 0 ], config, sources ) .on( 'autocomplete:selected', function ( e, suggestion ) { /* Redirect the user when we detect a suggestion selection. */ window.location.href = suggestion.permalink; } ); /* Force the dropdown to be re-drawn on scroll to handle fixed containers. */ jQuery( window ).on( 'scroll', function() { if ( autocomplete.autocomplete.getWrapper().style.display === "block" ) { autocomplete.autocomplete.close(); autocomplete.autocomplete.open(); } } ); } ); jQuery( document ).on( "click", ".algolia-powered-by-link", function ( e ) { e.preventDefault(); window.location = "https://www.algolia.com/?utm_source=WordPress&utm_medium=extension&utm_content=" + window.location.hostname + "&utm_campaign=poweredby"; } ); } ); </script> <link rel='stylesheet' id='et_monarch-css-css' href='https://www.elegantthemes.com/blog/wp-content/plugins/monarch/css/style.css?ver=1.4.14' type='text/css' media='none' onload="media='all'" /> <link rel='stylesheet' id='wp-block-library-css' href='https://www.elegantthemes.com/blog/wp-includes/css/dist/block-library/style.min.css?ver=95c966164ade3dd05a60bc09ef9d2947' type='text/css' media='none' onload="media='all'" /> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/monarch/js/idle-timer.min.js?ver=1.4.14" id="et_monarch-idle-js"></script> <script type="text/javascript" id="et_monarch-custom-js-js-extra"> /* <![CDATA[ */ var monarchSettings = {"ajaxurl":"https:\/\/www.elegantthemes.com\/blog\/wp-admin\/admin-ajax.php","pageurl":"https:\/\/www.elegantthemes.com\/blog\/general-news\/divi-5-dev-alpha","stats_nonce":"752f393d2e","share_counts":"c9166a7f4a","follow_counts":"49d8c1378a","total_counts":"0916bf0e13","media_single":"e7740caa75","media_total":"38e256d930","generate_all_window_nonce":"cd339cb28e","no_img_message":"No images available for sharing on this page"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/monarch/js/custom.js?ver=1.4.14" id="et_monarch-custom-js-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-includes/js/comment-reply.min.js?ver=95c966164ade3dd05a60bc09ef9d2947" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script> <script type="text/javascript" id="wp-util-js-extra"> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/blog\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-includes/js/wp-util.min.js?ver=95c966164ade3dd05a60bc09ef9d2947" id="wp-util-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/wp-search-with-algolia/js/algoliasearch/dist/algoliasearch-lite.umd.js?ver=2.8.2" id="algolia-search-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/wp-search-with-algolia/js/autocomplete.js/dist/autocomplete.min.js?ver=2.8.2" id="algolia-autocomplete-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/wp-search-with-algolia/js/autocomplete-noconflict.js?ver=2.8.2" id="algolia-autocomplete-noconflict-js"></script> <script type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/bloom/core/admin/js/common.js?ver=4.9.3" id="et-core-common-js"></script> <script defer type="text/javascript" src="https://www.elegantthemes.com/blog/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1739559955" id="akismet-frontend-js"></script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'917978f08e8d3dc8',t:'MTc0MDUwNTE0MS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10