CINXE.COM

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>How to Customize Your WooCommerce Checkout Page in 2025</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='276698';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>  <meta name="description" content="Your checkout should be smooth and quick. Learn how to customize WooCommerce checkout page to increase average order value." /> <link rel="canonical" href="https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="How to Customize Your WooCommerce Checkout Page in 2025" /> <meta property="og:description" content="Your checkout should be smooth and quick. Learn how to customize WooCommerce checkout page to increase average order value." /> <meta property="og:url" content="https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page" /> <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="2025-01-11T12:00:00+00:00" /> <meta property="og:image" content="https://www.elegantthemes.com/blog/wp-content/uploads/2025/01/how-to-customize-your-woocommerce-checkout-page-featured-image.jpg" /> <meta property="og:image:width" content="1946" /> <meta property="og:image:height" content="1096" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="Ekta Swarnkar" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@ekta_says" /> <meta name="twitter:site" content="@elegantthemes" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Ekta Swarnkar" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="18 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page#article","isPartOf":{"@id":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page"},"author":{"name":"Ekta Swarnkar","@id":"https://www.elegantthemes.com/blog/#/schema/person/5c364eedf8fe969fbe07dd7df7583b38"},"headline":"How to Customize Your WooCommerce Checkout Page in 2025","datePublished":"2025-01-11T12:00:00+00:00","mainEntityOfPage":{"@id":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page"},"wordCount":3055,"commentCount":0,"publisher":{"@id":"https://www.elegantthemes.com/blog/#organization"},"image":{"@id":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page#primaryimage"},"thumbnailUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2025/01/how-to-customize-your-woocommerce-checkout-page-featured-image.jpg","keywords":["customize WooCommerce checkout page","edit WooCommerce checkout page"],"articleSection":["Product Guides","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page#respond"]}]},{"@type":"WebPage","@id":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page","url":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page","name":"How to Customize Your WooCommerce Checkout Page in 2025","isPartOf":{"@id":"https://www.elegantthemes.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page#primaryimage"},"image":{"@id":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page#primaryimage"},"thumbnailUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2025/01/how-to-customize-your-woocommerce-checkout-page-featured-image.jpg","datePublished":"2025-01-11T12:00:00+00:00","description":"Your checkout should be smooth and quick. Learn how to customize WooCommerce checkout page to increase average order value.","breadcrumb":{"@id":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page#primaryimage","url":"https://www.elegantthemes.com/blog/wp-content/uploads/2025/01/how-to-customize-your-woocommerce-checkout-page-featured-image.jpg","contentUrl":"https://www.elegantthemes.com/blog/wp-content/uploads/2025/01/how-to-customize-your-woocommerce-checkout-page-featured-image.jpg","width":1946,"height":1096},{"@type":"BreadcrumbList","@id":"https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https://www.elegantthemes.com/blog"},{"@type":"ListItem","position":2,"name":"Product Guides","item":"https://www.elegantthemes.com/blog/category/guides"},{"@type":"ListItem","position":3,"name":"How to Customize Your WooCommerce Checkout Page in 2025"}]},{"@type":"WebSite","@id":"https://www.elegantthemes.com/blog/#website","url":"https://www.elegantthemes.com/blog/","name":"Elegant Themes Blog","description":"Best WordPress & 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/5c364eedf8fe969fbe07dd7df7583b38","name":"Ekta Swarnkar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.elegantthemes.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/1543ebe2f28b8d74b136cd71ae6f7056?s=96&r=g","contentUrl":"https://secure.gravatar.com/avatar/1543ebe2f28b8d74b136cd71ae6f7056?s=96&r=g","caption":"Ekta Swarnkar"},"description":"Ekta is a content writer and strategist for B2B SaaS and marketing brands. She’s helped companies grow their visibility, authority, and revenue with long-form, actionable content.","sameAs":["https://ektasw.com","https://www.linkedin.com/in/ekta-swarnkar/","https://x.com/ekta_says"],"honorificPrefix":"Ms","birthDate":"1999-04-15","gender":"female","knowsAbout":["Content Marketing"],"knowsLanguage":["English"],"url":"https://www.elegantthemes.com/blog/author/ekta-swarnkar"}]}</script>  <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> <style type="text/css" id="et-social-custom-css"> </style> </head> <body class="post-template-default single single-post postid-276698 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 with-editorial-note"> <div class="row"> <div class="column-container"> <div class="column centered post-header accent-blue"> <h1>How to Customize Your WooCommerce Checkout Page in 2025</h1> <p class="lead"> Posted on January 11, 2025 by <img alt='' src='https://secure.gravatar.com/avatar/1543ebe2f28b8d74b136cd71ae6f7056?s=48&r=g' srcset='https://secure.gravatar.com/avatar/1543ebe2f28b8d74b136cd71ae6f7056?s=96&r=g 2x' class='avatar avatar-48 photo elevation-1' height='48' width='48' decoding='async'/><a href="https://www.elegantthemes.com/blog/author/ekta-swarnkar" title="Posts by Ekta Swarnkar" rel="author">Ekta Swarnkar</a> <span class="comments-number"><a href="https://www.elegantthemes.com/blog/guides/how-to-customize-a-woocommerce-checkout-page#respond">Leave a Comment</a></span> </p> <div class="editorial-note"> <strong>Editorial Note:</strong> We may earn a commission when you visit links on our website. </div> </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/2025/01/how-to-customize-your-woocommerce-checkout-page-featured-image.jpg" alt="How to Customize Your WooCommerce Checkout Page in 2025" title="How to Customize Your WooCommerce Checkout Page in 2025" /> <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/guides">Product Guides</a></span> / <span class="breadcrumb_last" aria-current="page">How to Customize Your WooCommerce Checkout Page in 2025</span></span></div> <a class="video-popup" href="https://www.youtube.com/watch?v=zXRj-tXy0nI"> <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-276698" class="entry et_box normal-post clearfix post-276698 post type-post status-publish format-standard has-post-thumbnail category-guides category-wordpress tag-customize-woocommerce-checkout-page tag-edit-woocommerce-checkout-page"> <p>Shoppers <strong>love a quick and smooth checkout.</strong> But if there’s even a tiny distraction, they will abandon their carts without a second thought. That’s how quickly you lose a sale.</p> <p>With the default WooCommerce checkout page, you might already be losing precious customers. Customizing it can provide a <strong>consistent branding experience, remove distractions,</strong> and <strong>simplify completing</strong><strong> purchases</strong> for your customers. That’s how you can improve your average order value and increase sales.</p> <p>Keep reading this post as we show you how to customize a WooCommerce checkout page as easily as possible and guide you through optimizing it for improved conversion rates.</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="#why-customize-a-woocommerce-checkout-page"> <span class="lwptoc_item_number">1</span> <span class="lwptoc_item_label">Why Customize a WooCommerce Checkout Page</span> </a> </li><li class="lwptoc_item"> <a href="#ways-to-customize-woocommerce-checkout-page"> <span class="lwptoc_item_number">2</span> <span class="lwptoc_item_label">Ways to Customize WooCommerce Checkout Page</span> </a> <ul class="lwptoc_itemWrap"><li class="lwptoc_item"> <a href="#1-using-site-editor-and-woocommerce-blocks"> <span class="lwptoc_item_number">2.1</span> <span class="lwptoc_item_label">1. Using Site Editor and WooCommerce Blocks</span> </a> </li><li class="lwptoc_item"> <a href="#2-using-a-woocommerce-builder-like-divi"> <span class="lwptoc_item_number">2.2</span> <span class="lwptoc_item_label">2. Using a WooCommerce Builder Like Divi</span> </a> </li></ul></li><li class="lwptoc_item"> <a href="#why-divi-is-perfect-for-customizing-woocommerce-checkout-pages"> <span class="lwptoc_item_number">3</span> <span class="lwptoc_item_label">Why Divi Is Perfect for Customizing WooCommerce Checkout Pages</span> </a> <ul class="lwptoc_itemWrap"><li class="lwptoc_item"> <a href="#1-divi-quick-sites-to-generate-a-woocommerce-site-with-a-checkout-template"> <span class="lwptoc_item_number">3.1</span> <span class="lwptoc_item_label">1. Divi Quick Sites to Generate a WooCommerce Site (With a Checkout Template)</span> </a> </li><li class="lwptoc_item"> <a href="#2-professionally-designed-woocommerce-site-layouts"> <span class="lwptoc_item_number">3.2</span> <span class="lwptoc_item_label">2. Professionally Designed WooCommerce Site Layouts</span> </a> </li><li class="lwptoc_item"> <a href="#3-divis-native-woocommerce-checkout-modules"> <span class="lwptoc_item_number">3.3</span> <span class="lwptoc_item_label">3. Divi’s Native WooCommerce Checkout Modules</span> </a> </li><li class="lwptoc_item"> <a href="#4-divi-theme-builder-to-woocommerce-sites-quickly"> <span class="lwptoc_item_number">3.4</span> <span class="lwptoc_item_label">4. Divi Theme Builder to WooCommerce Sites Quickly</span> </a> </li><li class="lwptoc_item"> <a href="#5-built-in-marketing-tools-to-optimize-checkout-pages"> <span class="lwptoc_item_number">3.5</span> <span class="lwptoc_item_label">5. Built-in Marketing Tools to Optimize Checkout Pages</span> </a> </li></ul></li><li class="lwptoc_item"> <a href="#how-to-customize-your-woocommerce-checkout-page-step-by-step"> <span class="lwptoc_item_number">4</span> <span class="lwptoc_item_label">How to Customize Your WooCommerce Checkout Page (Step by Step)</span> </a> <ul class="lwptoc_itemWrap"><li class="lwptoc_item"> <a href="#1-create-a-checkout-page-template"> <span class="lwptoc_item_number">4.1</span> <span class="lwptoc_item_label">1. Create a Checkout Page Template</span> </a> </li><li class="lwptoc_item"> <a href="#2-customize-your-checkout-page-template"> <span class="lwptoc_item_number">4.2</span> <span class="lwptoc_item_label">2. Customize Your Checkout Page Template</span> </a> </li><li class="lwptoc_item"> <a href="#3-save-and-preview-your-checkout-template"> <span class="lwptoc_item_number">4.3</span> <span class="lwptoc_item_label">3. Save and Preview Your Checkout Template</span> </a> </li></ul></li><li class="lwptoc_item"> <a href="#more-ways-to-optimize-woocommerce-checkout-templates"> <span class="lwptoc_item_number">5</span> <span class="lwptoc_item_label">More Ways to Optimize WooCommerce Checkout Templates</span> </a> </li><li class="lwptoc_item"> <a href="#tools-needed-to-build-woocommerce-checkout-templates"> <span class="lwptoc_item_number">6</span> <span class="lwptoc_item_label">Tools Needed to Build WooCommerce Checkout Templates</span> </a> </li><li class="lwptoc_item"> <a href="#divi-woocommerce-is-the-ultimate-e-commerce-solution"> <span class="lwptoc_item_number">7</span> <span class="lwptoc_item_label">Divi + WooCommerce is the Ultimate E-commerce Solution</span> </a> </li><li class="lwptoc_item"> <a href="#faqs-on-customizing-woocommerce-checkout-pages"> <span class="lwptoc_item_number">8</span> <span class="lwptoc_item_label">FAQs on Customizing WooCommerce Checkout Pages</span> </a> </li></ul></div> </div></div><h2><span id="why-customize-a-woocommerce-checkout-page">Why Customize a WooCommerce Checkout Page</span></h2> <p>You earn revenue only when they’re checking out, so your checkout needs to be optimized carefully. With WooCommerce, you already get a pre-designed checkout along with other pages, but it’s plain and unnecessarily lengthy, which risks your customers leaving without performing any desired action.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276753 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-checkout.jpg" alt="default checkout" width="1800" height="861" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-checkout.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-checkout-300x144.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-checkout-768x367.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-checkout-1536x735.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-checkout-610x292.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>However, if your checkout is customized, it helps you:</p> <ul> <li><strong>Increase Average Order Value (AOV): </strong>You simplify your customers’ checkout process by eliminating unnecessary steps, enabling one-page checkouts, and auto-filling basic details. This fastens payment completion and makes customers want to order more often.</li> <li><strong>Improve User Experience: </strong>You optimize checkout based on the product type. For a single product, you let them check out as a guest. For monthly SaaS subscriptions, you allow them to log in with their Google account details. For rental or other online bookings with a lengthy (but essential) process, you enable a multi-step checkout to break it down.</li> <li><strong>Maintain Brand Consistency:</strong> Checkout is still part of your business, so customizing it to add your branding and remove distracting elements like the footer and header is a great way to ensure your customers complete their purchases.</li> </ul> <h2><span id="ways-to-customize-woocommerce-checkout-page">Ways to Customize WooCommerce Checkout Page</span></h2> <p>Depending on how much you want to customize, you can use WordPress’s Site Editor or a WooCommerce builder to modify your checkout page. For example, with WooCommerce Blocks, you can make minor changes in branding, like colors, fonts, and size. But with a WooCommerce builder like <a href="https://www.elegantthemes.com/ecommerce/">Divi</a>, you can modify every inch of your checkout page.</p> <p>I’ll show you how to do it in both ways.</p> <h3><span id="1-using-site-editor-and-woocommerce-blocks">1. Using Site Editor and WooCommerce Blocks</span></h3> <p>Note that you can only access WordPress Site Editor if you have a <a href="https://wordpress.org/documentation/article/block-themes/" rel="noopener" target="_blank">Block theme</a> installed, meaning it won’t work if you’re using a classic or a third-party theme. For our example, we’re using the Twenty Twenty-Four theme.</p> <p>Go to <strong>Appearance > Editor > Pages > Checkout > Edit</strong> to access Site Editor. <em>(If you’re using a classic theme, you can modify the checkout page by going to <strong>WordPress dashboard > Pages > Checkout > Edit.</strong>)</em></p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276737 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/access-checkout-in-site-editor.png" alt="access checkout in site editor" width="1800" height="870" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/access-checkout-in-site-editor.png 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/access-checkout-in-site-editor-300x145.png 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/access-checkout-in-site-editor-768x371.png 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/access-checkout-in-site-editor-1536x742.png 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/access-checkout-in-site-editor-610x295.png 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>You’ll see the default WooCommerce checkout shortcode. <strong>Delete</strong> it because you can’t customize it at all.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276738 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-woocommerce-checkout-shortcode.jpg" alt="delete woocommerce checkout shortcode" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-woocommerce-checkout-shortcode.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-woocommerce-checkout-shortcode-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-woocommerce-checkout-shortcode-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-woocommerce-checkout-shortcode-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/default-woocommerce-checkout-shortcode-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>Add the <strong>Checkout </strong>WooCommerce block by clicking the plus icon.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276739 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-checkout-block.jpg" alt="add checkout block" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-checkout-block.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-checkout-block-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-checkout-block-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-checkout-block-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-checkout-block-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>Remove some of the block’s elements, such as order notes, terms and conditions, phone numbers, section headings, return to cart links, etc. To delete an element, click the three dots (settings) and then <strong>Delete. </strong></p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276740 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/delete-elements.jpg" alt="delete elements from checkout" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/delete-elements.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/delete-elements-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/delete-elements-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/delete-elements-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/delete-elements-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>Review the template and decide which elements to remove. Don’t overdo it, though, as removing critical steps can prevent you from obtaining the necessary information for your customers. For example, you can remove the Address 2 line, as customers mostly leave it empty, but not the phone number column if you plan to send marketing messages through SMS or WhatsApp.</p> <p>Since WooCommerce’s Checkout is a parent block made by combining many child blocks, you can’t directly modify style settings such as font and color. As parent blocks adapt styles from the theme’s global settings, WordPress Gutenberg is limited in customization. You can’t customize much unless you code or purchase extensions, which ultimately leads to spending more money.</p> <h3><span id="2-using-a-woocommerce-builder-like-divi">2. Using a WooCommerce Builder Like Divi</span></h3> <p>If you like complete control over your online store design and saving money, customizing your checkout (and other pages) with a WooCommerce builder like <a href="https://www.elegantthemes.com/gallery/divi/">Divi</a> is what you need. It simplifies customization, offers unlimited flexibility, and lets you modify every corner of your online store, including the checkout page.</p> <p>Divi is <a href="https://www.elegantthemes.com/ecommerce/">ideal for customizing WooCommerce</a> checkout pages (and building e-commerce sites) because of its <strong>no-code,</strong> <strong>drag-and-drop builder</strong> for beginner-friendliness, dynamic <strong>WooCommerce checkout elements</strong> for functionality, and <strong>stunning pre-made checkout and website layouts</strong>, which makes designing easy. Divi pairs perfectly with WooCommerce, thanks to its marketing tools like <strong>Divi Leads,</strong> which let you run split tests and <strong>Conditions</strong> that help you optimize for different user journeys.</p> <p><video class="card" autoplay="autoplay" loop="loop" muted="" width="1040px" height="650px" data-mce-fragment="1"><source src="https://www.elegantthemes.com/videos/woo-reel.mp4" type="video/mp4"></source><source src="https://www.elegantthemes.com/videos/woo-reel.webm" type="video/webm"></source></video></p> <p>You also get unique tools like <a href="https://www.elegantthemes.com/quick-sites/">Divi Quick Sites</a> to design a checkout page, an online store, or a website in two minutes and <a href="https://www.elegantthemes.com/ai/">Divi</a><a href="https://www.elegantthemes.com/ai/"> AI</a> to create page layouts, optimized copy matching your brand style, and beautiful images in minutes. Divi has everything you need to run and grow your online store without investing in third-party extensions to add functionality.</p> <p><a href="https://www.elegantthemes.com/join/" class="button primary-button inline-button" rel=" ">Get Started With Divi</a></p> <h2><span id="why-divi-is-perfect-for-customizing-woocommerce-checkout-pages">Why Divi Is Perfect for Customizing WooCommerce Checkout Pages</span></h2> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-275294 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/divi-woocommerce-builder.jpg" alt="divi woocommerce builder" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/divi-woocommerce-builder.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/divi-woocommerce-builder-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/divi-woocommerce-builder-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/divi-woocommerce-builder-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/divi-woocommerce-builder-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>Paired with WooCommerce, Divi is a perfect e-commerce solution that helps you design branded online stores and checkout pages effortlessly. It complements WooCommerce because of these powerful features:</p> <h3><span id="1-divi-quick-sites-to-generate-a-woocommerce-site-with-a-checkout-template">1. Divi Quick Sites to Generate a WooCommerce Site (With a Checkout Template)</span></h3> <p>Divi Quick Sites is a lifesaver for site owners who don’t like designing their site from scratch. You won’t even touch a line of code or move your cursor. Divi Quick Sites will build a branded online store for you in less than two minutes. All you need to do is turn on the <strong>Shop </strong>button while filling in your site details, and it’ll install and activate WooCommerce automatically. It also creates branded WooCommerce page templates such as product, cart, and <strong>checkout</strong>.</p> <p>Go to <strong>Divi > Generate a New Site > Choose a Pre-Made Template. </strong></p> <p><video class="et-video-loop card" autoplay="autoplay" loop="loop" muted="" width="900" height="506" data-mce-fragment="1"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/build-cart-template.mp4" type="video/mp4"></source></video></p> <p>Your site is ready! Go to <strong>Divi > Theme Builder > Checkout</strong> to access your Checkout page template. Click on the pencil icon next to the <strong>Custom Body</strong> to edit it.</p> <p><video class="et-video-loop card" autoplay="autoplay" loop="loop" muted="" width="900" height="506" data-mce-fragment="1"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/access-checkout-template.mp4" type="video/mp4"></source></video></p> <h3><span id="2-professionally-designed-woocommerce-site-layouts">2. Professionally Designed WooCommerce Site Layouts</span></h3> <p>If you hate staring at the blank screen like me, Divi has got you covered. With over <a href="https://www.elegantthemes.com/layouts/">2000+ Divi layouts</a>, you can import professionally designed website layout packs for e-commerce websites in any industry. Once you import one, it can be customized using the Divi builder and WooCommerce modules, which makes designing a branded checkout template easy.</p> <p>Let’s not forget the free <a href="https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-woocommerce-checkout-page-template-with-divi">checkout</a> templates we released to simplify it even more. Import the template, adjust the branding, and it’s done! Divi experts (who know the ins and outs of web design and UX optimization) created these templates, so every design is conversion-optimized to get you more sales.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-164356 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2021/12/woo-checkout-cart-example3.jpg" alt="checkout and cart page template" width="880" height="635" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2021/12/woo-checkout-cart-example3.jpg 880w, https://www.elegantthemes.com/blog/wp-content/uploads/2021/12/woo-checkout-cart-example3-300x216.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2021/12/woo-checkout-cart-example3-768x554.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2021/12/woo-checkout-cart-example3-610x440.jpg 610w" sizes="auto, (max-width: 880px) 100vw, 880px"></p> <h3><span id="3-divis-native-woocommerce-checkout-modules">3. Divi’s Native WooCommerce Checkout Modules</span></h3> <p>Divi has <a href="https://www.elegantthemes.com/modules/">200+ native and 30+ WooCommerce modules</a>, including checkout modules, so you can avoid building them from scratch. Divi’s Checkout modules include only the necessary fields to keep it quick and short for your customers.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-164672 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2021/12/checkout-page-modules.jpg" alt="" width="390" height="476" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2021/12/checkout-page-modules.jpg 390w, https://www.elegantthemes.com/blog/wp-content/uploads/2021/12/checkout-page-modules-246x300.jpg 246w" sizes="auto, (max-width: 390px) 100vw, 390px"></p> <p>Unlike WooCommerce’s Checkout block in Site Editor, which was one parent block with many child blocks that can’t be edited separately, Divi’s modules are separate, so you decide which elements to include. For example, add <strong>Woo Checkout Information </strong>only if you sell personalized products and need customers’ input.</p> <h3><span id="4-divi-theme-builder-to-woocommerce-sites-quickly">4. Divi Theme Builder to WooCommerce Sites Quickly</span></h3> <p><strong>Divi Theme Builder</strong> lets you design and customize your entire website and WooCommerce pages at the site level using the drag-and-drop Divi builder. For example, you create one <strong>Checkout</strong> page template (which largely depends on customers’ carts), and Divi Theme Builder, combined with Divi’s dynamic content ability, helps you give your customers a consistent branding experience without manual effort from your side.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276746 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/divi-theme-builder-woocommerce.jpg" alt="divi theme builder checkout" width="1800" height="756" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/divi-theme-builder-woocommerce.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/divi-theme-builder-woocommerce-300x126.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/divi-theme-builder-woocommerce-768x323.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/divi-theme-builder-woocommerce-1536x645.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/divi-theme-builder-woocommerce-610x256.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>When you make changes in a template, these get updated everywhere. This is great for stores with multiple products, as you only customize the product template to modify all product pages. Similarly, you can build and customize templates for other WooCommerce pages, such as cart and even product-specific landing pages.</p> <h3><span id="5-built-in-marketing-tools-to-optimize-checkout-pages">5. Built-in Marketing Tools to Optimize Checkout Pages</span></h3> <p>Divi has powerful marketing tools as built-in features to help you optimize your checkout pages for better conversion rates. For example, <a href="https://www.elegantthemes.com/blog/theme-releases/divi-leads-for-the-visual-builder">Divi Leads</a> lets you run split tests and choose a winner between two elements. You can test entire checkout pages, headings, description copies, CTAs, or other components.</p> <p>Suppose you’re unsure about whether to hide the site header on your checkout. You can easily <a href="https://www.elegantthemes.com/blog/tips-tricks/easy-ab-testing-with-divi-leads">create a split test</a> and choose a winner based on a high conversion rate between the two.</p> <p><img decoding="async" class="aligncenter" src="https://www.elegantthemes.com/blog/wp-content/uploads/2018/01/view-subjects.gif"></p> <p>Similarly, <a href="https://www.elegantthemes.com/blog/theme-releases/divi-condition-options">Conditions</a> lets you create personalized purchase experiences. For example, you can show dynamic messages to users, such as a “Welcome Back!” to logged-in customers or “Exclusive Discounts for Members! Create Your Account Now!” to first-time visitors. Divi also includes premium plugins like <a href="https://www.elegantthemes.com/plugins/bloom/">Bloom</a> to create high-converting email optins and <a href="https://www.elegantthemes.com/plugins/monarch/">Monarch</a> to market and drive more traffic.</p> <p><a href="https://www.elegantthemes.com/ecommerce/" class="button primary-button inline-button" rel=" ">Get Divi + WooCommerce</a></p> <h2><span id="how-to-customize-your-woocommerce-checkout-page-step-by-step">How to Customize Your WooCommerce Checkout Page (Step by Step)</span></h2> <p>This tutorial focuses on customizing a WooCommerce checkout page. For a step-by-step process for starting an online store, read our <a href="https://www.elegantthemes.com/blog/wordpress/wordpress-ecommerce">guide on setting up an e-commerce store.</a></p> <p>You need the Divi theme installed and active on your online store to follow through with this tutorial.</p> <p>The annual Divi membership costs <strong>$89, </strong>but you can get it for a lifetime at a one-time payment of <strong>$249. </strong>Once you’ve purchased Divi, log in with your <a href="https://www.elegantthemes.com/members-area">Elegant Themes</a> credentials and download the Divi.zip file. Upload the zip folder to your WordPress <strong>Appearance > Themes > Add New </strong>tab. Finally, activate your Divi license.</p> <p>Here’s a step-by-step tutorial on installing and activating Divi:</p> <p><iframe loading="lazy" class="youtube-player" type="text/html" title="How to Purchase, Download & Install Divi" width="719" height="404" src="https://www.youtube.com/embed/zXRj-tXy0nI?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> <p><a href="https://www.elegantthemes.com/ecommerce/" class="button primary-button inline-button" rel=" ">Get Divi + WooCommerce</a></p> <h3><span id="1-create-a-checkout-page-template">1. Create a Checkout Page Template</span></h3> <p>Go to <strong>Divi > Theme Builder > Add New Template</strong> to build from scratch.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-274996 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/create-a-new-theme-builder-template.jpg" alt="create a new theme builder template" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/create-a-new-theme-builder-template.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/create-a-new-theme-builder-template-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/create-a-new-theme-builder-template-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/create-a-new-theme-builder-template-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/create-a-new-theme-builder-template-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>Choose <strong>Checkout</strong> from <strong>WooCommerce Pages</strong> as the source.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276847 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/choose-checkout-as-source.png" alt="choose checkout as source" width="1800" height="884" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/choose-checkout-as-source.png 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/choose-checkout-as-source-300x147.png 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/choose-checkout-as-source-768x377.png 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/choose-checkout-as-source-1536x754.png 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/choose-checkout-as-source-610x300.png 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>The next window is the drag-and-drop Divi builder to design your checkout template. Hover over it and click the plus icon to add a row and create a checkout page template <a href="https://youtu.be/Fma502HZUd8?si=wzYqIwnuX-heFojs" rel="noopener" target="_blank">using the Divi Theme Builder.</a></p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276848 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/build-checkout-layout-from-scratch.jpg" alt="build checkout from scratch" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/build-checkout-layout-from-scratch.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/build-checkout-layout-from-scratch-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/build-checkout-layout-from-scratch-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/build-checkout-layout-from-scratch-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/build-checkout-layout-from-scratch-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>If you don’t want to create one, <a href="https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-woocommerce-checkout-page-template-with-divi">import a pre-designed template</a> or ask <a href="https://www.elegantthemes.com/ai/">Divi AI</a> to build one using <strong>Build with AI.</strong></p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276849 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/import-or-use-ai.jpg" alt="import or use ai to generate a checkout template" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/import-or-use-ai.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/import-or-use-ai-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/import-or-use-ai-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/import-or-use-ai-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/import-or-use-ai-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p><em>Remember that you don’t have to build from scratch if you don’t know where to start. You can always generate a branded checkout template with <a href="https://www.elegantthemes.com/quick-sites/">Divi Quick Sites.</a></em></p> <h3><span id="2-customize-your-checkout-page-template">2. Customize Your Checkout Page Template</span></h3> <p><em>I’ll use the <a href="https://www.elegantthemes.com/quick-sites/">Divi Quick Sites</a> checkout template we generated above to show you the customization process. </em>Here’s how it looks:</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276854 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/checkout-theme-builder-template.jpg" alt="checkout template generated by Divi Quick Sites" width="1800" height="2386" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/checkout-theme-builder-template.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/checkout-theme-builder-template-226x300.jpg 226w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/checkout-theme-builder-template-768x1018.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/checkout-theme-builder-template-1159x1536.jpg 1159w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/checkout-theme-builder-template-1545x2048.jpg 1545w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/checkout-theme-builder-template-610x809.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>As you can see, the template generated by Divi Quick Sites already includes the necessary WooCommerce checkout modules, so you won’t have to do much other than add your payment methods (<strong>WooCommerce > Settings > Payments</strong>) to make it functional before publishing.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-277000 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/woocomerce-payments.jpg" alt="woocommerce payments" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/woocomerce-payments.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/woocomerce-payments-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/woocomerce-payments-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/woocomerce-payments-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/woocomerce-payments-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p><strong>Pro Tip: </strong>Install the <a href="https://www.elegantthemes.com/blog/refer/woocommerce-woopayments" rel="noopener nofollow" target="_blank">WooPayments</a> extension to allow customers to use their preferred local payment methods, such as Paytm in India and Pix in Brazil. It also offers many benefits, such as automatic bank deposits and multi-currency support. Adding multiple payment methods increases the chances of your customers completing the payment process.</p> <h4>Use Divi’s WooCommerce Checkout Modules</h4> <p>Let’s review the Divi’s WooCommerce checkout modules you have access to. Unlike WooCommerce Blocks from WordPress Gutenberg, Divi’s WooCommerce modules are optimized for speed. For example, the<strong> Woo Checkout Bill </strong>module only includes the necessary fields, with <strong>(optional)</strong> field labels and titles if they are not essential.</p> <p>Other than that, instead of one parent block, Divi checkout modules are separate, so you decide whether to add a different shipping address with <strong>Woo Checkout Shipping</strong> or add order notes with <strong>Woo Checkout Information</strong>.</p> <p>You can easily customize a module’s style by clicking on the gear (settings) icon and switching to <strong>Design</strong> from <strong>Content</strong>. You can change colors, fonts, buttons, and other settings quickly.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276956 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/customize-elements-settings.jpg" alt="customize elements settings" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/customize-elements-settings.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/customize-elements-settings-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/customize-elements-settings-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/customize-elements-settings-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/customize-elements-settings-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>The best part about using Divi is its <a href="https://www.elegantthemes.com/modules/">200+ native content modules</a> to enhance your checkout page for more conversions. In the following sections, we’ll use different Divi settings and modules to optimize this checkout template.</p> <h4>Add a Testimonial to Build Credibility</h4> <p>Showing social proof on your checkout is a great way to help buyers overcome last-minute doubts and complete their purchases. Using Divi’s native <strong>Testimonial</strong> module, you can add a permanent customer testimonial to build credibility. Go to its settings to make it stand out by adding a background color or border or changing the font, colors, etc.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276958 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-testimonials-to-build-credibility.jpg" alt="add testimonials to build credibility on your WooCommerce checkout page" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-testimonials-to-build-credibility.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-testimonials-to-build-credibility-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-testimonials-to-build-credibility-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-testimonials-to-build-credibility-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-testimonials-to-build-credibility-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>Since it isn’t dynamic, the testimonial will appear the same to all customers, so make sure to pick a brand-specific testimonial instead of a product-specific one—something that portrays the brand as trustworthy and reliable.</p> <h4>Create a Guarantee Section</h4> <p>You could also create a <strong>Guarantee</strong> section on your checkout to remind your customers why they should trust shopping with your brand. For example, here at <a href="https://www.elegantthemes.com/join/">Elegant Themes</a>, we give a <strong>30-day money-back guarantee with a no-questions-asked </strong>policy. That’s because we believe that once our customers get used to Divi, they’ll love it instantly and forget about a refund.</p> <p>You can also display something simple, like your company values, customer count, etc., to highlight your brand authority.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276959 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/guarantee-section-checkout.jpg" alt="highlight brand values in a guarantee section on your checkout page" width="1535" height="1307" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/guarantee-section-checkout.jpg 1535w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/guarantee-section-checkout-300x255.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/guarantee-section-checkout-768x654.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/guarantee-section-checkout-610x519.jpg 610w" sizes="auto, (max-width: 1535px) 100vw, 1535px"></p> <p>To create a section like this, use Divi’s native <strong>Title, Icon, </strong>and<strong> Text</strong> modules. Follow this tutorial to use <a href="https://www.elegantthemes.com/documentation/divi/visual-builder/">Divi Builder and modules</a> to add and customize elements.</p> <h4>Create a Last-Minute Discount Banner Using Divi’s Dynamic Content Functionality</h4> <p>Another great thing about Divi modules is that they’re dynamic, meaning they pull data from specific products automatically without having you manually enter it. For example, when your customers set up the cart and select the products, the information is filled out automatically in Divi’s <strong>Woo Checkout Details</strong> module.</p> <p>You can also modify dynamic content settings in certain elements to personalize users’ experience even more. For example, create a last-minute discount banner with a time limit to create urgency and encourage users to complete their purchases. For this, use the <strong>Countdown Timer </strong>module. Here’s how to customize it:</p> <p><video class="et-video-loop card" autoplay="autoplay" loop="loop" muted="" width="900" height="506"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-last-minute-discount.mp4" type="video/mp4"></source></video></p> <h4>Show Special Discounts for Logged-In Customers Using Divi’s Conditions</h4> <p>Divi’s Conditions is another powerful feature for optimizing buying journeys based on different customers. For example, <a href="https://www.elegantthemes.com/blog/divi-resources/how-to-retarget-abandoned-carts-with-a-promo-popup-using-divis-condition-options">create an exit-intent discount banner popup</a> to retarget customers who didn’t complete the purchase after going to the checkout page. Or showcase a logged-in user-only discount code or free delivery offer to customers who have created a customer account.</p> <p>First, create an image banner and add it using Divi’s <strong>Image</strong> module. Then, go to <strong>Settings > Advanced > Conditions.</strong> Now, choose the <strong>Logged-in </strong>for User status. Here’s how to showcase a discount code to logged-in users.</p> <p><video class="et-video-loop card" autoplay="autoplay" loop="loop" muted="" width="900" height="506"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/add-a-conditional-discount-code.mp4" type="video/mp4"></source></video></p> <h4>Remove Site Header and Footer to Avoid Distractions</h4> <p>Removing distractions from your checkout is necessary to ensure your customers are focused on completing the purchase. These distracting elements could be buttons or links that could take your customers away from checkout, generally in your site’s header and footer. So, hide them. But how do you make sure that they’re visible on other pages, except checkout and cart? Doing so with Divi is super easy, thanks to <strong>Divi Theme Builder. </strong></p> <p>While creating templates with the Divi Theme Builder, you create and assign specific target pages on which you’ll use them. For example, we assigned <strong>Checkout</strong> from WooCommerce Pages to our checkout template, so any changes will affect only checkout pages.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276967 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only.jpg" alt="effective only on checkout pages" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>To hide the header and footer from your checkout template, click the eye icon next to them and <strong>Save Changes</strong>. The eye icon represents visibility, and since we’ve turned it off, it means they’re not visible.</p> <p><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276968 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/hide-footer-header-checkout.jpg" alt="hide header and footer on your checkout page" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/hide-footer-header-checkout.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/hide-footer-header-checkout-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/hide-footer-header-checkout-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/hide-footer-header-checkout-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/hide-footer-header-checkout-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></p> <p>If you don’t want to hide your header and footer completely, you can create more simplified versions for your checkout page. Just click to edit the header or footer area of your checkout page template and use the builder to make adjustments.</p> <h4>Optional: Adding an Email Optin Popup Form</h4> <p><a href="https://www.elegantthemes.com/plugins/bloom/"><img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276621 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/bloom-popup-example.jpg" alt="bloom popup example to show on a checkout page" width="1800" height="1012" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/bloom-popup-example.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/bloom-popup-example-300x169.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/bloom-popup-example-768x432.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/bloom-popup-example-1536x864.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/bloom-popup-example-610x343.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></a></p> <p>You can also use Divi’s Bloom plugin to create an email opt-in popup with discount coupons exclusively for email subscribers. Bloom has many different display types, including trigger-specific popups. For instance, you can show the popup if a user is inactive on the product page. Or trigger a custom popup on the thank you page after they complete the purchase. This would be a great time to offer a discount to join your email list so you can get more sales.</p> <p><a href="https://www.elegantthemes.com/ecommerce/" class="button primary-button inline-button" rel=" ">Get Divi + WooCommerce</a></p> <h3><span id="3-save-and-preview-your-checkout-template">3. Save and Preview Your Checkout Template</span></h3> <p>Once satisfied with your design, click the <strong>Save</strong> button on the lower right of Divi Builder.</p> <p><video class="et-video-loop card" autoplay="autoplay" loop="loop" muted="" width="900" height="506"><source src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/save-checkout-page-design.mp4" type="video/mp4"></source></video></p> <p><a href="https://www.elegantthemes.com/ecommerce/" class="button primary-button inline-button" rel=" ">Get Divi + WooCommerce</a></p> <h2><span id="more-ways-to-optimize-woocommerce-checkout-templates">More Ways to Optimize WooCommerce Checkout Templates</span></h2> <p>Other than customizing your WooCommerce checkout with Divi, here are <a href="https://www.elegantthemes.com/blog/resources/free-woocommerce-plugins">some essential plugins</a> and WooCommerce extensions that’ll help you optimize your checkout even more:</p> <ul> <li><a href="https://www.elegantthemes.com/plugins/bloom/">Bloom</a>: To reduce abandoned cart rates, collect email leads directly from your checkout pages by offering special discounts or updates in exchange for email sign-ups.</li> <li><a href="https://www.elegantthemes.com/blog/refer/funnelkit" rel="noopener nofollow" target="_blank">FunnelKit</a>: Optimize your customer’s buying journey by creating automated sales funnels and one-page checkouts.</li> <li><a href="https://www.elegantthemes.com/marketplace/diviflash/">DiviFlash</a>: Increase your sales with conversion-optimized, stunning WooCommerce layouts for shop, product, cart, and checkout pages. Also, see <a href="https://www.elegantthemes.com/marketplace/ultimate-woocommerce-ui-kit/">Ultimate WooCommerce UI Kit</a>.</li> <li><a href="https://www.elegantthemes.com/marketplace/divi-checkout-by-north-plugins/">Divi Checkout</a>: Offer several payment options, including Google Pay and Apple Pay, to simplify payment processing for your customers.</li> <li><a href="https://woocommerce.com/products/woocommerce-one-page-checkout/" rel="noopener" target="_blank">WooCommerce One-Page Checkout</a>: Reduce time spent on checkout by creating one-page checkout processes.</li> <li><a href="https://www.elegantthemes.com/blog/refer/woocommerce-woopayments/" rel="noopener nofollow" target="_blank">WooPayments</a>: Accept payments in 135+ currencies and integrate 100+ payment methods to give your customers their preferred choices.</li> <li><a href="https://woocommerce.com/products/checkout-fields-manager/" rel="noopener" target="_blank">Checkout Fields Manager</a>: Customize WooCommerce checkout field labels easily.</li> <li><a href="https://woocommerce.com/products/custom-fields-for-woocommerce/" rel="noopener" target="_blank">WooCommerce Custom Fields</a>: Add custom fields dropdown, checkbox, and multi-select to your default WooCommerce Checkout block.</li> <li><a href="https://www.elegantthemes.com/blog/wordpress/best-woocommerce-seo-plugins">WooCommerce SEO Plugins</a>: Optimize your site for WooCommerce SEO using plugins that simplify the process of indexing and optimizing products, categories, and other WooCommerce pages.</li> </ul> <p>Also, if you haven’t settled on a theme yet, you can check out these <a href="https://www.elegantthemes.com/blog/wordpress/best-woocommerce-wordpress-themes">WooCommerce themes</a>, which offer more customization out of the box.</p> <h2><span id="tools-needed-to-build-woocommerce-checkout-templates">Tools Needed to Build WooCommerce Checkout Templates</span></h2> <div class="tablepress-scroll-wrapper"> <table id="tablepress-1137-no-3" class="tablepress tablepress-id-1137"> <thead> <tr class="row-1"> <th class="column-1"></th><th class="column-2">Task</th><th class="column-3">Suggested Tool</th> </tr> </thead> <tbody class="row-striping row-hover"> <tr class="row-2"> <td class="column-1"><strong>1</strong></td><td class="column-2">Reduce abandoned cart rates by collecting email leads from checkout pages</td><td class="column-3"><a href="https://www.elegantthemes.com/plugins/bloom/">Bloom</a></td> </tr> <tr class="row-3"> <td class="column-1"><strong>2</strong></td><td class="column-2">Optimize customers' buying journeys by creating automated sales funnels</td><td class="column-3"><a href="https://www.elegantthemes.com/blog/refer/funnelkit/" rel="noopener nofollow" target="_blank">FunnelKit</a></td> </tr> <tr class="row-4"> <td class="column-1"><strong>3</strong></td><td class="column-2">Increase sales with conversion-optimized WooCommerce layouts for shop, product, cart, and checkout pages</td><td class="column-3"><a href="https://www.elegantthemes.com/marketplace/diviflash/">DiviFlash</a></td> </tr> <tr class="row-5"> <td class="column-1"><strong>4</strong></td><td class="column-2">Check out an extensive WooCommerce UI Kit for beautiful layouts</td><td class="column-3"><a href="https://www.elegantthemes.com/marketplace/ultimate-woocommerce-ui-kit/">Ultimate WooCommerce UI Kit</a></td> </tr> <tr class="row-6"> <td class="column-1"><strong>5</strong></td><td class="column-2">Simplify payment processing with multiple payment options (Google Pay, Apple Pay)</td><td class="column-3"><a href="https://www.elegantthemes.com/marketplace/divi-checkout-by-north-plugins/">Divi Checkout</a></td> </tr> <tr class="row-7"> <td class="column-1"><strong>6</strong></td><td class="column-2">Reduce time spent on checkout by creating a one-page checkout process</td><td class="column-3"><a href="https://woocommerce.com/products/woocommerce-one-page-checkout/" rel="noopener" target="_blank">WooCommerce One-Page Checkout</a></td> </tr> <tr class="row-8"> <td class="column-1"><strong>7</strong></td><td class="column-2">Accept payments in 135+ currencies and integrate 100+ payment methods</td><td class="column-3"><a href="https://woocommerce.com/products/woopayments/" rel="noopener" target="_blank">WooPayments</a></td> </tr> <tr class="row-9"> <td class="column-1"><strong>8</strong></td><td class="column-2">Customize WooCommerce checkout field labels easily</td><td class="column-3"><a href="https://woocommerce.com/products/checkout-fields-manager/" rel="noopener" target="_blank">Checkout Fields Manager</a></td> </tr> <tr class="row-10"> <td class="column-1"><strong>9</strong></td><td class="column-2">Add custom fields like dropdowns, checkboxes, and multi-select options to WooCommerce checkout</td><td class="column-3"><a href="https://woocommerce.com/products/custom-fields-for-woocommerce/" rel="noopener" target="_blank">WooCommerce Custom Fields</a></td> </tr> </tbody> </table> </div> <h2><span id="divi-woocommerce-is-the-ultimate-e-commerce-solution">Divi + WooCommerce is the Ultimate E-commerce Solution</span></h2> <p>Divi and WooCommerce are all you need to build a unique and functional e-commerce store that your customers rave about. Divi’s customizability perfects WooCommerce’s e-commerce functionality, so you can create quick and smooth checkout pages, optimize them for more conversions, and reduce abandoned cart rates.</p> <p><a href="https://www.elegantthemes.com/ecommerce/" class="button primary-button inline-button" rel=" ">Get Divi + WooCommerce</a></p> <h2><span id="faqs-on-customizing-woocommerce-checkout-pages">FAQs on Customizing WooCommerce Checkout Pages</span></h2> <style> #faqsu-faq-list { background: #F0F4F8; border-radius: 5px; padding: 15px; } #faqsu-faq-list .faqsu-faq-single { background: #fff; padding: 15px 15px 20px; box-shadow: 0px 0px 10px #d1d8dd, 0px 0px 40px #ffffff; border-radius: 5px; margin-bottom: 1rem; } #faqsu-faq-list .faqsu-faq-single:last-child { margin-bottom: 0; } #faqsu-faq-list .faqsu-faq-question { border-bottom: 1px solid #F0F4F8; padding-bottom: 0.825rem; margin-bottom: 0.825rem; position: relative; padding-right: 40px; } #faqsu-faq-list .faqsu-faq-question:after { content: "?"; position: absolute; right: 0; top: 0; width: 30px; line-height: 30px; text-align: center; color: #c6d0db; background: #F0F4F8; border-radius: 40px; font-size: 20px; } </style> <section id="faqsu-faq-list" itemscope itemtype="http://schema.org/FAQPage"><div class="faqsu-faq-single" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <h5 itemprop="name">How do I customize the WooCommerce checkout page without a plugin? </h5> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <div class="faqsu-faq-answare" itemprop="text">You can customize the WooCommerce checkout page without a plugin using WordPress's Site Editor<span style="margin: 0px;padding: 0px">, but you can only do so much with it. To get complete control over your checkout page design, a better way is to use a customizable theme like <a href="https://www.elegantthemes.com/gallery/divi/">Divi</a> that works with WooCommerce and lets you</span> to modify every inch of your online store.</div> </div> </div><div class="faqsu-faq-single" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <h5 itemprop="name">How can I improve my checkout conversions?</h5> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <div class="faqsu-faq-answare" itemprop="text">You should start by simplifying your checkout process. <span style="margin: 0px;padding: 0px">Remove unnecessary fields and add multiple payment methods so your customers can choose. Then, use credibility factors like testimonials, guarantees, discounts, and last-minute deals to help buyers make buying decisions fast. A highly customizable theme like <a href="https://www.elegantthemes.com/gallery/divi/">Divi</a> can</span> easily add these elements to your checkout page.</div> </div> </div><div class="faqsu-faq-single" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <h5 itemprop="name">How can I change the default WooCommerce checkout page?</h5> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <div class="faqsu-faq-answare" itemprop="text">Changing the default WooCommerce checkout page with <a href="https://www.elegantthemes.com/gallery/divi/">Divi</a> is super easy. Simply go to<strong> Divi > Theme Builder</strong> and generate a new checkout template. After that, you can use Divi Builder to design your checkout page however you like. <img loading="lazy" decoding="async" class="with-border aligncenter wp-image-276967 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only.jpg" alt="effective only on checkout pages" width="1800" height="885" srcset="https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only.jpg 1800w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only-300x148.jpg 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only-768x378.jpg 768w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only-1536x755.jpg 1536w, https://www.elegantthemes.com/blog/wp-content/uploads/2024/11/effective-on-checkout-pages-only-610x300.jpg 610w" sizes="auto, (max-width: 1800px) 100vw, 1800px"></div> </div> </div><div class="faqsu-faq-single" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <h5 itemprop="name">How can I add a custom checkout field in WooCommerce?</h5> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <div class="faqsu-faq-answare" itemprop="text">You can add a custom checkout field in WooCommerce by installing the <a href="https://woocommerce.com/products/custom-fields-for-woocommerce/" rel="noopener" target="_blank">WooCommerce Custom Fields</a> extension. A better way is to use <a href="https://www.elegantthemes.com/gallery/divi/">Divi</a> to access over 200+ content modules, including interactive elements like dropdowns, checkboxes, etc.</div> </div> </div></section> </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%2Fguides%2Fhow-to-customize-a-woocommerce-checkout-page&t=How%20to%20Customize%20Your%20WooCommerce%20Checkout%20Page%20in%202025" class="et_social_share" rel="nofollow" data-social_name="facebook" data-post_id="276698" 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=How%20to%20Customize%20Your%20WooCommerce%20Checkout%20Page%20in%202025&url=https%3A%2F%2Fwww.elegantthemes.com%2Fblog%2Fguides%2Fhow-to-customize-a-woocommerce-checkout-page&via=elegantthemes" class="et_social_share" rel="nofollow" data-social_name="twitter" data-post_id="276698" 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&url=https%3A%2F%2Fwww.elegantthemes.com%2Fblog%2Fguides%2Fhow-to-customize-a-woocommerce-checkout-page&title=How%20to%20Customize%20Your%20WooCommerce%20Checkout%20Page%20in%202025" class="et_social_share" rel="nofollow" data-social_name="linkedin" data-post_id="276698" 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="276698" 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 review-card"> <img loading="lazy" class="image-back" src="https://www.elegantthemes.com/images/blog/listicles-back.png" alt="Top Picks" /> <div class="sticky-card-inner card accent-blue"> <img loading="lazy" class="image-inset" alt="Product Image" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/divi-woocommerce-builder.jpg" /> <h4>Get Started With Divi!</h4> <p class="lead">Explore plans, pricing and features. Click here to get started. 👇</p> <a class="button primary-button centered fullwidth-button elipses" target="_blank" rel="nofollow noopener"href="https://www.elegantthemes.com/gallery/divi/">Visit Divi</a> </div> </div> <div id="exitpopup" class="cover-popup bounce-popup listicle-popup"> <div class="accent-blue card"> <h2 class="headline-3">Get Started With Divi!</h2> <h3 style="margin-bottom: 1em;">Explore plans, pricing and features here. 👇</h3> <div class="popup-image-wrap elevation-1"> <a style="display: block;" target="_blank" rel="nofollow noopener" href="https://www.elegantthemes.com/gallery/divi/"> <img loading="lazy" alt="Product Image" src="https://www.elegantthemes.com/blog/wp-content/uploads/2024/10/divi-woocommerce-builder.jpg" /> </a> </div> <a style="margin-bottom: 0;" class="button primary-button popup-button inline-button" target="_blank" rel="nofollow noopener" href="https://www.elegantthemes.com/gallery/divi/">Explore Divi</a> <span class="exit-button elevation-1"></span> </div> </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/1543ebe2f28b8d74b136cd71ae6f7056?s=48&r=g' srcset='https://secure.gravatar.com/avatar/1543ebe2f28b8d74b136cd71ae6f7056?s=96&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 Ekta Swarnkar</h5> <p> Ekta is a content writer and strategist for B2B SaaS and marketing brands. She’s helped companies grow their visibility, authority, and revenue with long-form, actionable content. </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-284132" class="entry article-card post-284132 post type-post status-publish format-standard has-post-thumbnail hentry category-guides category-wordpress tag-ai-in-wordpress tag-wordpress-development tag-wordpress-trends"> <div class="post-thumbnail"> <a href="https://www.elegantthemes.com/blog/wordpress/will-ai-replace-wordpress-developers"> <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/02/will-ai-replace-wordpress-developers-ft-img-3-min.jpg" alt="Will AI Replace WordPress Developers?" /> </a> </div> <h3><a href="https://www.elegantthemes.com/blog/wordpress/will-ai-replace-wordpress-developers" title="Link to Will AI Replace WordPress Developers?">Will AI Replace WordPress Developers?</a></h3> <p class="blog-meta">Posted on <span class="published updated">February 22, 2025</span> in <a href="https://www.elegantthemes.com/blog/category/wordpress">WordPress</a></p> <p>When a client asks you for “just a small change” to their WordPress site, it feels different now because AI can often help speed up the process. Across forums, Slack channels, and dev meetups, there’s talk about AI changing how we build websites. Some developers are already...</p> <a class="button tertiary-button fullwidth-button" href="https://www.elegantthemes.com/blog/wordpress/will-ai-replace-wordpress-developers" class="viewfull">View Full Post</a> </article> </div> </div> <div class="column-container"> <div class="column card accent-blue"> <article id="post-283987" class="entry article-card post-283987 post type-post status-publish format-standard has-post-thumbnail hentry category-business category-guides tag-building-websites tag-design tag-web-design"> <div class="post-thumbnail"> <a href="https://www.elegantthemes.com/blog/business/fastest-way-to-build-a-website"> <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/02/fastest-way-to-build-a-website-featured-image.jpg" alt="Fastest Way To Build A Website (2025 Guide)" /> </a> </div> <h3><a href="https://www.elegantthemes.com/blog/business/fastest-way-to-build-a-website" title="Link to Fastest Way To Build A Website (2025 Guide)">Fastest Way To Build A Website (2025 Guide)</a></h3> <p class="blog-meta">Posted on <span class="published updated">February 21, 2025</span> in <a href="https://www.elegantthemes.com/blog/category/business">Business</a></p> <p>Having a website is no longer optional — it’s a necessity. Whether you’re a small business owner, individual, or a freelancer, your website is often the first impression you make on potential customers, clients, or visitors. For some, the thought of building a website can feel...</p> <a class="button tertiary-button fullwidth-button" href="https://www.elegantthemes.com/blog/business/fastest-way-to-build-a-website" class="viewfull">View Full Post</a> </article> </div> </div> <div class="column-container"> <div class="column card accent-blue"> <article id="post-282896" class="entry article-card post-282896 post type-post status-publish format-standard has-post-thumbnail hentry category-design category-guides tag-design tag-hero-section tag-website-design"> <div class="post-thumbnail"> <a href="https://www.elegantthemes.com/blog/design/how-to-design-a-hero-section"> <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/02/how-to-design-a-hero-section-ft-img-3-min.jpg" alt="How To Design A Hero Section For Your Website (2025 Guide)" /> </a> </div> <h3><a href="https://www.elegantthemes.com/blog/design/how-to-design-a-hero-section" title="Link to How To Design A Hero Section For Your Website (2025 Guide)">How To Design A Hero Section For Your Website (2025 Guide)</a></h3> <p class="blog-meta">Posted on <span class="published updated">February 19, 2025</span> in <a href="https://www.elegantthemes.com/blog/category/design">Design</a></p> <p>Your website only has a few seconds to make a good impression, so having a strong hero section should be a top priority. It’s like the storefront window of your online business, and it needs to grab their attention quickly and encourage them to keep scrolling. In this post, we’ll dive...</p> <a class="button tertiary-button fullwidth-button" href="https://www.elegantthemes.com/blog/design/how-to-design-a-hero-section" 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 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/guides/how-to-customize-a-woocommerce-checkout-page#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", "a46f350b6f884c047a7c7e8110ca0314" );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='276698' 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="51421f5b98" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="134"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> </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/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> <li> <a href="https://www.elegantthemes.com/blog/divi-resources/divi-virtual-event-starter-site">New Starter Site for Virtual Events (Quick Install)</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 & 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="276698" 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="276698" 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="276698" 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="276698" 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="276698" 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="276698" 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 © 2025 Elegant Themes ®</p> </div> </div> </div> </div> </section>  <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>  <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>  <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='tablepress-default-css' href='https://www.elegantthemes.com/blog/wp-content/plugins/tablepress/css/build/default.css?ver=3.0.4' type='text/css' media='none' onload="media='all'" /> <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\/guides\/how-to-customize-a-woocommerce-checkout-page","stats_nonce":"370e251638","share_counts":"533b8af8f8","follow_counts":"5e1f9e50f3","total_counts":"d576dc3e63","media_single":"7abf321d1e","media_total":"c784dc8af2","generate_all_window_nonce":"c8c4565569","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/js/bounce.js?ver=6.72" id="et_bounce-js"></script> <script type="text/javascript" id="et_bounce-js-after"> /* <![CDATA[ */ var _ouibounce = ouibounce(document.getElementById('exitpopup'), { sensitivity: 1, delay: 400, cookieName: 'listicle', sitewide: true, callback: function() { jQuery('.promo-popup').remove(); } }); jQuery('.exit-button, .popup-button').on('click', function() { jQuery('.cover-popup').remove(); }); /* ]]> */ </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 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> <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:'916960476d807e32',t:'MTc0MDMzNjM1OS4wMDAwMDA='};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>