.navbar .dropdown,.sidebar a,.page a.link,.page .button,.page .submit,.setting-menu a{transition:var(--main-transition)}.messages .table-cell .message,.blogs .post,.blogs .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page .actions,.project .project-images .shuffle,.setting-container{display:flex}.single-message .message,.page{display:flex;flex-direction:row;align-items:flex-start}.sidebar .logo,.sidebar .logo a,.client-container,.navbar .wrapper .item,.navbar .wrapper .info,.navbar .dropdown ul.options-list li,.navbar .dropdown ul.options-list a,.page a.link,.page .button,.page .submit,.page .main-title,.projects .technologies,.project,.project .info h4,.project .info p,.project .info li>ul,.project .info li a,.project .info li,.project .project-images .shuffle button,.project .project-images .images-container,.setting-menu a{display:flex;flex-direction:row;align-items:center}.client-card .contact{display:flex;flex-direction:row;justify-content:center}.app,.navbar .dropdown ul.options-list,.sidebar nav ul,.page .page-content,.page .content,.page .form-group,.client-card,.client-details .details,.single-message .messages-container,.new-project ul .form-group label .lable,.project .info>ul,.single-post article.post{display:flex;flex-direction:column}.client-card .info,.error .message{display:flex;flex-direction:column;align-items:center}.navbar .dropdown{right:50%;transform:translate(50%)}.client-card .contact a.social-link{display:flex;justify-content:center;align-items:center}.new-project ul .form-group label{display:flex;flex-direction:column;justify-content:center;align-items:center}.page .input{display:flex;justify-content:flex-start;align-items:center}.navbar .wrapper,.page .content-head,.single-post .article-title{display:flex;justify-content:space-between;align-items:center}.widget,.clients .top{display:flex;flex-direction:row;justify-content:space-between}.widget .left,.widget .right{display:flex;flex-direction:column;justify-content:space-between}.page form,.new-project fieldset.images,.new-project ul,.project .project-images{display:flex;flex-wrap:wrap}html{scroll-behavior:smooth}:root{--primary-gradient: linear-gradient(0deg, rgba(10, 26, 61, .4), rgba(10, 26, 61, .4)), linear-gradient( 115deg, rgba(80, 93, 132, .7) -5%, rgba(56, 70, 107, .7) 40%, rgba(33, 47, 83, .7) 70%, rgba(10, 26, 61, .7) 130% ), #212f53;--light-primary: #505d84;--light-primary-container: #dae2ff;--light-on-primary: #ffffff;--light-on-primary-container: #0a1a3d;--surface-light: var(--light-primary-container);--alt-surface: linear-gradient( 135deg, #e6e9ff -50%, #f5f7ff 25%, #f2f5ff 90%, #e0e7ff 170% );--background-light: var(--light-primary);--element-light: var(--alt-surface);--text-light: var(--light-on-primary);--text-element-light: var(--dark-on-primary);--dark-primary: #b7c5f2;--dark-primary-container: #38466b;--dark-on-primary: #212f53;--dark-on-primary-container: #dae2ff;--surface-dark: #0f1628;--background-dark: var(--dark-primary);--element-dark: var(--dark-primary-container);--text-dark: var(--dark-on-primary);--text-element-dark: var(--dark-on-primary-container);--success: #0f9263;--danger: #c5182f;--warning: #b89326;--info: #009696;--main-transition: .3s;--main-border-color: #0f1628;--main-border-radius: .3125rem;--dark-shadow: 0 0 .3125rem 0 #222222bd;--light-shadow: 0 0 .3125rem 0 #22222222;--header-height: 3.5rem;--sidebar-width: 15rem;--main-padding-top: 2rem;--main-padding-bottom: 2rem}*,:after,:before{box-sizing:border-box}body{font-family:Poppins,sans-serif;position:relative;margin:0;min-width:320px;min-height:100vh}ul{list-style:none;padding:0;margin:0}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 768px) and (max-width: 991px){.container{width:750px}}@media (min-width: 992px) and (max-width: 1199px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}@media (prefers-color-scheme: light){.app{--primary: var(--light-primary);--on-primary: var(--light-on-primary);--primary-container: var(--light-primary-container);--on-primary-container: var(--dark-on-primary);--inverse-primary: var(--dark-primary);--surface: var(--surface-light);--background: var(--background-light);--background-inverse: var(--dark-on-primary-container);--element: var(--element-light);--text: var(--text-light);--text-element: var(--text-element-light);--dark: var(--on-primary-container);--main-shadow: var(--light-shadow);--scheme-color: light}.app.toggleMode{--primary: var(--dark-primary);--on-primary: var(--dark-on-primary);--primary-container: var(--dark-primary-container);--on-primary-container: var(--dark-on-primary-container);--inverse-primary: var(--light-primary);--surface: var(--surface-dark);--background: var(--background-dark);--background-inverse: var(--background-light);--element: var(--element-dark);--text: var(--text-dark);--text-element: var(--text-element-dark);--dark: var(--on-primary);--main-shadow: var(--dark-shadow);--scheme-color: dark}}@media (prefers-color-scheme: dark){.app{--primary: var(--dark-primary);--on-primary: var(--dark-on-primary);--primary-container: var(--dark-primary-container);--on-primary-container: var(--dark-on-primary-container);--inverse-primary: var(--light-primary);--surface: var(--surface-dark);--background: var(--background-dark);--background-inverse: var(--background-light);--element: var(--element-dark);--text: var(--text-dark);--text-element: var(--text-element-dark);--dark: var(--on-primary);--main-shadow: var(--dark-shadow);--scheme-color: dark}.app.toggleMode{--primary: var(--light-primary);--on-primary: var(--light-on-primary);--primary-container: var(--light-primary-container);--on-primary-container: var(--dark-on-primary);--inverse-primary: var(--dark-primary);--surface: var(--surface-light);--background: var(--background-light);--background-inverse: var(--dark-on-primary-container);--element: var(--element-light);--text: var(--text-light);--text-element: var(--text-element-light);--dark: var(--on-primary-container);--main-shadow: var(--light-shadow);--scheme-color: light}}.app{height:100vh;width:100vw;max-width:100%;color-scheme:var(--scheme-color);background:var(--surface);color:var(--text-element)}.navbar{background:var(--element);min-height:var(--header-height);font-size:.75em;display:flex;padding:0 1.5rem;position:sticky;top:0;z-index:10000000;box-shadow:var(--main-shadow)}.navbar .wrapper{flex:1}.navbar .wrapper .items{display:flex}.navbar .wrapper .item{cursor:pointer;margin-left:1.5rem;gap:.5rem;position:relative}.navbar .wrapper .info{gap:.5rem;font-size:.75rem}.navbar .wrapper .info .avatar{height:2rem;width:2rem;border-radius:50%;border:1px solid}.navbar .wrapper .info h4{margin:0}.navbar .dropdown{position:absolute;top:calc(100% + 3.5rem);background:var(--text-element);color:var(--text);padding:.625rem 1rem;border-radius:var(--main-border-radius);box-shadow:var(--main-shadow);width:100%;visibility:hidden}.navbar .dropdown.active{top:calc(100% + 1.875rem);visibility:visible}.navbar .dropdown:before{content:"";position:absolute;border:.5rem solid;border-color:transparent transparent var(--text-element) transparent;top:-1rem;right:50%;transform:translate(50%)}.navbar .dropdown ul.options-list,.navbar .dropdown ul.options-list li,.navbar .dropdown ul.options-list a{gap:.5rem}.sidebar{background:var(--primary-gradient);color:var(--light-primary-container);min-width:var(--sidebar-width);position:sticky;top:0;height:100vh}.sidebar .logo-image{max-width:1.5rem}.sidebar a{border-radius:var(--main-border-radius)}.sidebar a.active,.sidebar a:hover,.sidebar a:focus-visible{background:var(--surface);color:var(--on-primary-container)}.sidebar .logo{font-size:1.125rem;height:var(--header-height);border-bottom:.0625rem solid var(--surface);padding:0rem 1rem}.sidebar .logo a{padding:.25rem .5rem;gap:.25rem}.sidebar nav{font-size:.875rem}.sidebar nav ul{margin-top:.5rem}.sidebar nav ul a{display:block;padding:.5rem .75rem;margin:.25rem .75rem}.sidebar nav ul a span{margin-left:.5rem}.widget{flex:1;min-height:8rem;box-shadow:var(--main-shadow);padding:1.5rem;color:var(--text-light);border-radius:var(--main-border-radius)}.widget .left{font-size:.875rem}.widget .left .counter{font-size:3rem}.widget .left .link{font-size:.75rem;border-bottom:.0625rem solid;width:max-content}.widget:nth-of-type(1){background-color:#3f51b5}.widget:nth-of-type(2){background-color:#009688}.widget:nth-of-type(3){background-color:#e91e63}.tableTT{min-width:max-content;width:100%;border-collapse:collapse;font-size:.75rem;box-shadow:var(--main-shadow)}.tableTT .table-head{background-color:#b7c5f28c}.tableTT .table-head .head-cell{text-transform:capitalize;text-align:start;color:var(--dark)}.tableTT .table-head,.tableTT .table-body{border:.125rem solid}.tableTT .table-row:nth-of-type(even){background-color:#b7c5f24d}.tableTT .table-cell{height:2.5rem;padding:.3125rem .875rem}.page{overflow:auto}.page .page-content{flex:1;height:100%;max-height:100%;overflow:auto}.page .actions{gap:.875rem;padding:.5rem}.page a{text-decoration:none;color:inherit}.page button{padding:0;border:none;font-family:inherit;color:inherit;background-color:transparent;cursor:pointer}.page button,.page a{font-size:.875rem}.page a.link,.page .button,.page .submit{gap:.5rem;color:var(--text);min-width:max-content;height:2.5rem;padding:.3125rem .875rem;border-radius:var(--main-border-radius);background-color:var(--text-element)}.page a.link:disabled,.page .button:disabled,.page .submit:disabled{cursor:not-allowed;background-color:var(--background-inverse);color:var(--background)}.page a.link.danger,.page a.link.inverse,.page .button.danger,.page .button.inverse,.page .submit.danger,.page .submit.inverse{color:var(--light-on-primary)}.page a.link.inverse,.page .button.inverse,.page .submit.inverse{background-color:var(--dark)}.page a.link.danger,.page .button.danger,.page .submit.danger{background-color:var(--danger)}.page a.link:focus-visible,.page .button:focus-visible,.page .submit:focus-visible{outline-color:inherit;outline-width:.125rem;outline-style:solid}.page .submit,.page .button{border:none}.page .content{flex:1;gap:1.5rem;margin:1.5rem;position:relative}.page .content-container{border-radius:var(--main-border-radius);background:var(--element);box-shadow:var(--main-shadow);max-width:100%;padding:1.5rem;overflow:auto;flex:1}.page .content-head{margin-bottom:1.5rem}.page .main-title{margin:0;font-size:1.25rem;position:relative}.page .main-title:before{background-color:var(--inverse-primary);height:.1875rem;width:5rem}.page .main-title:after{background-color:var(--on-primary-container);height:.35rem;width:2.5rem}.page .main-title:before,.page .main-title:after{content:"";position:absolute;border-radius:10rem;bottom:-.3125rem;transform:translateY(50%)}.page form{align-items:flex-start;gap:1rem}.page form .actions{width:100%;padding:.5rem 0}.page fieldset{flex:1;border-color:inherit;border-style:solid;margin:0;border-radius:var(--main-border-radius);padding:1.5rem;line-height:1.2}.page .form-group{font-size:.75rem;gap:.3125rem}.page .form-group:not(:last-of-type){margin-bottom:1rem}.page .input{gap:.5rem;padding:.5rem .625rem;border:.0625rem solid;border-radius:var(--main-border-radius)}.page .input textarea{width:100%;min-height:10rem;flex:1}.page .input input,.page .input textarea{flex:1;border:none;outline:none;background-color:transparent;color:inherit;resize:none;font:inherit}.page .input input::placeholder,.page .input textarea::placeholder{font-family:inherit;color:inherit}.login{align-self:center;margin:auto 1.5rem}.login .actions .submit{flex:1;justify-content:center}.login .error{margin:0;background:var(--danger);color:var(--light-on-primary);border-radius:var(--main-border-radius);width:100%;opacity:1}.dashboard .widgets{display:flex;gap:1.5rem}.clients-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem}.client-card{background:var(--surface-light);box-shadow:var(--main-shadow);color:var(--dark);border-radius:calc(.0625rem + var(--main-border-radius))}.client-card .avatar-container{background:var(--dark);min-height:6.5rem;position:relative;margin-bottom:2rem;border-radius:var(--main-border-radius) var(--main-border-radius) 0 0}.client-card img{background:var(--dark);width:6rem;height:6rem;border-radius:50%;border:.3125rem solid var(--dark);object-fit:cover;position:absolute;bottom:0;right:50%;transform:translate(50%,25%)}.client-card .info .name{font-size:1.25rem;font-weight:700}.client-card .contact{border-radius:0 0 var(--main-border-radius) var(--main-border-radius);gap:.5rem;padding:.875rem;font-size:.75rem}.client-card .contact a.social-link{width:2rem;height:2rem;border-radius:50%;background:var(--dark);color:var(--surface-light)}.client-card .contact a.social-link:hover{color:var(--light-on-primary)}.client-card .actions{margin-top:.5rem;padding:0 1.5rem 1.5rem;justify-content:space-between;gap:1rem}.client-container{gap:1.5rem}.client-container .avatar-container{width:15rem;height:15rem}.client-container .avatar-container img{max-width:100%}.client-details{flex:1;font-size:.875rem;padding:1.5rem;border-radius:var(--main-border-radius)}.client-details .details{gap:.25rem}.client-details .contact{display:flex;gap:.5rem}.new-client .client-image{max-width:10rem}.new-client .client-image img{max-width:100%;margin-top:1rem}.messages .table-cell .message{max-width:6rem;display:block}.single-message .customer{display:flex;align-items:center;gap:1rem;padding:1.5rem}.single-message .customer .avatar{width:6rem;height:6rem;border-radius:50%;border:.125rem solid}.single-message .customer .name{font-style:italic;font-weight:700;font-size:1.25rem;text-transform:capitalize}.single-message .customer .email{font-size:.75rem;font-style:italic}.single-message .messages-container{gap:1.5rem;padding:1.5rem}.single-message .message{padding:1rem 1.5rem;border-radius:var(--main-border-radius);background-color:var(--background-inverse);gap:1rem;font-size:.875rem}.single-message .message .text{flex:1;line-break:anywhere}.single-message .message .date{font-size:.625rem;font-style:italic}.projects .technologies{gap:.3125rem}.new-project{font-size:.875rem}.new-project fieldset.technologies{min-width:15rem}.new-project fieldset.images .form-group{flex:1;width:5rem;padding:1rem;gap:1rem}.new-project fieldset.images img{max-width:100%;border:.0625rem solid;border-radius:var(--main-border-radius);background:var(--inverse-primary)}.new-project ul{gap:.75rem}.new-project ul li{flex-basis:30%}.new-project ul .form-group label{border-radius:var(--main-border-radius);height:5rem;min-width:5rem;border:.0625rem solid;cursor:pointer}.new-project ul .form-group label.checked{background:var(--surface)}.new-project ul .form-group label .box{display:none}.new-project ul .form-group label .lable{font-size:1.5rem;gap:.25rem}.new-project ul .form-group label .lable .title{font-size:.75rem}.project{flex-wrap:wrap;gap:1rem}.project .info{flex:1}.project .info h4,.project .info p{gap:.5rem;margin:0;min-width:9rem}.project .info li>ul,.project .info li a,.project .info li{gap:.5rem}.project .info>ul{gap:.3125rem}.project .project-images{align-content:flex-start;border-radius:var(--main-border-radius);width:18.4rem;height:18.4rem}.project .project-images .shuffle{border:.0625rem solid;border-bottom-width:0;border-radius:var(--main-border-radius) var(--main-border-radius) 0 0}.project .project-images .shuffle button{min-width:max-content;padding:.3125rem .875rem;gap:.5rem}.project .project-images .shuffle .button{border-radius:calc(var(--main-border-radius) - .0625rem) calc(var(--main-border-radius) - .0625rem) 0 0}.project .project-images .images-container{border-radius:0 0 var(--main-border-radius) var(--main-border-radius);border:.0625rem solid;width:100%}.project .project-images .images-container img{max-width:100%;max-height:100%;border-radius:0 0 calc(var(--main-border-radius) - .0625rem) calc(var(--main-border-radius) - .0625rem)}.blogs .post,.blogs .title{max-width:10rem}.new-project fieldset.basic{flex:3}.new-project fieldset.images{min-width:13rem}.new-project fieldset.images img{margin-top:.5rem;max-width:100%;border:.0625rem solid;border-radius:var(--main-border-radius);background:var(--inverse-primary)}.single-post article.post{gap:1rem}.single-post .article-title .title{margin:0}.single-post .article-title .date{font-size:.75rem}.single-post .article-details .post-image img{max-width:100%;object-fit:cover}.single-post .article-details p{padding:1rem 1.5rem;border-radius:var(--main-border-radius);background-color:var(--background-inverse);font-size:.875rem}.profile .profile-image{max-width:10rem}.profile img{max-width:100%}.setting-container{background:var(--primary-gradient);color:var(--light-primary-container);margin:1.5rem;flex:1;border-radius:var(--main-border-radius)}.setting-menu{border-radius:var(--main-border-radius);width:15rem;padding:1rem;font-size:.875rem}.setting-menu li{padding:.125rem 0rem}.setting-menu a{gap:.5rem;padding:.5rem .75rem;border-radius:var(--main-border-radius)}.setting-menu a.active,.setting-menu a:hover,.setting-menu a :focus-visible{background:var(--surface);color:var(--on-primary-container)}.setup-side{flex:1;background:var(--element);color:var(--on-primary-container);padding:1.5rem;border-radius:0 var(--main-border-radius) var(--main-border-radius) 0}.general-setup fieldset.logo img{max-width:6rem;margin-top:1rem}.hero-setup fieldset.hero-display{min-width:50%}.about-setup .about-image img{margin-top:1rem;max-width:10rem}.error{align-self:center;margin:auto 1.5rem}.error h1{margin:0;font-size:2.5rem}.error h2{margin-top:0;font-size:1.25rem}.error .message{text-align:center;justify-content:space-between;min-width:16rem;min-height:12rem}