:root{--max-width: 90%}section.start-templates .content-top{max-width:var(--max-width);margin:0 auto;position:relative}section.start-templates .content-top .mycontainer{background:#000f44;border-radius:12px;padding:34px 37px;margin-bottom:28px;position:relative;z-index:2}section.start-templates .content-top .mycontainer .boxes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;justify-content:center;width:100%}section.start-templates .content-top .mycontainer .boxes .col1{display:none}section.start-templates .content-top .mycontainer .boxes .col2 h2{margin:0;color:#fff;font-size:30px;font-style:normal;font-weight:700;line-height:normal}section.start-templates .content-top .mycontainer .boxes .col2 h2 span{color:#ff8e00}section.start-templates .content-top .mycontainer .boxes .col3{display:flex;display:none;flex-wrap:wrap;justify-content:space-between}section.start-templates .content-top .mycontainer .boxes .col3 select{min-width:130px;border-radius:100px;background:#000f44;border:1px solid #d3d3d3;color:#fff;font-size:15px;font-style:normal;font-weight:400;line-height:normal;background-size:16px 16px;background-position:right 17px top 55%;padding:10px 17px}section.start-templates .content-top .mycontainer .boxes .col3 .dropdown1{position:relative}section.start-templates .content-top .mycontainer .boxes .col3 .dropdown1 select{margin-right:6px;height:43px}section.start-templates .content-top .mycontainer .boxes .col3 .dropdown1::before{content:url(../images/starter-templates/arrow-down-alt.png);position:absolute;right:25px;bottom:13px}section.start-templates .content-top .mycontainer .boxes .col3 .dropdown3{position:relative}section.start-templates .content-top .mycontainer .boxes .col3 .dropdown3 select{height:43px}section.start-templates .content-top .mycontainer .boxes .col3 .dropdown3::before{content:url(../images/starter-templates/arrow-down-alt.png);position:absolute;right:20px;bottom:12px}section.start-templates .content-top img.decor1{position:absolute;right:-50px;bottom:12px;z-index:1}section.start-templates .content-main{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;gap:35px;padding-bottom:90px}section.start-templates .content-main aside{width:353px;height:100%;position:relative;position:sticky;top:0}section.start-templates .content-main aside .mycontainer{background:#fff;border-radius:12px;margin:0 auto;padding:25px;position:relative;z-index:2}section.start-templates .content-main aside .mycontainer span.title{display:block;color:#000;font-size:20px;font-style:normal;font-weight:700;line-height:normal}section.start-templates .content-main aside .mycontainer span.desc{display:block;color:#000;font-size:15px;font-style:normal;font-weight:400;line-height:normal}section.start-templates .content-main aside .mycontainer .box-search{margin-top:23px;position:relative;border-bottom:1px solid #eaeaea;padding-bottom:33px;margin-bottom:33px}section.start-templates .content-main aside .mycontainer .box-search input{width:290px;width:100%;height:40px;border-radius:100px;border:1px solid #d3d3d3;color:#b2b2b2;color:#000;font-size:15px;font-style:normal;font-weight:400;line-height:normal;padding:10px 23px}section.start-templates .content-main aside .mycontainer .box-search .box-btn button{border:none;background:rgba(0,0,0,0);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px 2px;position:absolute;top:2px;right:20px;cursor:pointer}section.start-templates .content-main aside .mycontainer span.cat{display:block;margin-bottom:24px;color:#000;font-size:20px;font-style:normal;font-weight:700;line-height:normal}section.start-templates .content-main aside .mycontainer form .box-checkbox input{width:16px;height:16px;flex-shrink:0;border-radius:5px;border:1px solid #707070;background:#fff;margin-right:14px}section.start-templates .content-main aside .mycontainer form .box-checkbox label{color:#000;font-size:15px;font-style:normal;font-weight:400;line-height:40px}section.start-templates .content-main aside img.decor2{position:absolute;right:-12px;bottom:-6px;z-index:2}section.start-templates .content-main aside img.decor3{position:absolute;left:-30px;bottom:-20px;z-index:2;z-index:1}section.start-templates .content-main aside img.decor4{position:absolute;left:-140px;bottom:-30px;z-index:1}section.start-templates .content-main main{width:calc(100% - 353px - 35px)}section.start-templates .content-main main .mycontainer{display:flex;flex-wrap:wrap;justify-content:space-between;justify-content:flex-start;gap:25px}section.start-templates .content-main main .mycontainer .demo{cursor:pointer;width:calc(32.6% - 17px);width:calc(33.33% - 17px);margin-bottom:10px}section.start-templates .content-main main .mycontainer .demo .box-image img{width:100%;border-radius:15px;box-shadow:0px 0px 35px -8px rgba(0,0,0,.24);transform:translateY(0);transition:all .3s ease-out}section.start-templates .content-main main .mycontainer .demo .box-image img:hover{transform:translateY(3px);box-shadow:none}section.start-templates .content-main main .mycontainer .demo .box-content .top-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 0;margin:8px 0;position:relative}section.start-templates .content-main main .mycontainer .demo .box-content .top-content span.title{display:block;text-align:left;color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:28px;padding-right:60px;padding-right:120px}section.start-templates .content-main main .mycontainer .demo .box-content .top-content span.label-recommended{display:block;text-align:center;color:#fff;font-size:12px;font-style:normal;font-weight:600;line-height:22px;background:linear-gradient(45deg, #000f44, #ff8e00);padding:0 8px;border-radius:20px;position:absolute;right:0;top:0}section.start-templates .content-main main .mycontainer .demo .box-content .top-content span.label{display:block;text-align:center;color:#fff;font-size:12px;font-style:normal;font-weight:600;line-height:22px;background:#000f44;padding:0 8px;border-radius:20px;width:45px;position:absolute;right:0;top:0}section.start-templates .content-main main .mycontainer .demo .box-content .bottom-content p{font-size:12px;font-weight:400;line-height:1.4em;letter-spacing:0em;margin:0}section.start-templates .content-main main .box-load-more{margin:60px 0 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}section.start-templates .content-main main .box-load-more button{position:relative;border:none;cursor:pointer;padding:10px 30px;background:#ff8f00;color:#fff;font-size:15px;font-style:normal;font-weight:700;line-height:normal;border-radius:20px;display:block;text-decoration:none;text-align:center;transition:width 1s ease,padding-right 1s ease}section.start-templates .content-main main .box-load-more button .box-bubble dotlottie-player{display:none;width:130px;height:130px;position:absolute;top:-69px}section.start-templates .content-main main .box-load-more button.active{display:block}section.start-templates .content-main main .box-load-more button.active .circle{display:inline-block;width:10px;height:10px;border-radius:10px;background-color:#fff;margin-left:3px}section.start-templates .content-main main .box-load-more button.active .box-bubble{margin-left:10px;position:relative;bottom:8px}section.start-templates .content-main main .box-load-more button.active .box-bubble .circle:nth-last-child(1){animation:animationLoadMore .6s .1s linear infinite}section.start-templates .content-main main .box-load-more button.active .box-bubble .circle:nth-last-child(2){animation:animationLoadMore .6s .2s linear infinite}section.start-templates .content-main main .box-load-more button.active .box-bubble .circle:nth-last-child(3){animation:animationLoadMore .6s .3s linear infinite}@keyframes animationLoadMore{0%{transform:translate(0, 0)}50%{transform:translate(0, 10px)}100%{transform:translate(0, 0)}}@media only screen and (max-width: 1300px){section.start-templates .content-top .mycontainer .boxes{flex-direction:column;gap:15px}section.start-templates .content-top .mycontainer .boxes .col1{display:none}}@media only screen and (max-width: 1200px){section.start-templates{overflow:hidden}section.start-templates .content-top .mycontainer .boxes{flex-direction:column}section.start-templates .content-top .mycontainer .boxes .col3{margin-top:12px;gap:15px}section.start-templates .content-top img.decor1{bottom:121px;bottom:48px}section.start-templates .content-main main .mycontainer .demo{width:calc(50% - 17px)}section.start-templates .content-top{padding:12px 0}section.start-templates .content-main{padding:12px 0}section.start-templates .content-main main .mycontainer .demo img{height:363px}}@media only screen and (max-width: 992px){section.start-templates .content-main aside{width:100%}section.start-templates .content-main main{width:100%}section.start-templates .content-main main img.decor1{bottom:121px;bottom:88px}}@media only screen and (max-width: 768px){section.start-templates .content-main main .mycontainer .demo img{height:auto}}@media only screen and (max-width: 480px){section.start-templates .content-main main .mycontainer .demo{width:100%}}@font-face{font-family:"DM Sans";font-style:normal;font-weight:100;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-Thin.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:italic;font-weight:100;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-ThinItalic.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:normal;font-weight:200;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-ExtraLight.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:italic;font-weight:200;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-ExtraLightItalic.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:normal;font-weight:300;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-Light.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:italic;font-weight:300;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-LightItalic.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-Regular.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:italic;font-weight:400;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-Italic.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-Medium.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:italic;font-weight:500;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-MediumItalic.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-SemiBold.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:italic;font-weight:600;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-SemiBoldItalic.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-Bold.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:italic;font-weight:700;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-BoldItalic.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:normal;font-weight:800;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-ExtraBold.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:italic;font-weight:800;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-ExtraBoldItalic.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:normal;font-weight:900;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-Black.ttf") format("truetype");font-display:swap}@font-face{font-family:"DM Sans";font-style:italic;font-weight:900;src:local("DM Sans"),url("../fonts/DM_Sans/static/DMSans-BlackItalic.ttf") format("truetype");font-display:swap}@font-face{font-family:"Manrope";font-style:normal;font-weight:400;src:local("Manrope"),url("../fonts/Manrope/static/Manrope-Regular.ttf") format("truetype");font-display:swap}@font-face{font-family:"Manrope";font-style:normal;font-weight:700;src:local("Manrope"),url("../fonts/Manrope/static/Manrope-Bold.ttf") format("truetype");font-display:swap}section.list-demo .content-top{max-width:var(--max-width);margin:0 auto;position:relative}section.list-demo .content-top .mycontainer{background:#000f44;border-radius:12px;padding:34px 37px;margin-bottom:28px;position:relative;z-index:2}section.list-demo .content-top .mycontainer .boxes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;justify-content:center;width:100%}section.list-demo .content-top .mycontainer .boxes .col1{display:none}section.list-demo .content-top .mycontainer .boxes .col2 h2{margin:0;color:#fff;font-size:30px;font-style:normal;font-weight:700;line-height:normal}section.list-demo .content-top .mycontainer .boxes .col2 h2 span{color:#ff8e00}section.list-demo .content-top .mycontainer .boxes .col3{display:flex;display:none;flex-wrap:wrap;justify-content:space-between}section.list-demo .content-top .mycontainer .boxes .col3 select{min-width:130px;border-radius:100px;background:#000f44;border:1px solid #d3d3d3;color:#fff;font-size:15px;font-style:normal;font-weight:400;line-height:normal;background-size:16px 16px;background-position:right 17px top 55%;padding:10px 17px}section.list-demo .content-top .mycontainer .boxes .col3 .dropdown1{position:relative}section.list-demo .content-top .mycontainer .boxes .col3 .dropdown1 select{margin-right:6px;height:43px}section.list-demo .content-top .mycontainer .boxes .col3 .dropdown1::before{content:url(../images/starter-templates/arrow-down-alt.png);position:absolute;right:25px;bottom:13px}section.list-demo .content-top .mycontainer .boxes .col3 .dropdown3{position:relative}section.list-demo .content-top .mycontainer .boxes .col3 .dropdown3 select{height:43px}section.list-demo .content-top .mycontainer .boxes .col3 .dropdown3::before{content:url(../images/starter-templates/arrow-down-alt.png);position:absolute;right:20px;bottom:12px}section.list-demo .content-top img.decor1{position:absolute;right:-50px;bottom:12px;z-index:1}section.list-demo .content-main{margin:0 auto;display:flex;flex-wrap:wrap;gap:35px;}section.list-demo .content-main aside{width:353px;height:100%;position:relative;position:sticky;top:0}section.list-demo .content-main aside .mycontainer{background:#fff;border-radius:12px;margin:0 auto;padding:25px;position:relative;z-index:2}section.list-demo .content-main aside .mycontainer span.title{display:block;color:#000;font-size:20px;font-style:normal;font-weight:700;line-height:normal}section.list-demo .content-main aside .mycontainer span.desc{display:block;color:#000;font-size:15px;font-style:normal;font-weight:400;line-height:normal}section.list-demo .content-main aside .mycontainer .box-search{margin-top:23px;position:relative;border-bottom:1px solid #eaeaea;padding-bottom:33px;margin-bottom:33px}section.list-demo .content-main aside .mycontainer .box-search input{width:290px;width:100%;height:40px;border-radius:100px;border:1px solid #d3d3d3;color:#b2b2b2;color:#000;font-size:15px;font-style:normal;font-weight:400;line-height:normal;padding:10px 23px}section.list-demo .content-main aside .mycontainer .box-search .box-btn button{border:none;background:rgba(0,0,0,0);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px 2px;position:absolute;top:2px;right:20px;cursor:pointer}section.list-demo .content-main aside .mycontainer span.cat{display:block;margin-bottom:24px;color:#000;font-size:20px;font-style:normal;font-weight:700;line-height:normal}section.list-demo .content-main aside .mycontainer form .box-checkbox input{width:16px;height:16px;flex-shrink:0;border-radius:5px;border:1px solid #707070;background:#fff;margin-right:14px}section.list-demo .content-main aside .mycontainer form .box-checkbox label{color:#000;font-size:15px;font-style:normal;font-weight:400;line-height:40px}section.list-demo .content-main aside img.decor2{position:absolute;right:-12px;bottom:-6px;z-index:2}section.list-demo .content-main aside img.decor3{position:absolute;left:-30px;bottom:-20px;z-index:2;z-index:1}section.list-demo .content-main aside img.decor4{position:absolute;left:-140px;bottom:-30px;z-index:1}section.list-demo .content-main main .mycontainer{display:flex;flex-wrap:wrap;justify-content:space-between;justify-content:flex-start;gap:25px}section.list-demo .content-main main .mycontainer .demo{cursor:pointer;width:calc(32.6% - 17px);width:calc(33.33% - 17px);width:calc(25% - 19px);margin-bottom:10px}section.list-demo .content-main main .mycontainer .demo .box-image img{width:100%;border-radius:15px;box-shadow:0px 0px 35px -8px rgba(0,0,0,.24);transform:translateY(0);transition:all .3s ease-out}section.list-demo .content-main main .mycontainer .demo .box-image img:hover{transform:translateY(3px);box-shadow:none}section.list-demo .content-main main .mycontainer .demo .box-content .top-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 0;margin:8px 0;position:relative}section.list-demo .content-main main .mycontainer .demo .box-content .top-content span.title{display:block;text-align:left;color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:28px;text-align:center;margin:0;padding:0;margin-bottom:8px;color:#000f44;font-family:"DM Sans";font-size:28px;font-weight:900;line-height:1.3em;letter-spacing:-0.07em;text-align:center;display:inline-block;width:100%}section.list-demo .content-main main .mycontainer .demo .box-content .top-content span.label-recommended{display:block;text-align:center;color:#fff;font-size:12px;font-style:normal;font-weight:600;line-height:22px;background:linear-gradient(45deg, #000f44, #ff8e00);padding:0 8px;border-radius:20px;position:absolute;right:0;top:0;display:none}section.list-demo .content-main main .mycontainer .demo .box-content .top-content span.label{display:block;text-align:center;color:#fff;font-size:12px;font-style:normal;font-weight:600;line-height:22px;background:#000f44;padding:0 8px;border-radius:20px;width:45px;position:absolute;right:0;top:0}section.list-demo .content-main main .mycontainer .demo .box-content .bottom-content b,section.list-demo .content-main main .mycontainer .demo .box-content .bottom-content strong{color:#000;font-weight:800}section.list-demo .content-main main .mycontainer .demo .box-content .bottom-content p{font-size:12px;font-weight:400;line-height:1.4em;letter-spacing:0em;margin:0;text-align:center;font-family:"Manrope";font-size:13px;font-weight:400;font-style:normal;line-height:1.5em;color:#555}section.list-demo .content-main main .box-load-more{margin:60px 0 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}section.list-demo .content-main main .box-load-more button{position:relative;border:none;cursor:pointer;padding:10px 30px;background:#ff8f00;color:#fff;font-size:15px;font-style:normal;font-weight:700;line-height:normal;border-radius:20px;display:block;text-decoration:none;text-align:center;transition:width 1s ease,padding-right 1s ease}section.list-demo .content-main main .box-load-more button .box-bubble dotlottie-player{display:none;width:130px;height:130px;position:absolute;top:-69px}section.list-demo .content-main main .box-load-more button.active{display:block}section.list-demo .content-main main .box-load-more button.active .circle{display:inline-block;width:10px;height:10px;border-radius:10px;background-color:#fff;margin-left:3px}section.list-demo .content-main main .box-load-more button.active .box-bubble{margin-left:10px;position:relative;bottom:8px}section.list-demo .content-main main .box-load-more button.active .box-bubble .circle:nth-last-child(1){animation:animationLoadMore .6s .1s linear infinite}section.list-demo .content-main main .box-load-more button.active .box-bubble .circle:nth-last-child(2){animation:animationLoadMore .6s .2s linear infinite}section.list-demo .content-main main .box-load-more button.active .box-bubble .circle:nth-last-child(3){animation:animationLoadMore .6s .3s linear infinite}@keyframes animationLoadMore{0%{transform:translate(0, 0)}50%{transform:translate(0, 10px)}100%{transform:translate(0, 0)}}@media only screen and (max-width: 1300px){section.list-demo .content-top .mycontainer .boxes{flex-direction:column;gap:15px}section.list-demo .content-top .mycontainer .boxes .col1{display:none}}@media only screen and (max-width: 1200px){section.list-demo{overflow:hidden}section.list-demo .content-top .mycontainer .boxes{flex-direction:column}section.list-demo .content-top .mycontainer .boxes .col3{margin-top:12px;gap:15px}section.list-demo .content-top img.decor1{bottom:121px;bottom:48px}section.list-demo .content-main main .mycontainer .demo{width:calc(50% - 17px);width:calc(33% - 15px)}section.list-demo .content-top{padding:12px 0}section.list-demo .content-main{padding:12px 0}}@media only screen and (max-width: 992px){section.list-demo .content-main aside{width:100%}section.list-demo .content-main main{width:100%}section.list-demo .content-main main img.decor1{bottom:121px;bottom:88px}}@media only screen and (max-width: 768px){section.list-demo .content-main main .mycontainer .demo{width:calc(50% - 15px)}section.list-demo .content-main main .mycontainer .demo img{height:auto}}@media only screen and (max-width: 480px){section.list-demo .content-main main .mycontainer .demo{width:100%}}/*# sourceMappingURL=starter-templates.min.css.map */