@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/atom-one-dark.min.css";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}::-webkit-scrollbar-track{background:#f1f1f1}:root{--cyan: #00D1D1;--blue: #008CBE;--dark-blue: #0047AB;--dark-grey: #171C23}.website-customizer-box{--accentColorShade: #5833f10a;--accentColorShade2: #5833f11a}.site-logo-main{height:100%;color:var(--accentColor);line-height:50px;max-height:40px}body{min-height:100vh;background-color:#f5f5f7;font-family:DM Sans,sans-serif;background-repeat:no-repeat;background-size:cover}.classic-font{--primaryFontFamily: "Poppins", sans-serif;--secondaryFontFamily: "Lora", serif}.flat-font{--primaryFontFamily: "Montserrat", sans-serif;--secondaryFontFamily: "Rubik", sans-serif}.material-font{--primaryFontFamily: "Inter", sans-serif;--secondaryFontFamily: "Roboto", sans-serif}.minimalistic-font{--primaryFontFamily: "Work Sans", sans-serif;--secondaryFontFamily: "Plus Jakarta Sans", sans-serif}.soft-font{--primaryFontFamily: "DM Sans", sans-serif;--secondaryFontFamily: "Quicksand", sans-serif}input,textarea{font-family:Roboto Mono,serif;font-weight:400;font-style:normal;font-size:14px}h1,h2,h3,h4,h5{font-family:DM Sans,sans-serif;font-weight:400;font-style:normal;text-transform:capitalize;color:#1c1c1c}h1{font-size:2.7rem;margin-bottom:15px}.form-img{margin-bottom:25px}.form-container{max-width:650px;width:100%;text-align:center;position:absolute;bottom:0;top:0;margin:auto;height:fit-content;left:0;right:0}.input-control{width:100%;border:1px solid #ccc;border-radius:25px;resize:none;box-shadow:0 0 23px -10px #ccc;display:block;padding:20px 25px;font-size:16px;opacity:.9}.input-control:hover,.input-control:active,.input-control:focus{opacity:1}textarea.input-control{height:150px}.btn-custom{border-radius:30px;background:#004bac;background:linear-gradient(125deg,#004bac,#0082bb 35%,#00b7ca);color:#fff;border:none;padding:15px 30px;font-size:18px;line-height:1;cursor:pointer;box-shadow:2px 2px 5px #00000057;transition:all ease .2s;letter-spacing:.5px}.btn-custom:hover{filter:brightness(.9) contrast(1.1)}.form-container .submit-control{margin-top:25px}.examples{overflow:hidden}.examples-container{position:relative;display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;align-self:flex-start}.examples-container:after,.examples-container:before{content:"";position:absolute;z-index:1;height:100%;top:0;pointer-events:none}.examples-container:before{left:-1px;background:linear-gradient(90deg,#f5f5f7 4%,#fff0 99.76%)}.examples-container:after{right:-1px;background:linear-gradient(270deg,#f5f5f7 4%,#fff0 99.76%)}.examples-container .examples_items{animation:marquee 40s linear infinite}.examples-container .items{display:flex;gap:12px}.examples-container .emoji{margin-right:2px!important}.examples-container .example{white-space:nowrap;gap:4px;border-radius:20px;background:#0000001a;color:#2a2a2a;font-size:14px;font-weight:400;line-height:20px;cursor:pointer;border:1px solid #fff0;transition:all .2s;display:flex;align-items:center;letter-spacing:1px}.examples-container .example .arrow{width:18px;height:18px;transition:opacity .2s;opacity:.7}.examples:hover .examples_items{animation-play-state:paused}.examples-container .example:hover{border-color:#1c1c1c}.footer-block{padding:15px 0;position:fixed;width:100%;bottom:0;left:0}.footer-block .container{width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px}.footcol{font-size:14px;letter-spacing:.5px;display:flex;align-items:center;font-family:DM Sans,sans-serif;color:#fff}.dark-caption .footcol,.dark-caption .footcol a{color:#fff}.product-by img{height:20px;margin-right:3px}.footcol a{display:inline-flex;align-items:center;margin-left:5px;font-weight:500;color:#fff;text-decoration:none;font-family:DM Sans,sans-serif}.loading-div{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;z-index:9999}.loading-container{font-size:18px;color:#111;display:flex;justify-content:center;align-items:center;margin:0 20px}.loading-message{transition:transform .6s ease-in-out,opacity .6s ease-in-out;opacity:0;text-align:center;color:#000;min-height:50px}.slide-in{transform:translateY(0);opacity:1}.slide-out{transform:translateY(20px);opacity:0}.counter-txt{text-align:right;padding:3px 15px;color:#ccc;font-size:13px}body.dark-theme{position:relative;background-color:#1e1e1e;min-height:100vh;overflow:hidden;z-index:0}body.dark-theme:before{content:"";position:absolute;top:50%;left:50%;width:360px;height:380px;transform:translate(-50%,-50%);background:#0047abe6;opacity:.5;filter:blur(175px);border-radius:50%;z-index:-1}.main-container.dark-theme,.website-customizer-box.dark-theme{position:relative;background-color:#1e1e1e;min-height:100vh;overflow:hidden}.main-container.dark-theme:before,.website-customizer-box.dark-theme:before{content:"";position:absolute;top:50%;left:50%;width:360px;height:380px;transform:translate(-50%,-50%);background:#0047abe6;opacity:.5;filter:blur(175px);border-radius:50%;z-index:0}.dark-theme h1{font-size:45px;color:#fff;font-weight:600;font-family:DM Sans,sans-serif;text-transform:math-auto}.dark-caption p{color:#ccc;font-size:16px;font-weight:400;font-family:DM Sans,sans-serif}.dark-caption textarea.input-control{margin-top:45px;border:1px solid #FFFFFF33;border-radius:10px;background-color:transparent;box-shadow:none;font-size:14px;font-family:DM Sans,sans-serif;color:#fff}.dark-caption .examples-container .example{border-radius:5px;background-color:#272b31;color:#fff;border:1px solid #FFFFFF33;font-family:DM Sans,sans-serif}.dark-caption .examples-container:before{background:linear-gradient(90deg,#1e1e1e 4%,#1e1e1e00 99.76%)}.dark-caption .examples-container:after{background:linear-gradient(90deg,#1e1e1e00 4%,#1e1e1e 99.76%)}.form-area{max-width:900px;width:100%;margin:auto;font-family:DM Sans,sans-serif}.dark-caption .form-container{max-width:100%;width:100%}.dark-caption .examples{width:1275px!important;margin:45px auto 0}.dark-caption textarea.input-control:focus-visible{border:1px solid #FFFFFF33;outline:none}.btn-custom.cyan{background-color:#00d1d1;border-radius:4px;background-image:none;color:#0c1521;font-weight:600;margin-top:10px;font-family:DM Sans,sans-serif;transition:all .5s ease-in-out;filter:none}.btn-custom.cyan:hover{color:#fff!important}.dark-caption .examples-container .example{display:flex;justify-content:center;align-items:center;color:#eee;border:1px solid transparent}.dark-caption .examples-container .example:hover{animation:gradientBorder 3s linear infinite;background:linear-gradient(to right,#272b32,#272b32) content-box,conic-gradient(from var(--angle),#66666685 0deg,#005ab0 53.3deg,#268aff 90.46deg,#52eaea 126.24deg,#6a6a6ab0 178.82deg,#66666685 360deg) border-box}.example span.text{padding:5px 15px}@keyframes gradientBorder{0%{--angle: 0turn}to{--angle: 1turn}}@property --angle{syntax: "<angle>"; inherits: true; initial-value: 0turn;}.btn-animate{position:relative;overflow:hidden;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;z-index:1}.btn-animate span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#0047ab;transition:width .4s ease-in-out,height .4s ease-in-out;transform:translate(-50%,-50%);z-index:-1}.btn-animate:hover{background:transparent;color:var(--white)!important}.btn-animate:hover span{width:225%;height:562.5px}.front-web .footcol{margin:auto}.front-web .footcol a{align-items:self-end}.mic-element{position:absolute;right:10px;bottom:35px;cursor:pointer}.mic-element .feather-mic{color:gray}.recording-loading-container{position:absolute;right:10px;bottom:35px;cursor:default}.recording-loading-container .feather-loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.recording-container{position:absolute;right:10px;bottom:35px;color:gray;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.loading-image{margin-top:-24px;margin-bottom:10px}@media screen and (max-width:1599px){.dark-caption textarea.input-control{margin-top:30px}.dark-caption .examples{margin:30px auto 0}.form-area{max-width:670px}.dark-caption .examples{width:820px!important}.dark-theme h1{font-size:40px}.form-img{width:200px}.btn-custom.cyan{font-size:16px}}@media screen and (min-width:1261px){.examples{width:100%;margin:35px auto 0}.examples .emoji{width:14px;height:14px}.examples-container{grid-column-gap:12px}.examples-container:after,.examples-container:before{width:140px}.examples-container .items{grid-column-gap:12px}}@media screen and (max-width:1260px) and (min-width:768px){.examples{margin:26px auto 0}.examples .emoji{width:14px;height:14px}.examples-container{grid-column-gap:12px}.examples-container:after,.examples-container:before{width:140px}.examples-container .items{grid-column-gap:12px}.examples-container .example{padding:5px 12px 5px 16px}}@media screen and (max-width:767px){.examples-container{margin-top:26px;grid-column-gap:6px}.examples-container .emoji{width:12px!important;height:12px!important}.examples-container:after,.examples-container:before{width:60px}.examples-container .items{grid-column-gap:6px}.examples-container .example{padding:5px 12px 5px 16px;font-size:12px;line-height:18px}.examples-container .example img{width:16px;height:16px}.loading-div{height:auto}.loading-div .form-img{margin-bottom:0}.form-img{width:164px}.loading-image{width:70px;margin-top:-12px;margin-bottom:-6px}.dark-theme h1{font-size:26px}.form-area .form-img{margin-bottom:14px}.form-container .form-control{padding:0 20px}.input-control{padding:16px 20px}.btn-custom.cyan{font-size:14px}.btn-custom{padding:12px 18px}.dark-caption .examples{width:100%!important}.dark-caption .examples-container .example:hover{background:#272b31}.examples:hover .examples_items{animation-play-state:running!important}.error-msg{bottom:0!important;left:20px!important;text-align:left;font-size:11px!important}.counter-txt{font-size:11px;padding:3px}.mic-element{right:35px;bottom:30px}.mic-element .feather-mic,.discard-element .feather-x,.accept-element .feather-check{width:18px;height:18px}.recording-container,.recording-loading-container{right:35px;bottom:30px}.recording-loading-container .feather-loader{width:18px;height:18px}.footcol{font-size:13px}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.array-div{position:fixed;right:0;width:500px;height:100vh;top:0;overflow:auto;text-align:left}.array-div pre{text-wrap:auto;padding:15px}.btn-group button{width:100%}.add-page-btn:hover,.home-add-btn:hover{background-color:#00b1c8}.section-content{cursor:auto!important}.back-generate-div .ds-btn-outline:hover{background-color:#00d1d1;color:#fff}.back-generate-div .ds-btn-purple-blue:hover{background-color:#00d1d1;border:1px solid #fff;color:#fff}form .form-control{position:relative}.error-msg{position:absolute;color:#e76f6f!important;font-size:12px!important;bottom:0;left:0}.btn-custom.disabled{cursor:default;min-width:160px}.generate-loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-container{min-height:100vh;padding:24px 24px 70px;position:relative}.homePage-container{display:flex;justify-content:center;margin-bottom:48px}.homePage{width:250px;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px;height:max-content;position:relative}.page-header{background-color:#000;color:#fff;padding:8px;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;align-items:center}.page-header-title{display:flex;align-items:center;gap:4px}.home-action-container{display:flex;padding:3px;align-items:center;gap:4px;background-color:#00d1d1;border-radius:8px}.page-content{padding:4px 0}.icon{width:16px;height:16px;margin-right:8px}.home-add-btn,.home-down-arrow{display:flex;justify-content:center;align-items:center;background-color:#00d1d1;height:18px;width:18px;padding:12px}.home-add-btn,.home-down-arrow,.add-btn,.edit-btn,.delete-btn,.down-btn{color:#fff;border-radius:30%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:2px}.home-down-arrow:hover{background-color:#00b1c8}.home-down-arrow{display:none}.add-edit-div{display:flex;padding:3px;align-items:center;gap:4px;background-color:#00d1d1;border-radius:8px}.add-btn:hover,.edit-btn:hover,.delete-btn:hover,.down-btn:hover{background-color:#00b1c8}.down-btn{display:none}.section{padding:9px;margin:5px 8px;font-size:12px;font-weight:400;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;position:relative;transition:backgroun-color .2s;display:flex;align-items:center}.section:hover{border:1px solid #4f46e5}.pencil-icon{position:absolute;right:30px;color:#1621d8}span.section-title{padding-right:40px;width:calc(100% - 40px);display:inline-block}.hover-plus-icon{position:absolute;left:0;right:0;margin:auto;bottom:-8px;background-color:#00d1d1;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;z-index:1;transition:opacity .3s ease}.section:hover .hover-plus-icon{opacity:1}.section:first-child,.section:last-child{background-color:#f5f5f7}.add-page-container{display:flex;justify-content:center;margin:32px 0}.add-page-btn{background-color:#00d1d1;color:#fff;padding:8px 16px;border-radius:8px;display:flex;align-items:center;border:none;cursor:pointer;font-size:14px;z-index:1;font-family:DM Sans,sans-serif}.add-page-btn-icon{margin-right:8px}.lower-pages-container{display:flex;position:relative;justify-content:center;margin-bottom:24px}.lower-page-div{width:250px;border-radius:8px;height:max-content;position:relative;padding:0 20px}.lower-page{background-color:#fff;box-shadow:0 4px 6px #0000001a;padding-bottom:3px;border-radius:8px}.lower-page:before,.lower-page:after{content:"";position:absolute;top:-49px;width:50%;height:2px;background-color:#c1c1c1}.lower-page:before{left:0}.lower-page:after{right:0}.first-page:before{display:none}.last-page:after{display:none}.one-page:after{display:none}.lower-page-header{background-color:#000;color:#fff;padding:8px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px}.lower-page-header:before{content:"";position:absolute;width:2px;bottom:100%;left:0;right:0;margin:auto;height:49px;background:#c1c1c1}.lower-page-title{display:flex;align-items:center;gap:4px;width:60%}.edit-input{padding:4px;outline:none;border:none;border-radius:4px;width:100%;font-size:12px}.lower-page-content{padding:4px 0}.sidebar{height:calc(100% - 70px);position:fixed;z-index:100;left:0;top:0;background:#fff;box-shadow:2px 3px 6px #0000001a;border:1px solid rgb(234,234,234);width:320px;padding:16px 4px 16px 16px;box-sizing:border-box;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.sidebar::-webkit-scrollbar-track{background:#f1f1f1}.sidebar-title{font-size:16px;margin-bottom:10px;font-weight:700;line-height:30px;display:flex;align-items:center;justify-content:space-between}.sidebar-text{display:flex;flex-direction:column;gap:4px}.sidebar-list{display:flex;flex-direction:column;gap:10px;gap:12px;padding-right:8px}.sidebar-section-item{border:1px solid #EAEAEA;width:288px;display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #ccc;border-radius:6px;gap:12px;box-sizing:border-box;cursor:pointer;transition:all .3s ease}.sidebar-section-item:hover{background:#f9f9f9}.sidebar-section-title{font-size:13px;font-weight:500}.sidebar-section-description{font-size:12px;color:gray}.plus-icon-div{align-self:center;border-radius:40px;background:#f5f5f7;height:18px;width:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.side-drawer{position:fixed;top:10px;left:10px;max-width:400px;max-height:500px;background-color:#000;border-radius:8px;color:#fff;transform:translate(100%);transition:transform .3s ease-in-out;z-index:100;box-shadow:0 0 6px #00000080;display:flex;flex-direction:column;animation:slideIn .5s ease-in-out}.side-drawer.open{transform:translate(0)}.side-drawer.title-popup-closing{animation:slideOutStr .5s ease-in-out forwards}.side-drawer-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.side-drawer-title{color:#fff;font-size:16px;letter-spacing:.5px;width:60%}.side-drawer-content{padding:16px;overflow-y:auto;flex:1}.close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.input-field,.textarea-field{width:100%;padding:10px;margin-top:8px;margin-bottom:16px;border:1px solid #444;border-radius:4px;background-color:#111;color:#fff}.remove-btn-div{display:flex;align-items:center;justify-content:end;gap:4px}.remove-btn{width:100%;padding:10px;background-color:#00d1d1;color:#fff;border:none;border-radius:4px;cursor:pointer}.remove-section-link:hover{text-decoration:underline;cursor:pointer}.homePage:after{content:"";position:absolute;left:0;right:0;margin:auto;width:2px;height:80px;background:#c1c1c1}.popup-container{position:fixed;z-index:100;top:20px;left:20px;width:300px;background:#111;color:#fff;padding:20px;border-radius:8px;animation:slideIn .5s ease-in-out}.popup-container.add-page-closing{animation:slideOutStr .5s ease-in-out forwards}@keyframes slideOutStr{0%{right:0;opacity:1}to{right:-350px;opacity:0}}.popup-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.popup-content h3{font-size:13px;margin-bottom:10px;font-weight:500;color:#fff;letter-spacing:1px}.popup-content input{width:100%;padding:8px;border:1px solid #444;background:#222;color:#fff;border-radius:4px;margin-bottom:10px;outline:none;font-family:DM Sans,sans-serif}.proceed-button{width:100%;background:#00d1d1;color:#fff;border:none;padding:10px;border-radius:5px}.proceed-button:hover{background-color:#00b1c8}.btn-disable{opacity:.8;cursor:not-allowed}.btn-enable{opacity:1;cursor:pointer}.proceed-button.disabled{opacity:.8;cursor:not-allowed}.section-type{cursor:not-allowed;opacity:.5}.sortable-item{display:flex;align-items:center;position:relative}.drag-handle{position:absolute;cursor:grab;margin-right:8px;margin-top:4px;right:8px;z-index:10}.section-content{flex-grow:1;cursor:pointer}.drag-handle-page{position:absolute;top:10px;cursor:grab;z-index:1}.description-sidebar{background-color:#fff;height:calc(100% - 70px);z-index:1000;position:fixed;top:0;left:0;width:340px;box-sizing:border-box;padding:30px 20px;box-shadow:0 0 6px #0003;animation:slideInStr .5s ease-in-out}@keyframes slideInStr{0%{left:-350px;opacity:0}to{left:0;opacity:1}}.description-sidebar.closing{animation:slideOutStr .5s ease-in-out forwards}@keyframes slideOutStr{0%{left:0;opacity:1}to{left:-350px;opacity:0}}.description-sidebar-icon{position:fixed;left:20px;background-color:#dcdcde;padding:8px;cursor:pointer;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:13px;z-index:99}.description-sidebar-ham-icon{position:fixed;left:20px;padding:8px;cursor:pointer;border-radius:4px;display:none;justify-content:center;align-items:center;font-size:13px}.description-sidebar-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.description-sidebar-title{font-size:20px;font-weight:700;line-height:30px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.desc-cross-icon,.sidebar-cross-icon,.add-page-cross-icon{display:flex;justify-content:center;align-items:center;cursor:pointer}.sidebar-cross-icon,.add-page-cross-icon{display:none}.description-sidebar-subtitle{font-size:12px;font-weight:400;line-height:18px;margin-bottom:30px}.site-brief-info{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:24px;margin-bottom:24px}.site-brief-title{letter-spacing:1.5px;opacity:.5;text-transform:uppercase;font-size:12px;line-height:16px;margin-bottom:12px}.site-brief-info-items{display:flex;flex-direction:column;gap:14px}.site-brief-info-item{display:flex;justify-content:space-between;gap:12px}.site-label{font-size:11px;font-weight:500;line-height:16px;opacity:.5;flex-grow:0}.brief-info-value-div{flex-grow:1;display:flex;justify-content:end}.brief-info-value{font-size:12px;font-weight:500;line-height:18px;display:flex;text-transform:capitalize}.desc-title{font-size:12px;font-weight:500;line-height:16px;opacity:.5;margin-bottom:12px}.desc-description{font-size:11px;line-height:16px;margin-bottom:5px;opacity:.8;letter-spacing:.3px}.description-bottom{width:100%;display:flex;justify-content:flex-start;gap:4px;align-items:center;background-color:#f5f5f7;padding:9px 16px;opacity:1;border-radius:6px}.desc-icon{color:#000;display:flex;justify-content:center;align-items:center}.desc-para{font-size:11px;line-height:16px;letter-spacing:.3px}@keyframes slideIn{0%{left:-350px;opacity:0}to{left:20px;opacity:1}}.db-steps li span{color:#0006;font-size:12px;font-weight:600;line-height:18px}.db-actions-line .db-steps .color-font-step{width:160px;text-align:center;box-sizing:border-box;padding-top:8px;border-top:2px solid #ccc}.db-actions-line .db-steps li.color-font-step span{color:#ccc;font-size:12px;font-weight:600;line-height:18px}.ds-btn-purple-blue{background-color:#fff;color:#1e1e1e;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;height:40px;width:180px;box-sizing:border-box;border:0;border-radius:6px;padding:10px 24px;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;transition:background-color .15s linear,color .15s linear}.ds-btn-purple-blue:hover{background-color:#00d1d1;border:1px solid #fff;color:#fff}.ds-btn-purple-blue{background-color:#00d1d1;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;height:40px;width:180px;box-sizing:border-box;border:0;border-radius:6px;padding:10px 24px;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;transition:background-color .15s linear,color .15s linear}.step-link{cursor:pointer}.step-link:hover{font-weight:600}.section:hover{border:1px solid #00D1D1}.homePage .section svg,.sortable-item span svg,.drag-handle-page svg{stroke:#00d1d1;fill:#00d1d1}.hover-plus-icon svg{stroke:#000!important;fill:#000!important}.mobile-add-page-container,.side-drawer-close-icon,.add-page-cross-icon{display:none}.zoom-controller-container{position:fixed;z-index:11;bottom:106px;right:20px;display:flex;flex-direction:row;gap:10px;background:#fff;padding:4px 6px;box-sizing:border-box;border:1px solid #EAEAEA;box-shadow:0 4px 4px #00000008,0 -3px 4px -2px #00000008;border-radius:8px;align-items:center}.zoom-controller-container .zoom-out-btn,.zoom-in-btn{padding:3px 10px;border-radius:6px;cursor:pointer;font-size:12px;color:#000;opacity:.2;display:flex;align-items:center;justify-content:center}.zoom-controller-container .zoom-percentage{font-size:12px;font-weight:700;line-height:18px;letter-spacing:.1px;color:#000;width:32px;display:flex;justify-content:center;cursor:pointer;padding:8px 4px;border-radius:6px}@media screen and (max-width:767px){.main-container{padding:20px 20px 70px;display:flex;flex-direction:column;justify-content:center;align-items:center}.homePage-container{margin-top:46px;width:100%}.home-down-arrow{display:flex}.page-header{width:100%}.page-header-title{gap:6px}.page-content{display:none;width:100%}.home-arrow-icon{transition:transform .3s ease}.home-arrow-icon.open{transform:rotate(180deg)}.add-page-container{display:none}.lower-pages-container{flex-direction:column;width:100%;gap:36px;margin-bottom:0}.lower-page{width:250px}.lower-page-title{gap:6px}.homePage:after{height:0px}.homePage-container{margin-bottom:36px}.lower-page-header:before{height:36px}.lower-page-div{width:100%}.lower-page:before,.lower-page:after{height:0px}.down-btn{display:flex}.lower-page{padding-bottom:0}.lower-page-content{display:none}.arrow-icon{transition:transform .3s ease}.arrow-icon.open{transform:rotate(180deg)}.description-sidebar-icon{position:absolute}.description-sidebar{height:100vh}.drag-handle-page{display:none}.site-pages.db-actions-line{display:grid!important;row-gap:12px;padding:15px 0;margin-top:-84px;justify-content:center;justify-items:center;width:101%}.site-pages .footcol{justify-content:center}.site-pages .db-steps-progress-container{order:1;margin-right:0!important}.site-pages .ds-btn-outline{order:2}.site-pages .footcol{order:3}.site-pages .db-steps-progress{gap:3px;margin-left:-20px}.ds-btn-purple-blue{height:32px!important}.mobile-add-page-container{display:flex;justify-content:center;margin:36px 0 100px}.sidebar{height:100%;width:300px}.sidebar-section-item{width:100%}.side-drawer{left:0;top:16px;width:340px}.side-drawer-header{position:relative}.side-drawer-close-icon,.add-page-cross-icon{display:flex;background-color:#00d1d1;height:24px;width:24px;color:#fff;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;padding:2px;position:absolute;right:-8px;top:-8px}.side-drawer-title,.remove-btn-div,.side-drawer-content{font-size:14px}.side-drawer-content input,textarea{font-size:12px}.add-page-btn:hover{background-color:#00d1d1}.popup-container{z-index:999;top:16px;left:8px}.description-sidebar{padding:16px;width:300px}.description-sidebar-icon{display:none}.description-sidebar-ham-icon{display:flex}.add-edit-div{font-size:14px}.home-down-arrow:hover,.home-add-btn:hover,.add-btn:hover,.edit-btn:hover,.delete-btn:hover,.down-btn:hover{background-color:#00d1d1}.sidebar-cross-icon,.add-page-cross-icon{display:flex}.sidebar-title{font-size:18px;font-weight:400;padding-right:10px}.zoom-controller-container{display:none}.ds-btn-purple-blue:hover{background-color:#fff;color:#1e1e1e}}@media (min-width: 768px){.page-content{display:block!important}.lower-page-content{display:block!important}.home-down-arrow{display:none}}.template-main-container{width:100%;display:flex;flex-direction:row}.template-div-container{position:fixed;left:0;width:70%;border:1px solid;height:100vh;padding:29px 50px 20px;overflow-y:auto;overflow-x:hidden}.template-div{display:flex;flex-direction:column;align-items:center}.template-design-div{background:#fff;border:1px solid #eaeaea;border-radius:12px;width:670px;min-height:400px;display:flex;flex-direction:column}.template-sidebar-div{position:fixed;right:0;width:30%;border:1px solid;height:100vh;background-color:#fff;padding:40px 30px 70px;min-width:340px;max-width:340px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.mb25{margin-bottom:25px!important}.mb60{margin-bottom:60px!important}.website-customizer-box{display:flex;justify-content:space-between;width:75%;float:right;padding:66px 0 86px}section.website-customizer-container{margin:0 auto}section.website-customizer-container .website-customizer-info{position:absolute;top:-40px;font-size:12px;width:100%;text-align:center;display:flex;justify-content:center;gap:4px;align-items:center;opacity:1}section.website-customizer-container .website-customizer-info span{color:#fff}.db-template{width:100%;padding:29px 50px 20px;height:calc(100% - 110px);overflow-y:auto;overflow-x:hidden;background-color:#f5f5f7}.db-template>div{display:flex;flex-direction:column;align-items:center}.db-template .ds-notification{width:434px;box-sizing:border-box}.db-template .ds-notification div{width:434px}.db-template .ds-notification i{font-size:18px;color:#000}.dark-theme{position:relative;background-color:#1e1e1e;min-height:100vh;overflow:hidden;z-index:0}.dark-theme:before{content:"";position:absolute;top:50%;left:50%;width:360px;height:380px;transform:translate(-50%,-50%);background:#0047abe6;opacity:.5;filter:blur(175px);border-radius:50%;z-index:-1}.db-template .ds-notification span{font-size:12px;font-weight:600;line-height:18px;color:#000}.cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:12}.classic{--mainAccentColor: var(--accentColor);--textColor: var(--textColor);--mainBtnBorder: none;--secondaryBtnBorder: .5px solid var(--accentColor);--mainBorderRadius: 0;--fixedMenuBorderRadius: 0;--checkboxBorderRadius: 0;--cardBorder: none;--cardBackgroundColor: var(--accentColorShade);--boxshadow: none;--imageBackgroundColor: var(--accentColorShade);--cardAvatarBackgroundColor: var(--accentColorShade2);--cardAvatarBorder: none;--inputBorder: .5px solid var(--accentColor)}.flat{--mainAccentColor: var(--accentColor);--textColor: var(--textColor);--mainBtnBorder: none;--secondaryBtnBorder: .5px solid var(--accentColor);--mainBorderRadius: 4px;--fixedMenuBorderRadius: 8px;--checkboxBorderRadius: 2px;--cardBorder: .5px solid var(--accentColor);--cardBackgroundColor: var(--accentColorShade);--boxshadow: none;--imageBackgroundColor: var(--accentColorShade);--cardAvatarBackgroundColor: var(--accentColorShade2);--cardAvatarBorder: none;--inputBorder: .5px solid var(--accentColor)}.material{--mainAccentColor: var(--accentColor);--textColor: var(--textColor);--mainBtnBorder: none;--secondaryBtnBorder: none;--mainBorderRadius: 4px;--fixedMenuBorderRadius: 8px;--checkboxBorderRadius: 2px;--cardBorder: none;--cardBackgroundColor: transparent;--boxshadow: 0px 1px 2px #00000033;--imageBackgroundColor: var(--accentColorShade);--cardAvatarBackgroundColor: var(--accentColorShade2);--cardAvatarBorder: none;--inputBorder: none}.minimalistic{--mainAccentColor: var(--accentColor);--textColor: var(--textColor);--mainBtnBorder: none;--secondaryBtnBorder: .5px solid var(--accentColor);--mainBorderRadius: 0;--fixedMenuBorderRadius: 0;--checkboxBorderRadius: 0;--cardBorder: .5px solid var(--accentColor);--cardBackgroundColor: transparent;--boxshadow: none;--imageBackgroundColor: var(--accentColorShade);--cardAvatarBackgroundColor: var(--accentColorShade2);--cardAvatarBorder: none;--inputBorder: none}.brutalism{--mainAccentColor: var(--accentColor);--textColor: var(--textColor);--mainBtnBorder: .5px solid #000000;--secondaryBtnBorder: .5px solid #000000;--mainBorderRadius: 12px;--fixedMenuBorderRadius: 8px;--checkboxBorderRadius: 2px;--cardBorder: .5px solid #000000;--cardBackgroundColor: var(--accentColorShade);--imageBackgroundColor: var(--accentColorShade);--cardAvatarBackgroundColor: var(--accentColorShade2);--cardAvatarBorder: none;--inputBorder: .5px solid var(--accentColor)}.soft{--mainAccentColor: var(--accentColor);--textColor: var(--textColor);--mainBtnBorder: none;--secondaryBtnBorder: .5px solid var(--accentColor);--mainBorderRadius: 50px;--fixedMenuBorderRadius: 0;--checkboxBorderRadius: 0;--cardBorder: none;--cardBackgroundColor: var(--accentColorShade);--boxshadow: none;--imageBackgroundColor: var(--accentColorShade);--cardAvatarBackgroundColor: var(--accentColorShade2);--cardAvatarBorder: none;--inputBorder: .5px solid var(--accentColor)}.website-customizer-image-section{display:flex;gap:30px;padding:24px 36px}.website-customizer-image-section.website-customizer-full-image-section{background-color:var(--imageBackgroundColor);padding:90px 36px}.website-customizer-full-image-section .section-image-container.large-section-image-container{padding:0 70px;background:transparent}.website-customizer-image-section .section-image-container{padding:80px 120px;background-color:var(--imageBackgroundColor);border-radius:var(--mainBorderRadius)}.website-customizer-image-section .section-image-container img{width:92px}.website-customizer-image-section .large-section-main-container .subtitle{font-size:12px;font-weight:500;line-height:20px;color:var(--secondaryColor);font-family:var(--fontFamily)}.website-customizer-image-section .large-section-main-container .title{font-size:28px;font-weight:500;line-height:36px;color:#000;font-family:var(--secondaryFontFamily)}.website-customizer-image-section .large-section-main-container .description{font-size:13px;font-weight:400;line-height:22px;color:#000;font-family:var(--fontFamily);margin-top:16px;margin-bottom:16px}.website-customizer-image-section .large-section-main-container .actions{display:flex;gap:8px}.website-customizer-image-section .section-main-container{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:28px 0}.website-customizer-image-section .section-main-container .subtitle{font-size:12px;font-weight:500;line-height:20px;color:var(--secondaryColor);font-family:var(--fontFamily)}.website-customizer-image-section .section-main-container .title{font-size:28px;font-weight:500;line-height:36px;color:#000;font-family:var(--secondaryFontFamily)}.website-customizer-image-section .section-main-container .description{font-size:13px;font-weight:400;line-height:22px;color:#000;font-family:var(--fontFamily);margin-top:16px;margin-bottom:24px}.website-customizer-image-section .section-main-container .actions{display:flex;gap:16px}.website-customizer-card-section{padding:40px 36px;background-color:#fafafa}.website-customizer-card-section .section-rating-container{display:flex}.website-customizer-card-section .section-description-container{font-size:13px;font-weight:400;line-height:22px;font-family:var(--fontFamily);color:#000c}.website-customizer-cards-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.website-customizer-card-section .section-action-container{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #E3E3E3;border-radius:4px;padding:10px 16px}.website-customizer-card-section .section-action-container .section-action-user-container{display:flex;gap:16px;margin-bottom:10px}.website-customizer-card-section .section-action-container .section-action-user-container .user-avatar-container{border-radius:50px;border:var(--cardAvatarBorder);background-color:var(--cardAvatarBackgroundColor);height:35px;width:35px;display:flex;align-items:end;justify-content:center}.website-customizer-card-section .section-action-container .section-action-user-container .user-info-container div:first-child{font-size:12px;font-weight:400;line-height:22px;font-family:var(--secondaryFontFamily)}.website-customizer-card-section .section-action-container .section-action-user-container .user-info-container div:nth-child(2){font-size:10px;font-weight:300;line-height:20px;color:var(--secondaryColor);font-family:var(--fontFamily);margin-top:-6px}.website-customizer-card-section .section-actions-container{display:flex;justify-content:center;gap:4px}.dots-container{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:10px}.dot{width:8px;height:8px;background-color:#e3e3e3;border-radius:50%}.dot.active{background-color:var(--mainAccentColor)}.website-customizer-contact-section{display:flex;gap:30px;padding:30px 36px;justify-content:space-between}.website-customizer-contact-section .section-contact-container{box-sizing:border-box}.website-customizer-contact-section .section-contact-container .section-contact-header-container{font-size:28px;font-weight:500;line-height:36px;font-family:var(--secondaryFontFamily)}.website-customizer-contact-section .section-contact-container .description{font-size:13px;font-weight:400;line-height:22px;color:#000;font-family:var(--fontFamily);margin-top:12px;margin-bottom:12px}.website-customizer-contact-section .section-contact-container .contact-input-container{display:flex;flex-direction:column;margin-bottom:16px}.website-customizer-contact-section .section-contact-container .contact-input-container .input-label{font-size:12px;font-weight:600;line-height:20px;color:var(--secondaryColor);font-family:var(--fontFamily);margin-bottom:6px}.website-customizer-contact-section .section-contact-container .contact-input-container input{width:300px;box-sizing:border-box;padding:7px 16px;font-size:12px;font-weight:400;line-height:20px;border:1px solid var(--mainAccentColor);border-radius:var(--mainBorderRadius);font-family:var(--fontFamily)}.website-customizer-contact-section .section-contact-container .contact-input-container input::placeholder{font-size:12px;font-weight:400;line-height:20px}.website-customizer-contact-section .section-contact-container .contact-checkbox .custom-checkbox{position:absolute;z-index:-1}.website-customizer-contact-section .section-contact-container .contact-checkbox .custom-checkbox+label{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:9px;cursor:pointer;box-sizing:border-box;font-size:10px;font-weight:400;line-height:18px;font-family:var(--fontFamily)}.website-customizer-contact-section .section-contact-container .contact-checkbox .custom-checkbox+label span{font-family:var(--fontFamily)}.website-customizer-contact-section .section-contact-container .contact-checkbox .custom-checkbox+label:before{box-sizing:border-box;content:"";display:inline-block;width:12px;height:12px;flex-shrink:0;flex-grow:0;border:var(--secondaryBtnBorder);border-radius:var(--checkboxBorderRadius);background-color:#fff;border:1px solid var(--mainAccentColor)}.website-customizer-contact-section .section-contact-container .contact-checkbox .custom-checkbox:checked+label:before{box-sizing:border-box;border-color:var(--mainAccentColor);background-color:var(--mainAccentColor)}.website-customizer-contact-section .section-contact-container .custom-checkbox:checked+label:after{font-family:db-icons,serif!important;content:"";color:#fff;position:absolute;left:0;top:0}.website-customizer-contact-section .section-contact-image-container{padding:80px 120px;background-color:var(--imageBackgroundColor);border-radius:var(--mainBorderRadius);display:flex;align-items:center;justify-content:center}.website-customizer-contact-section .section-contact-image-container img{width:92px}.minimalistic .website-customizer-contact-section .section-contact-container .contact-checkbox .custom-checkbox:checked+label:before{background-color:transparent}.minimalistic .website-customizer-contact-section .section-contact-container .contact-checkbox .custom-checkbox:checked+label:after{color:var(--mainAccentColor)}.minimalistic .website-customizer-contact-section .section-contact-container .contact-input-container input{padding:7px 16px;border-bottom:.5px solid var(--accentColor)}.website-customizer-container{--fontFamily: var(--primaryFontFamily);background:#fff;border:1px solid #eaeaea;border-radius:12px;width:760px;min-height:400px;position:relative;display:flex;flex-direction:column}.website-customizer-container db-outline-generation-tour-banner{position:absolute;right:420px;top:106px}.website-customizer-container.selected{outline:2px solid #3339f1;pointer-events:auto}.website-customizer-container .website-customizer-notification{background:#f6f6f8;border-radius:7px 7px 0 0;padding:9px 16px 9px 9px;display:flex}.website-customizer-container .website-customizer-notification img{width:24px;position:absolute;top:1px;left:9px}.website-customizer-container .website-customizer-notification div{font-size:12px;font-weight:600;line-height:18px;letter-spacing:.1px;color:#000;position:relative;margin-left:25px}.website-customizer-container .website-customizer-body-container{display:flex;flex-direction:column;flex:1;justify-content:center;max-height:100%}.website-customizer-container .website-customizer-body-container .website-customizer-body{display:flex;flex-direction:column;position:relative;height:100%;overflow-y:auto;width:100%;box-sizing:border-box}.website-customizer-container .website-customizer-body-container .website-customizer-body .website-customizer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 36px}.website-customizer-container .website-customizer-body-container .website-customizer-header .website-customizer-header-pages ul{display:flex;list-style:none;gap:18px;font-size:14px;justify-content:center;align-items:center;font-weight:500}.website-customizer-container .website-customizer-body-container .website-customizer-body .main-btn{display:flex;align-items:center;justify-content:center;padding:7px 14px;border:var(--mainBtnBorder);background-color:var(--mainAccentColor);color:#fff;font-size:12px;font-weight:400;line-height:18px;font-family:var(--fontFamily);border-radius:var(--mainBorderRadius);box-shadow:var(--boxshadow);width:100px}.website-customizer-container .website-customizer-body-container .website-customizer-body .secondary-btn{display:flex;padding:7px 14px;justify-content:center;border:1px solid var(--mainAccentColor);background-color:#fff;color:var(--mainAccentColor);font-size:12px;font-weight:600;line-height:18px;font-family:var(--fontFamily);border-radius:var(--mainBorderRadius);width:100px}.ds-checkbox-label{margin-bottom:10px}.slider-bg{width:25%;min-height:100vh;background-color:#1e1e1e;float:left}.db-design{position:fixed;left:0;top:0;background-color:#fff;padding:40px 30px 70px;width:25%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;height:100vh;animation:slideInSt .5s ease-in-out}@keyframes slideInSt{0%{left:-350px;opacity:0}to{left:0;opacity:1}}.db-design .title{font-size:24px;font-weight:500;line-height:32px;margin-bottom:8px}.db-design .description{font-size:13px;font-weight:400;line-height:18px}.db-design .db-container-bg{background-color:#fafafa;padding:10px 14px}.db-design .title-small{font-size:11px;font-weight:400;line-height:16px;letter-spacing:2px;font-family:Evergrow Sans,sans-serif;text-transform:uppercase;color:#838383;margin-bottom:8px}.style-picker-container{margin-top:15px}.color-picker-container{margin-top:15px;display:flex;flex-direction:column}.color-picker-container .db-list{display:flex;flex-wrap:wrap;gap:10px 5px;width:100%}.color-picker-container .db-list .color-item{box-sizing:border-box;border-radius:4px;padding:5px;cursor:pointer;width:54px;height:32px;display:flex;align-items:center}.color-picker-container .db-list .color-item:hover{opacity:.5}.color-picker-container .db-list .color-item.selected{background-color:#ecebeb;border-radius:15px}.color-picker-container .color-set-container{display:flex;position:relative;width:35px;gap:4px}.color-picker-container .color-set-container .color{height:20px;min-width:20px;width:20px;border-radius:50%}.color-picker-container .color-pallet-name{width:89px;opacity:.5;color:#fff;font-size:12px;font-weight:400;line-height:18px}.font-picker-container{width:410px}.font-picker-container .header{display:flex;flex-direction:row;justify-content:space-between}.font-picker-container .header img{width:74px}.style-picker-container .db-styles{display:flex;flex-direction:column;position:relative}.style-picker-container .db-styles .db-style{cursor:pointer;display:flex;align-items:center;justify-content:space-between;height:65px;border-radius:4px;gap:12px;box-sizing:border-box;padding:17px 14px;position:relative}.style-picker-container{padding-bottom:0}.style-picker-container .db-styles .db-style:after{content:"";display:inline-block;position:absolute;z-index:1;right:0;height:1px;background-color:#e3e3e3;bottom:-1px;left:15px;width:calc(100% - 30px)}.style-picker-container .db-styles .db-style.soft:after{background-color:transparent!important}.style-picker-container .db-styles .db-style.selected{background-color:#f5f5f7}.style-picker-container .db-styles .db-style.selected:after{background-color:transparent}.style-picker-container .db-styles .db-style:hover{opacity:.5}.style-picker-container .db-styles .db-style>div{display:flex;flex-direction:column}.style-picker-container .db-styles .db-style>div .theme-title{font-size:15px;font-weight:500;line-height:20px;margin-bottom:3px}.style-picker-container .db-styles .db-style>div .theme-paragraph{color:#00000080}.style-picker-container .db-styles .db-style span{font-size:11px;font-weight:500;line-height:11px}.style-picker-container .db-styles .db-style .theme-btn{width:66px;height:23px;display:flex;align-items:center;justify-content:center;flex-direction:row}.style-picker-container .db-styles .db-style .theme-btn span{line-height:normal}.db-style.classic *{font-family:Georgia,sans-serif}.db-style.classic .theme-btn{background-color:#000;color:#fff;border-radius:0}.db-style.flat *{font-family:PT Sans,sans-serif}.db-style.flat .theme-btn{background-color:#000;color:#fff;border-radius:6px}.db-style.material *{font-family:Montserrat,sans-serif}.db-style.material .theme-btn{background-color:#000;color:#fff;border-radius:6px;box-shadow:0 2px 4px #0003}.db-style.minimalistic *{font-family:Lexend,sans-serif}.db-style.minimalistic .theme-btn{background-color:#fff;color:#000;border:1px solid #000;border-radius:0}.db-style.brutalism *{font-family:Poppins,sans-serif}.db-style.brutalism .theme-btn{background-color:#fff;color:#000;border:1px solid #000;border-radius:50px}.db-style.soft *{font-family:Poppins,sans-serif}.db-style.soft .theme-btn{background-color:#000;color:#fff;border-radius:50px}.db-actions-line{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;flex-direction:row;background-color:#00d1d1;padding:15px 50px;border-top:1px solid #eaeaea;z-index:11}.ds-btn-m:not(.ds-btn-icon){width:140px}.ds-btn-outline{border:1px solid #e6e7e8;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;height:40px;width:140px;box-sizing:border-box;border-radius:6px;padding:10px 24px;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;transition:background-color .15s linear,color .15s linear}.db-steps-progress{display:flex;justify-content:center;align-items:flex-start;gap:26px;list-style:none;padding:0;position:relative}.db-steps-progress .step{display:flex;flex-direction:column;align-items:center;position:relative;gap:8px;min-width:120px}li.step.site-right-border:after{content:"";display:inline-block;position:absolute;z-index:1;right:-14px;height:14px;background-color:#fff6;width:1px;top:0}li.step.page-right-border:after{content:"";display:inline-block;position:absolute;z-index:1;right:0;height:14px;background-color:#fff6;width:1px;top:0}.db-steps-progress .circle{width:7px;height:7px;border-radius:50%;margin-bottom:6px;z-index:1}.db-steps-progress .filled{background-color:#fff;border:2px solid #fff}.db-steps-progress .empty{border:2px solid #fff;background-color:transparent}.db-steps-progress .solid-line{position:absolute;bottom:8px;left:-63%;width:105%;height:1px;z-index:0}.db-steps-progress .dashed-line{position:absolute;bottom:8px;left:-60%;width:105%;height:1px;z-index:0}.db-steps-progress .solid{background-color:#fff}.db-steps-progress .dashed{background-image:repeating-linear-gradient(to right,#fff,#fff 4px,transparent 4px,transparent 8px)}.db-steps-progress span{font-size:14px;font-weight:500;color:#fff;text-align:center;width:max-content}.db-steps{margin:0 25px;gap:10px;display:flex;align-items:center;justify-content:center;flex-direction:row;list-style:none}.db-actions-line .db-steps li{width:160px;text-align:center;box-sizing:border-box;padding-top:8px;border-top:2px solid rgba(0,0,0)}.db-actions-line .db-steps li.active[_ngcontent-ng-c3439478402]{border-top:2px solid #000}.db-actions-line .db-steps li span{color:#0006;font-size:12px;font-weight:600;line-height:18px}.db-actions-line .db-steps li.active span{color:#000;font-size:12px;font-weight:600;line-height:18px}.ds-btn-purple-blue{background-color:#fff;color:#1e1e1e;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:4px;height:40px;width:180px;box-sizing:border-box;border:0;border-radius:6px;padding:10px 24px;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;transition:background-color .15s linear,color .15s linear}.back-generate-div{display:flex;align-items:center;justify-content:center;gap:20px}.custom-color-container{margin-top:25px}.custom-color-container .title-small{display:block;margin-bottom:8px}.logo-color-theif input{padding:14px;width:100%;opacity:0;cursor:pointer;position:relative;z-index:2}.logo-color-theif{background:#f7f7f7;border:1px solid #C8C8C8;position:relative;display:flex;border-radius:7px;height:40px}.logo-color-theif:before{content:"Upload logo to add custom colors.";text-align:center;width:100%;position:absolute;top:0;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center;z-index:0;font-size:12px;left:24px;color:#747373}.social-links-container{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.social-link-icons{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.social-link-icons img{width:35px;height:35px;cursor:pointer;opacity:1;transition:opacity .2s ease}.social-link-icons img.active{opacity:1;box-shadow:0 0 4px #00d1d1;border-radius:50%}.social-input-field{display:block;margin-top:4px;padding:8px 12px;width:100%;background-color:#ebeaea;border-radius:4px;border:none;outline:none}.social-input-field::placeholder{font-size:12px;color:#747373}.website-customizer-contact-section input,.contact-checkbox{pointer-events:none}.desc-icon.gap-3{column-gap:10px}.tggle-icon{color:#fff;font-size:20px;display:none}.tggle-icon-header{display:none;color:#1abc9c;border:1px solid #1ABC9C;padding:2px 10px;border-radius:5px;font-size:20px}.social-links-container{display:flex;flex-direction:column;align-items:center;margin-top:40px;position:relative}.social-link-icons{display:flex;position:relative;gap:20px;width:90%;margin:20px auto 0}.fixed-tooltip{position:absolute;width:100%;top:-34px;left:50%;transform:translate(-50%);background:#fff;padding:4px 10px;border-radius:6px;box-shadow:0 4px 8px #00000026}.fixed-tooltip input{border-radius:4px;padding:6px 8px;width:100%;outline:none;border:none}.tooltip-arrow{position:absolute;top:100%;border-width:7px;border-style:solid;border-color:white transparent transparent transparent;transform:translate(-50%)}.tooltip-arrow.facebook{left:10%}.tooltip-arrow.instagram{left:30%}.tooltip-arrow.twitter{left:50%}.tooltip-arrow.linkedin{left:70%}.tooltip-arrow.pinterest{left:90%}.url-error-msg{color:red;font-size:12px;align-self:flex-start}@media screen and (max-width:1400px){.social-link-icons img{width:25px;height:25px}}@media screen and (max-width:1300px){.db-actions-line .db-steps li{width:120px}.logo-color-theif:before{font-size:10px;left:17px}}@media screen and (max-width:767px){.website-customizer-box.color-temp,.color-temp .website-customizer-container{width:100%}.website-customizer-box.color-temp{padding:64px 10px 46px}.section.website-customizer-container .website-customizer-info{top:-46px}.color-temp .website-customizer-image-section{display:flex;padding:40px 20px;flex-direction:column-reverse;margin-bottom:0!important}.color-temp .website-customizer-full-image-section .section-image-container.large-section-image-container,.color-temp .website-customizer-image-section .section-main-container{padding:0}.color-temp .website-customizer-header-pages ul li{display:none!important}.color-temp .website-customizer-container .website-customizer-body-container .website-customizer-body .website-customizer-header{padding:10px}.color-temp .mb25{margin-bottom:0!important}.color-temp .website-customizer-contact-section .section-contact-container,.color-temp .website-customizer-contact-section .section-contact-image-container{margin-bottom:40px}section.website-customizer-container .website-customizer-info{align-items:baseline;gap:42px;top:-46px}.desc-icon.gap-3{align-items:baseline}.desc-icon.gap-3 svg{width:20px}.desc-icon.gap-3 .desc-para{text-align:left;font-size:12px}.tggle-icon,.tggle-icon-header{display:block}.color-temp .website-customizer-contact-section,.color-temp .website-customizer-card-section{padding:30px 20px}.color-temp .website-customizer-contact-section{display:block}.color-temp.db-actions-line{display:grid!important;row-gap:12px;padding:15px 0;margin-top:-84px;justify-content:center}.color-temp .footcol{justify-content:center}.color-temp .db-steps-progress-container{order:1}.color-temp .back-generate-div{order:2}.color-temp .footcol{order:3}.color-temp .db-steps-progress{gap:3px;margin-left:-20px}.color-temp .website-customizer-contact-section{display:flex;flex-direction:column-reverse;padding-top:40px}.color-temp .website-customizer-cards-container div.section-action-container:nth-child(2),.color-temp .website-customizer-cards-container div.section-action-container:nth-child(3){display:none}.color-temp .db-steps-progress .step{min-width:110px}.db-steps-progress .solid-line{left:-43%;width:86%;height:1px}.color-temp .website-customizer-image-section.about-sec{display:block}.color-temp .website-customizer-image-section.about-sec .section-image-container{margin-bottom:20px}.color-temp .website-customizer-contact-section .section-contact-image-container{margin-bottom:0}.color-temp .section-contact-container{margin-bottom:100px!important}.db-design{width:100%;transform:translate(-100%);transition:transform .5s ease-in-out;height:100vh;padding:16px 24px;z-index:999}.db-design.open{transform:translate(0)}.db-steps-progress span{font-size:13px}li.step.site-right-border:after{right:-7px;height:12px}li.step.page-right-border:after{right:11px;height:12px}.back-generate-div{font-size:13px}.hamburger{position:fixed;top:0;left:0;background:#1f1f1f;border:none;font-size:24px;cursor:pointer;width:50px;text-align:left;padding-left:15px;padding-top:7px;z-index:9}.template-hamburger{position:absolute;top:0;left:0;background:#1f1f1f;border:none;font-size:24px;cursor:pointer;text-align:left;z-index:9;padding-left:0;padding-top:0;width:auto}.description-sidebar-ham-icon{z-index:2}.hamburger.open{display:none}.drag-handle{z-index:1}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:22px;cursor:pointer;color:#1e1e1e}.ds-btn-m:not(.ds-btn-icon){width:110px}.ds-btn-outline{padding:8px 16px}.footcol a{align-items:center}.site-logo-main{max-height:50px}.social-links-container{margin-bottom:0}.social-link-icons{gap:20px;width:87%;margin:20px auto}.ds-btn-outline{height:32px!important}}@media (min-width: 769px){.hamburger,.close-btn{display:none}}