body{color:var(--foreground);background:var(--background);font-family:Syne,sans-serif;background-color:var(--bg-color-2)}:root{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}.container{max-width:1436px;padding:0 20px;margin:0 auto}a{text-decoration:none;color:#000}main{padding-top:107px;overflow:hidden}@media screen and (max-width:600px){main{padding:80px 0 0}}section{transition:.3s}a,button,li{cursor:pointer}button,input,select,textarea{background-color:transparent;border:none;outline:none}ul{list-style-type:none}.mf-cursor{color:var(--secondary-color);z-index:1000}@media screen and (max-width:870px){.mf-cursor{display:none}}:root[data-theme=light]{--text-color:#18171c;--text-light-color:#666;--primary-color:#8670ef;--secondary-color:#fad764;--secondary-bg-color:#f6f6f6;--bg-color:#f3f3f3;--bg-color-2:#f8f9fa;--lightgray:#d4d4d4;--border-color:#d9d9d9}:root[data-theme=dark]{--text-color:#fff;--text-light-color:#e3e1e1;--primary-color:#8670ef;--secondary-color:#fad764;--secondary-bg-color:#f6f6f6;--bg-color:#1f1e1f;--bg-color-2:#1f1e1f;--lightgray:#fff;--border-color:#656565}.navbar{position:fixed;width:100%;z-index:1000;padding:25px 0;background-color:var(--bg-color-2)}@media screen and (max-width:1090px){.navbar{border-bottom:1px solid var(--lightgray)}}@media screen and (max-width:870px){.navbar{padding:20px 0}}@media screen and (max-width:678px){.navbar{padding:17px 0}}.navbar .container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:230px}@media screen and (max-width:1310px){.navbar .container{gap:100px}}@media screen and (max-width:1170px){.navbar .container{gap:50px}}@media screen and (max-width:1130px){.navbar .container{gap:0}}.navbar__logo{font-size:40px;font-weight:700;font-family:Syne,sans-serif}.navbar__logo a{color:var(--text-color)}.navbar__logo span{color:var(--primary-color)}.navbar__menu{display:flex;align-items:center;justify-content:space-between;flex-grow:1;background-color:var(--bg-color-2)}@media screen and (max-width:1090px){.navbar__menu{position:absolute;padding:30px;top:101px;right:-100%;width:350px;height:100vh;flex-direction:column;justify-content:flex-start;align-items:flex-start;transition:.3s}}@media screen and (max-width:870px){.navbar__menu{top:89px}}@media screen and (max-width:678px){.navbar__menu{width:100%;align-items:center;top:82.8px}}.navbar__list{display:flex;flex-direction:row;align-items:center;justify-content:center}@media screen and (max-width:1090px){.navbar__list{flex-direction:column;gap:30px;align-items:flex-start}}@media screen and (max-width:678px){.navbar__list{align-items:center}}.navbar__list--item{position:relative;padding:10px 23px;font-family:Syne,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:27px;text-transform:capitalize;text-align:left}.navbar__list--item,.navbar__list--item a{color:var(--text-color)}.navbar__list--item a:hover,.navbar__list--item:hover{color:var(--primary-color)}.navbar__list--item i{margin-left:5px}.navbar__right{display:flex;align-items:center;gap:15px}@media screen and (max-width:1090px){.navbar__right{margin-top:30px;padding-left:20px;flex-direction:row-reverse}}.navbar .primary-btn{padding:13px 25px;border-radius:10px}.burger{display:none;padding:10px}.burger i{font-size:25px;color:var(--text-color)}@media screen and (max-width:1090px){.burger{display:flex}}.open{right:0}.shrink{transition:.3s;padding:10px 5px!important;-webkit-box-shadow:0 5px 10px 2px rgba(34,60,80,.2);-moz-box-shadow:0 5px 10px 2px rgba(34,60,80,.2);box-shadow:0 5px 10px 2px rgba(34,60,80,.2)}.shrink .navbar__menu{top:69px}.footer{padding:100px 0 0}.footer .container{display:flex;align-items:center;justify-content:space-between;gap:30px}@media screen and (max-width:960px){.footer .container{flex-direction:column;gap:50px}}.footer .title{max-width:475px;font-size:50px}@media screen and (max-width:1170px){.footer .title{font-size:40px;line-height:45px}}@media screen and (max-width:960px){.footer .title{max-width:100%;text-align:center}}.footer__data{max-width:590px}@media screen and (max-width:960px){.footer__data{max-width:100%;width:100%;text-align:center}}.footer__list{margin-bottom:30px}.footer__list--item{padding:25px 0;display:flex;align-items:center;justify-content:flex-start;gap:20px;border-bottom:1px solid #ddd}@media screen and (max-width:425px){.footer__list--item{overflow:hidden}}.footer__list p{color:var(--text-light-color);font-family:Mulish,sans-serif;font-size:16px;font-weight:700;line-height:26px;letter-spacing:0;text-align:left;text-transform:uppercase;margin-bottom:8px}@media screen and (max-width:1170px){.footer__list p{font-size:14px;line-height:20px}}.footer__list h6{color:var(--text-color);font-family:Syne,sans-serif;font-size:22px;font-weight:700;line-height:32px;letter-spacing:0;text-align:left}@media screen and (max-width:1170px){.footer__list h6{font-size:18px;line-height:20px}.footer__list svg{width:60px}}.footer__links{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}@media screen and (max-width:960px){.footer__links{justify-content:center}}.footer__links li{background-color:#fff;border:1px solid var(--text-color);padding:10px;border-radius:50%;transition:.3s}.footer__links li:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.footer__links li:hover svg{color:#fff}.footer__links li a{display:flex;align-items:center;justify-content:center}.footer__links li svg{font-size:22px}.footer__contact{display:flex;align-items:center;justify-content:center;flex-grow:1}.footer__form{width:100%;width:650px;height:650px;padding:80px;border-radius:50%;border:1px solid var(--text-color)}@media screen and (max-width:1270px){.footer__form{width:600px;height:600px}}@media screen and (max-width:1170px){.footer__form{width:550px;height:550px}}@media screen and (max-width:1080px){.footer__form{width:500px;height:500px}}@media screen and (max-width:550px){.footer__form{max-width:100%;width:100%;padding:40px 0;border:none}}.footer__form--title{color:var(--text-color);font-family:Syne,sans-serif;font-size:40px;font-weight:700;line-height:50px;letter-spacing:0;text-align:center;margin-bottom:10px}@media screen and (max-width:1170px){.footer__form--title{font-size:30px;line-height:40px}}.footer__form textarea,.footer__form--input{width:100%;padding:17px 0;color:var(--text-light-color);font-family:Mulish,sans-serif;font-size:16px;font-weight:600;line-height:20px;letter-spacing:0;text-align:left;border-bottom:1px solid var(--text-color);margin-bottom:20px}@media screen and (max-width:1170px){.footer__form textarea,.footer__form--input{font-size:14px;line-height:18px;margin-bottom:10px}}.footer__form textarea{height:100px;resize:none}@media screen and (max-width:1170px){.footer__form textarea{height:80px;margin-bottom:20px}}.footer__btn{position:relative;left:75%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;color:var(--text-color);text-align:center;font-family:Mulish,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:150px;text-transform:uppercase;border-radius:50%;z-index:22}@media screen and (max-width:1170px){.footer__btn{width:120px;height:120px}}@media screen and (max-width:550px){.footer__btn{margin-top:20px;border:none;left:0}}.footer__btn:hover:after{top:0;left:0}.footer__btn:before{top:0;left:0;border-radius:50%;z-index:11;border:1px solid var(--text-color)}.footer__btn:after,.footer__btn:before{position:absolute;content:"";width:100%;height:100%;transition:.3s}.footer__btn:after{top:-5px;left:-5px;border-radius:50%;background-color:#fad764;z-index:-1}.footer__bottom{margin-top:100px;padding:20px;background-color:#000;font-family:Mulish,sans-serif;font-size:16px;font-weight:700;line-height:26px;letter-spacing:0;text-align:center;color:#fff}@media screen and (min-width:350px){.footer__bottom{padding:20px 10px;font-size:14px}}.color-mode{padding:15px;border-radius:10px;border:1.5px solid var(--text-color)}.color-mode:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.color-mode:hover svg{color:#fff}.color-mode svg{font-size:20px;color:var(--text-color)!important}.spinner-wrap{width:100%;display:flex;align-items:center}.spinner-wrap.full{justify-content:center;height:100vh;width:100%;position:fixed;left:0;top:0;z-index:10;background-color:hsla(0,0%,100%,.7)}.spinner-wrap.absolute{position:absolute;left:0;top:0;justify-content:center;height:100%;background-color:hsla(0,0%,100%,.8)}.spinner-wrap.center{justify-content:center}.spinner-wrap.end{justify-content:flex-end}.spinner-wrap.start{justify-content:flex-start}.spinner-wrap.md .spinner{width:35px;height:35px}.spinner{display:inline-block;width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,103,93,.2);border-top:3px solid var(--orange);animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}.profile-bar__banner{position:relative}.profile-bar__banner .edit-icon{border:1px solid #ececec;width:35px;height:35px;content:"";background-color:#fff;border-radius:100px;background-position:50%;background-repeat:no-repeat;position:absolute;right:20px;top:20px;z-index:2}.backtop{position:fixed;z-index:900;padding:10px;right:20px;bottom:30px;width:55px;height:55px;border-radius:15px;border:1px solid var(--primary-color);background-color:var(--primary-color);transition:.3s}.backtop svg{width:100%;fill:#fff;transform:scale(1.2)}.admin-navbar{position:fixed;top:0;right:0;padding:15.5px 20px;width:calc(100% - 250px);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);transition:all .3s ease}.admin-navbar *{color:#fff}.admin-navbar.navbar-toggle{width:100%}.admin-navbar .admin-toggle svg{font-size:20px;fill:var(--text-color)}.admin-navbar .admin-toggle svg,.admin-navbar--theme .color-mode{width:30px;height:30px;padding:5px;border:1px solid #7e7e7e;border-radius:5px}.admin-navbar--theme .color-mode{display:flex;align-items:center;justify-content:center}.admin-navbar--theme .color-mode svg{font-size:15px;fill:var(--text-color)}.admin-navbar--theme .color-mode:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.admin-avatar{position:relative;width:32px;border-radius:50%}.admin-avatar img{cursor:pointer;border-radius:50%}.admin-avatar-menu{position:absolute;top:50px;right:10px;border-radius:5px;background-color:var(--bg-color-2);border:1px solid #7e7e7e;padding:10px;width:200px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:none;opacity:0;z-index:100;transition:opacity .3s ease,visibility .3s ease}.admin-avatar-menu li{list-style:none;margin-bottom:10px}.admin-avatar-menu li a{color:var(--text-color);text-decoration:none;display:block}.admin-avatar-menu li a:hover{color:var(--primary-color)}.admin-avatar-menu.toggle{display:block;opacity:1}.sidebar{width:250px;position:fixed;top:0;left:0;z-index:20;height:100vh;padding:10px 0;overflow-y:auto;background-color:var(--bg-color);border-right:1px solid var(--border-color);transition:all .3s ease}.sidebar__logo{padding-top:6px;padding-bottom:10px;padding-left:20px;color:#fff;font-size:25px;font-weight:700;font-family:Syne,sans-serif;border-bottom:1px solid var(--border-color)}.sidebar__logo a{color:var(--text-color)}.sidebar__logo a .text-primary{color:var(--primary-color)}.sidebar.toggle-sidebar{left:-100%}.sidebar .sidebar__close{position:absolute;top:10px;right:10px;cursor:pointer}.sidebar .nav{display:flex;flex-direction:column;justify-content:space-between;margin-top:1rem;padding:10px}.sidebar .nav .menu-label{padding:0 .75rem;font-size:.75rem;color:#e2e8f0;text-transform:uppercase;display:flex}.sidebar .nav .nav-item{display:flex;align-items:center;padding:5px 10px;margin-block:2px;color:var(--border-color);transition:background-color .3s ease,color .3s ease;border-radius:.375rem;cursor:pointer}.sidebar .nav .nav-item:hover{background-color:#e7e3fc}.sidebar .nav .nav-item:hover *{color:#8670ef!important}.sidebar .nav .nav-item.active{background-color:var(--primary-color)}.sidebar .nav .nav-item.active *{color:#fff!important}.sidebar .nav .nav-item .icon{color:#8d8d8d;font-size:20px}.sidebar .nav .nav-item .nav-item-name{margin-left:.5rem;font-size:1.125rem;font-weight:500;color:#8d8d8d}.admin-layout{width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;background-color:var(--bg-color-2)}.admin-layout main{position:absolute;top:0;right:0;width:calc(100% - 250px);padding:50px 0 0;transition:all .3s ease}.admin-layout .admin-content{width:100%}.admin-container{padding:30px;height:100%}.service-wrapper{width:100%;max-width:100%}.service-wrapper .service-card:last-child{margin-bottom:0}.service-card{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:50px;transition:.3s}.service-card:hover{border-color:var(--primary-color)}.service-card:hover .service-card-icon{background-color:var(--secondary-color)}.service-card div{display:flex}@media screen and (max-width:400px){.service-card div{flex-direction:column}}.service-card-content{flex-direction:column;margin-inline:30px}@media screen and (max-width:400px){.service-card-content{margin-inline:0}}.service-card h4{color:var(--primary-color);font-family:Syne,sans-serif;font-size:34px;font-style:normal;font-weight:700;line-height:45px}@media screen and (max-width:530px){.service-card h4{font-size:24px;line-height:35px}}@media screen and (max-width:400px){.service-card h4{margin-bottom:20px}}.service-card span{color:#666;font-family:Mulish,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:26px;text-transform:uppercase;margin-bottom:16px}.service-card p{color:var(--text-color);font-family:Syne,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:42px}@media screen and (max-width:530px){.service-card p{font-size:28px;line-height:35px}}@media screen and (max-width:480px){.service-card p{font-size:20px;line-height:30px}}@media screen and (max-width:400px){.service-card p{font-size:16px;line-height:20px}}.service-card-icon{padding:13px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;transition:.3s}.service-card svg{font-size:21px}.details-wrapper{width:50%}@media screen and (max-width:630px){.details-wrapper{width:100%}}.details-title{color:var(--text-color);font-family:Syne,sans-serif;font-size:35px;font-weight:700;line-height:45px;letter-spacing:0;text-align:left;margin-bottom:40px}.details-item{display:flex;padding:24px 0 20px;border-top:2px solid #ddd}.details-item:hover{border-color:var(--primary-color)}@media screen and (max-width:860px){.details-item{flex-direction:column}}@media screen and (max-width:630px){.details-item{flex-direction:row}}@media screen and (max-width:450px){.details-item{flex-direction:column}}.details-time{width:150px;color:var(--primary-color);font-family:Mulish,sans-serif;font-size:16px;font-weight:600;line-height:26px;letter-spacing:0;text-align:left}@media screen and (max-width:960px){.details-time{width:120px}}.details-data h3{font-family:Syne,sans-serif;font-size:22px;font-weight:700;line-height:34px;margin-bottom:10px}.details-data h3,.details-data p{color:var(--text-color);letter-spacing:0;text-align:left}.details-data p{font-family:Mulish,sans-serif;font-size:16px;font-weight:600;line-height:26px}.projects-list{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;grid-gap:40px 30px}@media screen and (max-width:820px){.projects-list{grid-template-columns:1fr}}.projects-item{width:100%;margin:0 auto}.projects-item img{width:100%;max-height:315px;min-height:315px;border-radius:15px;border:1px solid var(--lightgray)}.projects-item h3{color:var(--primary-color);font-family:Mulish,sans-serif;font-size:16px;font-weight:600;line-height:26px;letter-spacing:0;text-align:left;text-transform:uppercase;margin-block:25px 7px}.projects-item a{color:var(--text-color);font-family:Syne,sans-serif;font-size:22px;font-weight:700;line-height:32px;letter-spacing:0;text-align:left}.project{margin-top:30px}.project-detail img{width:100%;max-width:50%;max-height:315px;min-height:315px;border-radius:15px;border:1px solid var(--lightgray)}.project-detail h3{color:var(--primary-color);font-family:Mulish,sans-serif;font-size:26px;font-weight:600;line-height:26px;letter-spacing:0;text-align:left;text-transform:uppercase;margin-block:25px 7px}.project-detail p{color:var(--text-color);font-family:Syne,sans-serif;font-size:32px;font-weight:700;line-height:32px;letter-spacing:0;text-align:left}.project-detail a{width:180px;margin-top:10px;padding:10px 20px;border-radius:10px;color:#fff;background-color:var(--primary-color)}.project-navigation{display:flex;flex-direction:column;justify-content:space-between;padding:0 0 30px}.project-navigation a{color:var(--text-color);font-family:Syne,sans-serif;font-size:14px;font-weight:400;line-height:22px;letter-spacing:0;text-align:left;text-transform:capitalize}.project-navigation a span{color:var(--primary-color)}.project-navigation .primary-btn{padding:10px 20px;margin-top:10px;border:1px solid var(--primary-color);background:none;color:var(--primary-color);width:140px;font-size:12px;border-radius:10px;text-align:center}.circle{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);backdrop-filter:blur(10px);min-height:180px;min-width:180px;max-height:180px;max-width:180px;border:1px solid var(--white);border-radius:50%;--white:#fff;transition:transform .35s ease-in-out}@media screen and (max-width:410px){.circle{bottom:30px}}.circle__wrapper{min-height:180px;min-width:180px;max-height:180px;max-width:180px;transition:.3s}.circle__logo,.circle__wrapper{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0}.circle__logo{top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;color:var(--white);font-size:24px;background-color:var(--primary-color);min-height:80px;min-width:80px;max-height:80px;max-width:80px;border-radius:50%}.circle__logo svg{color:#fff}.circle__logo i{transition:.25s}.circle__text{position:absolute;top:10.5px;transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0}.circle__text p{position:absolute;display:inline-block;color:var(--white);font-size:16px;font-weight:500;text-transform:uppercase;font-family:Mulish,sans-serif}.circle__inner{position:relative}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.primary-btn{padding:20px 30px;border-radius:20px;background:#8670ef;border:1px solid transparent;text-align:center;cursor:pointer;transition:.3s}.primary-btn a{font-family:Mulish,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:16px;color:#fff}.primary-btn:hover{color:#000;background-color:#fad764;border:1px solid #fad764}.secondary-btn{position:relative;display:flex;align-items:center;justify-content:center;color:var(--text-color);text-align:center;font-family:Mulish,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:150px;text-transform:uppercase;width:150px;height:150px;border-radius:50%;z-index:22}.secondary-btn:hover:after{top:0;left:0}.secondary-btn:before{top:0;left:0;border-radius:50%;z-index:11;border:1px solid var(--text-color)}.secondary-btn:after,.secondary-btn:before{position:absolute;content:"";width:100%;height:100%;transition:.3s}.secondary-btn:after{top:-5px;left:-5px;border-radius:50%;background-color:#fad764;z-index:-1}.action-btn{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:6px;border:1px solid var(--border-color)}.action-btn *{color:var(--border-color)}.action-btn svg{font-size:20px;color:var(--primary-color);fill:var(--primary-color)}.dropdown{position:absolute;z-index:20;display:none;flex-direction:column;top:40px;left:0;width:160px;padding:0 20px;border-radius:10px;color:var(--text-color);border:1px solid #c6c4c4;border-top:3px solid var(--primary-color)}.dropdown,.dropdown-item{background-color:var(--bg-color);transition:.3s}.dropdown-item{padding:10px 0;white-space:nowrap;font-size:14px;border-bottom:1px solid #c6c4c4}.dropdown-item:hover{color:var(--primary-color);border-color:var(--primary-color)}.dropdown-item:last-child{border:none}.dropdown.open{display:flex}.title{color:var(--text-color);font-family:Syne,sans-serif;font-size:60px;font-style:normal;font-weight:700;line-height:70px}@media screen and (max-width:635px){.title{font-size:48px;line-height:55px}}@media screen and (max-width:420px){.title{font-size:35px;line-height:45px}}@media screen and (max-width:375px){.title{font-size:30px;line-height:35px}}.top-title{color:#8670ef;text-transform:uppercase;margin-bottom:10px}.top-title,.typography{font-family:Mulish,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:26px}.typography{color:var(--text-color);margin:30px 0}.dashboard-title{color:var(--text-color);font-family:Mulish,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:26px}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.shimmer{position:relative;overflow:hidden;background:#f0f0f0}.shimmer:after{content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0));animation:shimmer 1.2s linear infinite}.service-card-skeleton{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:50px}.service-card-skeleton div{display:flex}@media screen and (max-width:400px){.service-card-skeleton div{flex-direction:column}}.service-card-skeleton .service-card-content{flex-direction:column;margin-inline:30px}@media screen and (max-width:400px){.service-card-skeleton .service-card-content{margin-inline:0}}.service-card-skeleton .skeleton-h4{width:72px;height:44px;border-radius:6px;margin-bottom:10px}.service-card-skeleton .skeleton-span{width:120px;height:18px;border-radius:6px;margin-bottom:16px}.service-card-skeleton .skeleton-p{width:260px;height:36px;border-radius:6px}.service-card-skeleton .skeleton-icon{width:52px;height:52px;border-radius:50%}.skills__list--item-skeleton{display:flex;flex-direction:column;align-items:center;text-align:center}.skills__list--item-skeleton .skeleton-icon{width:70px;height:70px;border-radius:50%;margin-bottom:10px}@media screen and (max-width:520px){.skills__list--item-skeleton .skeleton-icon{width:50px;height:50px}}.skills__list--item-skeleton .skeleton-text{width:60px;height:16px;border-radius:6px}@media screen and (max-width:520px){.skills__list--item-skeleton .skeleton-text{width:50px;height:14px}}.details-item-skeleton{display:flex;padding:24px 0 20px;border-top:2px solid #ddd}@media screen and (max-width:860px){.details-item-skeleton{flex-direction:column}}@media screen and (max-width:630px){.details-item-skeleton{flex-direction:row}}@media screen and (max-width:450px){.details-item-skeleton{flex-direction:column}}.details-item-skeleton .skeleton-time{min-width:150px;height:18px;border-radius:6px;margin-bottom:10px}@media screen and (max-width:960px){.details-item-skeleton .skeleton-time{width:120px}}.details-item-skeleton .details-data{flex:1}.details-item-skeleton .details-data .skeleton-h{width:200px;height:20px;border-radius:6px;margin-bottom:10px}@media screen and (max-width:630px){.details-item-skeleton .details-data .skeleton-h{width:160px}}.details-item-skeleton .details-data .skeleton-p{width:140px;height:16px;border-radius:6px}@media screen and (max-width:630px){.details-item-skeleton .details-data .skeleton-p{width:120px}}.breadcrumb{width:100%;padding:10px 0}.breadcrumb-list{display:flex;justify-content:flex-start;align-items:center;list-style:none;padding:0;margin:0}.breadcrumb-item{display:inline-block}.breadcrumb-item:after{content:"/";margin:0 10px;color:var(--text-color)}.breadcrumb-item:last-child:after{content:""}.breadcrumb-item:last-child a{color:var(--primary-color)}.breadcrumb-item a{color:var(--border-color);text-transform:capitalize;text-decoration:none}.breadcrumb-item a:hover{color:var(--primary-color)}.breadcrumb-btn{justify-content:center;gap:5px;color:var(--text-color);text-transform:capitalize;border:1px solid var(--border-color);border-radius:24px;padding:5px 15px}.breadcrumb-btn,.pagination{display:flex;align-items:center}.pagination{justify-content:flex-end;margin-top:20px;gap:16px}.pagination .per-page{display:flex;align-items:center;gap:8px}.pagination .per-page select{padding-inline:5px;height:35px;border:1px solid var(--border-color);border-radius:4px;font-size:20px;line-height:20px}.pagination .page-controls{display:flex;align-items:center;gap:8px}.pagination .page-controls button{width:35px;height:35px;border:1px solid var(--border-color);background:var(--bg-color-2);border-radius:4px;cursor:pointer;font-size:20px;line-height:20px}.pagination .page-controls button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination .page-controls button:hover:not(.active){background-color:var(--bg-color)}.data-table-container{margin-top:20px}.data-table-container .table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:7px}.data-table-container .table-wrapper table{width:100%;border-collapse:collapse}.data-table-container .table-wrapper table td,.data-table-container .table-wrapper table th{padding:15px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table-container .table-wrapper table th{font-weight:600;color:var(--border-color);background-color:var(--bg-color-2)}.data-table-container .table-wrapper table tr:hover{background-color:var(--bg-color)}.data-table-container .table-wrapper table tr:last-child td{border-bottom:none}.data-table-container .action-buttons{display:flex;gap:8px}.data-table-container .action-buttons button{padding:6px 12px;border:none;border-radius:4px;color:#fff;cursor:pointer}.form-control{display:flex;flex-direction:column;gap:10px}.form-label{font-size:14px;font-weight:500}.form-input,.form-multi-control{padding:8px 12px;width:100%;height:40px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}.form-input:focus,.form-multi-control:focus{outline:2px solid var(--primary-color)}.form-multi{position:relative;width:100%;flex-direction:column;align-items:flex-start}.form-multi,.form-multi-control{display:flex;justify-content:space-between;gap:10px}.form-multi-control{align-items:center;cursor:pointer;user-select:none}.form-multi-options{position:absolute;top:100%;left:0;width:100%;background-color:var(--bg-color-2);border:1px solid var(--border-color);border-radius:6px;margin-top:4px;max-height:200px;overflow-y:auto;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:100}.form-multi-options .form-multi-option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.form-multi-options .form-multi-option input{cursor:pointer}.form-multi-options .form-multi-option:hover{background-color:var(--primary-color)}.form-multi-options .form-multi-option.selected{background-color:rgba(var(--primary-rgb),.1)}.form-select{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer}.form-select:focus{outline:2px solid var(--primary-color)}.form-select:hover{background-color:#5f42ea}.form-switch{display:inline-flex;align-items:center;cursor:pointer}.form-switch input{display:none}.form-switch .toggle{position:relative;width:44px;height:24px;background-color:#e5e7eb;border-radius:9999px;transition:background-color .2s}.form-switch .toggle:focus{outline:none}.form-switch .toggle.checked{background-color:var(--primary-color)}.form-switch .toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;transition:all .2s}.rtl .form-switch .toggle:after{transform:translateX(0)}.form-switch .toggle.checked:after{transform:translateX(99%);border-color:#fff}.form-button{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 16px;max-width:150px;height:40px;background-color:var(--primary-color);border:none;border-radius:6px;cursor:pointer}.form-button span{color:#fff;text-transform:capitalize}.form-button svg{color:#fff}.form-button:hover{background-color:#5f42ea}.home{padding:40px 0 80px}.home .container{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:30px}@media screen and (max-width:870px){.home .container{flex-direction:column}.home .container *{text-align:center}}.home__title{max-width:740px;color:var(--text-color);font-family:Syne,sans-serif;font-size:110px;font-style:normal;font-weight:700;line-height:120px}@media screen and (max-width:1230px){.home__title{font-size:90px;line-height:100px}}@media screen and (max-width:1110px){.home__title{font-size:80px;line-height:90px}}@media screen and (max-width:980px){.home__title{font-size:70px;line-height:80px}}@media screen and (max-width:570px){.home__title{font-size:50px;line-height:60px}}@media screen and (max-width:350px){.home__title{font-size:35px;line-height:40px}}.home__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}@media screen and (max-width:870px){.home__content{align-items:center}}.home__image{position:relative;flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0}.home__image img{max-width:600px;width:100%}.home__btns{display:flex;align-items:center;gap:15px}.home__btn{padding:20px 30px;border-radius:20px;transition:.3s}.home__btn a{color:var(--text-color);text-align:center;font-family:Mulish,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:16px}.home__btn:hover{background-color:var(--primary-color)}.home__btn:hover a{color:#fff}.home__links{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.home__links li{background-color:var(--lightgray);padding:10px;border-radius:50%;transition:.3s}.home__links li:hover{background-color:var(--primary-color)}.home__links li:hover svg{color:#fff}.home__links li a{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0}.home__links li svg{font-size:22px}.home__social{margin-top:50px;display:flex;align-items:center;gap:20px}.home__social p{color:var(--text-color);font-size:20px;font-weight:600;font-family:Syne,sans-serif}@media screen and (max-width:445px){.home__social{flex-direction:column}}.services{padding:100px 0;background-color:var(--bg-color);transition:none}.services .typography{margin-bottom:50px}@media screen and (max-width:1040px){.services__content,.services__details{width:100%}.services__content{align-items:center;justify-content:center}.services .title,.services .typography{text-align:center}}@media screen and (max-width:600px){.services{padding:50px 0}}.services .container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:40px}@media screen and (max-width:1040px){.services .container{flex-direction:column;align-items:center}}.services__content{display:flex;flex-direction:column}.services__details{flex-grow:1}.about{padding:100px 0}@media screen and (max-width:600px){.about{padding:50px 0}}.about .container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:30px}@media screen and (max-width:1090px){.about .container{flex-direction:column;align-items:center;text-align:center}}.about__skills{min-width:675px}@media screen and (max-width:1090px){.about__skills{width:100%;min-width:none}}.about__skills a{display:block;color:var(--text-color);font-family:Syne,sans-serif;font-size:35px;font-style:normal;font-weight:700;line-height:45px;margin-bottom:45px;transition:.3s;margin-left:10px}.about__skills a:hover{color:var(--primary-color)}.about .skills__list{width:100%;display:grid;grid-gap:25px 45px;grid-template-columns:repeat(5,1fr)}@media screen and (max-width:1370px){.about .skills__list{grid-gap:25px 20px}}@media screen and (max-width:1090px){.about .skills__list{align-items:center;justify-content:center}}@media screen and (max-width:520px){.about .skills__list{grid-gap:15px}}@media screen and (max-width:470px){.about .skills__list{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:340px){.about .skills__list{grid-template-columns:repeat(3,1fr)}}.about .skills__list--item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center}@media screen and (max-width:470px){.about .skills__list--item:nth-child(9){grid-area:3/2/4/3}.about .skills__list--item:last-child{grid-area:3/3/4/4}}@media screen and (max-width:470px)and (max-width:340px){.about .skills__list--item:last-child{grid-area:4/2/5/3}}@media screen and (max-width:340px){.about .skills__list--item:last-child{grid-area:4/2/5/3}}.about .skills__list--item div{display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);width:70px;height:70px;border-radius:50%;transition:.3s}@media screen and (max-width:520px){.about .skills__list--item div{width:50px;height:50px}}.about .skills__list--item p{color:var(--text-color);font-family:Mulish,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:26px;text-transform:uppercase;margin-top:10px}@media screen and (max-width:520px){.about .skills__list--item p{font-size:14px}}.about .skills__list--item:hover div,.about .skills__list--item:hover i{background-color:var(--secondary-color)}.about .skills__list--item i{font-size:35px;color:#fff;background-color:var(--primary-color);transition:.3s}@media screen and (max-width:520px){.about .skills__list--item i{font-size:24px}}.about .skills__list--item i:hover{background-color:var(--secondary-color)}.details{padding:30px 0 100px}@media screen and (max-width:600px){.details{padding:0 0 30px}}.details .container{display:flex;gap:65px}@media screen and (max-width:960px){.details .container{gap:35px}}@media screen and (max-width:630px){.details .container{flex-direction:column}}.projects{padding:100px 0;background-color:var(--bg-color);transition:none}@media screen and (max-width:600px){.projects{padding:50px 0}}.projects .primary-btn{margin:40px auto 0;max-width:150px}.projects__title{text-align:center}@media screen and (max-width:768px){.portfolio-top{margin-top:70px}}.service__top{padding:150px 0 50px;margin-bottom:60px;background-color:var(--bg-color);text-align:center;transition:none}@media screen and (max-width:600px){.service__top{padding:150px 0 50px}}.service__subtitle{font-family:Mulish,sans-serif;color:var(--text-color)}.service__subtitle span{color:var(--primary-color)}.service__details{padding:20px 0 50px}.service__details .container{display:flex;flex-direction:row}@media screen and (max-width:900px){.service__details .container{flex-direction:column}}.service__links{padding-top:30px;padding-right:30px;border-right:1px solid #ddd}@media screen and (max-width:900px){.service__links{width:100%;padding-right:0}}.service__links--title{font-size:22px;font-family:Mulish,sans-serif;line-height:22px;font-weight:700;margin-bottom:25px;color:var(--text-color);border-bottom:1px solid #ddd;padding-bottom:15px}@media screen and (max-width:900px){.service__links--title{text-align:center;font-size:35px;padding-bottom:40px}}.service__list{width:320px;margin-bottom:50px}@media screen and (max-width:900px){.service__list{width:100%;display:grid;grid-template-columns:1fr 1fr;text-align:center}}@media screen and (max-width:540px){.service__list{grid-template-columns:1fr}}.service__list--item{padding-bottom:20px;font-size:18px;font-family:Mulish,sans-serif;line-height:20px;font-weight:600;color:var(--text-color)}.service__list--item.active,.service__list--item:hover{text-decoration:underline;color:var(--primary-color)}.service__tab{width:100%;padding:30px;display:none}@media screen and (max-width:600px){.service__tab{padding-inline:0}}.service__tab.active{display:block}@media screen and (max-width:900px){.service__tab .title{text-align:center}}.service__tab--list{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:30px;margin-top:50px}@media screen and (max-width:1135px){.service__tab--list{flex-direction:column}}.service__tab--item{width:calc(50% - 15px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:30px;gap:20px;margin-bottom:30px;transition:.3s}@media screen and (max-width:1135px){.service__tab--item{width:100%}}.service__tab--item:hover{border-color:var(--primary-color)}.service__tab--item:hover .service-card-icon{background-color:var(--secondary-color)}.service__tab--item div{display:flex;align-items:center;gap:20px}@media screen and (max-width:400px){.service__tab--item div{flex-direction:column;align-items:flex-start}}.service__tab--item-content{flex-direction:column;margin-inline:30px}@media screen and (max-width:400px){.service__tab--item-content{margin-inline:0}}.service__tab--item h4{color:var(--primary-color);font-family:Syne,sans-serif;font-size:34px;font-style:normal;font-weight:700;line-height:45px}@media screen and (max-width:530px){.service__tab--item h4{font-size:24px;line-height:35px}}@media screen and (max-width:400px){.service__tab--item h4{margin-bottom:20px}}.service__tab--item span{color:#666;font-family:Mulish;font-size:16px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase}.service__tab--item-icon{padding:13px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;transition:.3s}.service__tab--item svg{font-size:21px}.sign-in{width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;height:90vh;padding:3rem 1.5rem;margin-bottom:50px;background-color:var(--bg-color-2)}@media(min-width:1024px){.sign-in{padding-inline:2rem}}.sign-in-container{margin:auto;max-width:400px}.sign-in__logo{display:flex;align-items:center;justify-content:center}.sign-in__logo a{font-weight:700;font-size:2.5rem;text-decoration:none;color:var(--text-color)}.sign-in__logo a span,.sign-in__title{color:var(--primary-color)}.sign-in__title{text-align:center;font-size:1.5rem;line-height:2.25rem;font-weight:700;letter-spacing:-.025em}.sign-in__form{margin-top:1.5rem;margin-block:auto}.sign-in__form__input-group{margin-bottom:1.5rem}.sign-in__form__input-group__label{display:block;font-size:.875rem;font-weight:500;line-height:1.5;color:var(--primary-color)}.sign-in__form__input-group__input{margin-top:.5rem;width:100%;border-radius:.375rem;background-color:var(--bg-color-2);padding:.375rem .75rem;font-size:1rem;color:var(--text-color);border:2px solid #d1d5db;outline:none}.sign-in__form__input-group__input::placeholder{color:var(--text-color)}.sign-in__form__input-group__input:focus{border:2px solid var(--primary-color);outline-offset:0}.sign-in__form__password-group{display:flex;justify-content:space-between;align-items:center}.sign-in__form__password-group__forgot{font-size:.875rem;font-weight:600;color:var(--primary-color)}.sign-in__form__password-group__forgot:hover{color:var(--secondary-color)}.sign-in__form__submit{margin-top:1.5rem;display:flex;justify-content:center;width:100%;border-radius:.375rem;background-color:var(--primary-color);padding:.375rem .75rem;font-size:.875rem;font-weight:600;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.sign-in__form__submit:hover{background-color:var(--secondary-color)}.sign-in__form__submit:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}