:root{--sidebar-width:320px;--sidebar-collapsed-width:80px;--header-height:70px;--sidebar-bg:#ffffff;--sidebar-border:#e5e7eb;--nav-link-color:#707070;--nav-link-hover:#f3f4f6;--nav-link-active:#5f53a4;--bs-gray:#f5f5f5!important;--bs-primary:#5f53a4!important;--bs-second:#fede2a!important;--bs-text-gray:#707070!important}@font-face{font-family:Cairo;src:url("../assets/fonts/Cairo/Cairo-Regular.ttf")}body,html{font-family:Cairo}.btn-outline-primary{--bs-btn-hover-bg:var(--bs-primary);--bs-btn-hover-color:#fff;--bs-btn-hover-border-color:var(--bs-primary);--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(95, 83, 164, 0.5)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#4a4282;--bs-btn-hover-border-color:#433b75;--bs-btn-focus-shadow-rgb:95,83,164;--bs-btn-active-color:#fff;--bs-btn-active-bg:#3b3367;--bs-btn-active-border-color:#362f5a;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:var(--bs-primary);--bs-btn-disabled-border-color:var(--bs-primary);border-radius:3px}.text-gray{color:var(--bs-text-gray)!important}.user-icon{width:35px;height:35px}.dropdown-toggle-custom::after{display:none!important}.form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-primary)}.form-check-input:focus{box-shadow:0 0 0 .25rem rgb(95,83,164,.25)}.bg-primary{background-color:var(--bs-primary)!important}.border-primary{border-color:var(--bs-primary)!important}.btn-outline-primary{color:var(--bs-primary);border-color:var(--bs-primary);background-color:transparent}.btn-outline-primary:hover{color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary)}.btn-outline-primary.focus,.btn-outline-primary:focus{color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.5)}.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.show,.btn-outline-primary:first-child:active,:not(.btn-check)+.btn-outline-primary:active{color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:var(--bs-primary);background-color:transparent;border-color:var(--bs-primary);opacity:.5;pointer-events:none}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.grid-3-1{grid-template-columns:3fr 1fr}.grid-0-1{grid-template-columns:0fr 1fr}.modal{background-color:#f2f2f2c7}.modal-content{border:none}.text-primary{color:var(--bs-primary)!important}.alert-danger{border-color:#b70f10!important;background-color:#ffd6d6!important;border-radius:2px}html[dir=rtl] .modal-header .btn-close{margin-right:auto;margin-left:inherit}html[dir=rtl] .me-auto{margin-right:auto!important;margin-left:inherit!important}html[dir=ltr] .me-auto{margin-left:auto!important;margin-right:inherit!important}html[dir=rtl] .ms-auto{margin-left:auto!important;margin-right:inherit!important}html[dir=ltr] .ms-auto{margin-right:auto!important;margin-left:inherit!important}.main-menu a{position:relative;overflow:hidden;z-index:1;padding:.5rem 1rem;transition:color .3s ease;font-weight:500;color:#000}.main-menu a::before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;background-color:var(--bs-primary);z-index:-1;transition:right .4s ease}.main-menu a.active::before,.main-menu a:hover::before{right:0}.main-menu a.active,.main-menu a:hover{color:#fff}@media (max-width:991.98px){.main-menu a{display:inline-block;font-size:1.2rem}}.header-sidebar{position:fixed;top:0;right:-100%;width:280px;max-width:85vw;height:100vh;background:#fff;box-shadow:2px 0 12px rgb(0 0 0 / .2);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;transition:right .3s ease,left .3s ease;z-index:1100;overflow-y:auto;overflow-x:hidden}html[dir=ltr] .header-sidebar{left:-100%;right:auto}html[dir=ltr] .header-sidebar.header-sidebar-open{left:0;right:auto}.header-sidebar.header-sidebar-open{right:0;left:auto}.header-sidebar-nav{display:flex;flex-direction:column;gap:1rem}.header-sidebar-link{font-size:1.1rem;color:var(--bs-primary);text-decoration:none}.header-sidebar-link.btn{width:fit-content;padding:.25rem .75rem}@media (max-width:768px){.header-sidebar{width:70vw;max-width:280px;min-width:240px;padding:1.5rem 1rem}.header-sidebar-nav{gap:.75rem}.header-sidebar-link{font-size:.95rem;padding:.5rem 0;display:block}.header-sidebar-link.btn{width:100%;text-align:center;margin-top:.5rem;display:block}}@media (max-width:576px){.header-sidebar{width:75vw;max-width:260px;min-width:220px;padding:1.25rem .75rem}.header-sidebar-link{font-size:.9rem}}@media (max-width:991px){.header-backdrop{z-index:1089!important}.header-sidebar{z-index:1090!important}}.chat-backdrop-detail,.chat-backdrop-lists,.header-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1090}.header-backdrop{z-index:1090!important}.header-backdrop.header-backdrop-active{opacity:1;pointer-events:auto}.chat-backdrop-detail.chat-backdrop-detail-active{opacity:1;pointer-events:auto}.chat-backdrop-lists.chat-backdrop-lists-active{opacity:1;pointer-events:auto}.header-logo{height:32px}.hero-section{height:314px;position:relative;overflow:hidden}html[dir=rtl] .hero-rtl{justify-content:flex-end}.hero-bg{background-image:url("../assets/images/header-ovrlay.png");background-size:cover;background-position:center}.hero-2{height:358px}.hero-2 .hero-bg{background-image:url("../assets/images/hero-2.png");background-size:cover;background-position:top}.hero-3 .hero-bg{background-image:url("../assets/images/help.png");background-size:cover;background-position:top}html[dir=ltr] .hero-3 .hero-bg{background-image:url("../assets/images/help-2.png");background-size:cover;background-position:top}.hero-2 .form{max-width:500px;width:100%}.input-shadow{background-color:#fff;border:1px solid rgba(0,0,0,.09);border-radius:4px;padding:10px;box-shadow:inset 0 2px 6px rgba(0,0,0,.09);transition:box-shadow .3s ease}.input-shadow:focus-within{box-shadow:inset 0 2px 8px rgba(0,0,0,.15)}.hero-overlay{background-color:rgba(0,0,0,.5)}.z-1{z-index:1}.search-buuton{height:34px;width:38px;display:flex;align-items:center;justify-content:center;border-radius:4px}@media screen and (min-width:768px){.search-form{max-width:465px}}@media screen and (max-width:991px){.hero-section{padding:20px}.hero-bg{background-size:cover;background-position:top center;background-repeat:no-repeat}.hero-2 .hero-bg{background-position:right}}.intro-service-card.first{justify-self:flex-end}.intro-service-card{height:165px;width:463px}.intro-service-image{max-height:200px}.intro-service-btn{background-color:var(--bs-second);color:#101010;font-size:20px;border:1px solid transparent;transition:border .3s ease,box-shadow .3s ease,color .3s ease,transform .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.15)}.intro-service-btn:hover{color:var(--bs-primary);background-color:#fff;transform:translateY(-3px)}@media screen and (max-width:991px){.intro-service-card{height:auto;width:100%}.intro-service-image{max-height:100px}.intro-service-btn{font-size:15px}.hideMobe{display:none}}.whatsapp-btn{background-color:#25d366;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.whatsapp-btn i{font-size:1.5rem}@media screen and (max-width:991px){.whatsapp-btn{font-size:14px}}.service-card{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 10px rgba(0,0,0,.15)!important;text-decoration:none}.service-card:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.service-card .card-body{padding:6px 10px}.service-image{height:80px;width:100px;object-fit:cover;border-radius:8px 8px 0 0}.services-box{margin-bottom:20px}.services .star-rating{color:#ffc107}.services .card-title{color:#333;font-size:27px;font-weight:600}.how-use-wasit .step{max-width:700px;margin:0 auto 60px auto;flex-wrap:nowrap}.how-use-wasit .how-use-wasit-title{color:#303131;font-size:24px}.how-use-wasit .step-box{background-color:var(--bs-gray);height:130px;align-content:center}.how-use-wasit .step-title{color:#303131;font-size:24px;text-align:start}.how-use-wasit .step-p{color:var(--bs-text-gray);font-size:22px;text-align:start}.how-use-wasit .step-box-number{position:relative;width:130px;height:130px;border-width:10px;border-style:solid;flex-shrink:0;font-size:40px;color:var(--bs-primary)}.how-use-wasit .step-box-number:not(.last-step)::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:2px;height:70px;background-color:var(--bs-primary)}@media screen and (max-width:991px){.how-use-wasit .step{max-width:100%}.how-use-wasit .step-title{font-size:14px}.how-use-wasit .step-p{font-size:10px}.how-use-wasit .step-box{height:auto;width:100%;height:80px}.how-use-wasit .step-box-number{width:80px;height:80px}.how-use-wasit .step-box-number::after{height:40px}}.why-wasit .feature-icon{width:80px;height:80px;object-fit:contain}.why-wasit-title{font-size:28px}.why-wasit .card-body{height:160px;width:100%;display:flex;justify-content:center;align-content:center;align-items:center}.why-wasit .card-title{font-weight:600}.why-wasit .feature-gap{margin-top:100px}.why-wasit .feature-image{position:absolute;top:-25%;width:100%;right:0;left:0}.why-wasit .feature-box{margin-bottom:80px}@media screen and (max-width:991px){.why-wasit .feature-gap{margin-top:0}.why-wasit .feature-box{margin-bottom:60px}}.services-provider-title{color:#303131;font-size:28px;font-weight:600}.services-provider-p{font-size:24px;color:var(--bs-text-gray);font-weight:600}.services-provider-btn{background-color:#4f4785;color:#fff;font-size:20px;padding:10px 30px;border-radius:5px;transition:all .3s ease;text-decoration:none;width:max-content;border:1.5px solid #fff}.services-provider-btn:hover{background-color:#4f4785;transform:translateY(-3px)}.explore-more-services-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:.75rem;background:linear-gradient(to right,#2563eb,#4f46e5);color:#fff;font-weight:500;font-size:1rem;text-decoration:none;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:all .3s ease;border:none}.explore-more-services-btn:hover{background:linear-gradient(to right,#1d4ed8,#4338ca);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media (prefers-color-scheme:dark){.explore-more-services-btn{background:linear-gradient(to right,#3b82f6,#6366f1)}.explore-more-services-btn:hover{background:linear-gradient(to right,#60a5fa,#818cf8)}}.download{background-color:var(--bs-gray);padding:60px 0}.download-title{font-size:28px;color:#303131;font-weight:600;text-align:start}.download-des{font-size:24px;color:var(--bs-text-gray);font-weight:600;text-align:start}.download-btn:hover{transform:translateY(-3px)}.phone-clip-path{right:-70px;left:initial}html[dir=rtl] .phone-clip-path{left:-70px;right:initial}.phone-clip-path{background:#e2e2e2;shape-outside:ellipse(120px 160px at 50% 50%);shape-margin:1em;clip-path:ellipse(120px 160px at 50% 50%);width:280px;height:320px;transform:rotate(-25deg)}.footer{background-color:var(--bs-gray);padding:100px 0}.footer-heading{position:relative;padding-bottom:12px;color:#303131;font-weight:700}.nav-link-footer{padding:.25rem 0;transition:all .3s ease;color:var(--bs-text-gray)}.nav-link-footer:hover{color:var(--bs-primary)!important;transform:translateX(-5px)}.footer-bottom .social-icon{width:40px;height:40px;transition:all .3s ease;background-color:transparent;border:1px solid #e2e2e2;color:#000}.footer-bottom .social-icon svg{width:20px;height:20px}.footer-bottom .social-icon:hover{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important;transform:translateY(-3px);color:#fff}.footer-bottom .social-icon:hover svg{fill:currentColor}.footer-logo{font-weight:800}.footer-logo span{color:var(--bs-primary)}.footer-btn{margin-top:20px}.nav-link-footer{font-weight:600}@media screen and (max-width:991px){.footer-bottom{flex-direction:column;align-items:center}.footer-bottom .social-icon{margin:5px}.footer-bottom .social-icon svg{width:18px;height:18px}.footer-btn{margin-top:0}}.customers,.more-customers{background-color:#eaeaea}.customers .customer-title,.more-customers .customer-title{color:#191919;font-size:24px;font-weight:600}.customers .customer-p,.more-customers .customer-p{color:var(--bs-text-gray);font-size:22px}.more-customers{margin:40px 0}.more-customers .more-customers-card{max-width:500px;margin:0 auto}.services-requested .title{color:#191919;font-size:24px;font-weight:700}.customers-carousel{margin-top:50px;padding:0 20px}.customers-carousel.swiper{width:100%;height:100%}.customers-carousel .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center}.services-requested .swiper-wrapper-container{position:relative}.services-requested .swiper-button-next,.services-requested .swiper-button-prev{position:absolute;top:60%;transform:translateY(-50%);z-index:10;cursor:pointer}.services-requested .swiper-button-prev{left:-30px!important}.services-requested .swiper-button-next{right:-30px!important}.services-requested .swiper-button-next,.services-requested .swiper-button-prev{width:44px;height:44px}.services-requested .swiper-button-prev::after,.swiper-button-next::after{display:none!important}@media screen and (max-width:991px){.more-customers .more-customers-card{max-width:100%}.customers-carousel{padding:0}.services-requested .swiper-button-prev{left:5px!important}.services-requested .swiper-button-next{right:5px!important}}.carousel-control-next-icon,.carousel-control-prev-icon{width:2rem;height:2rem;background-size:1rem 1rem;border:1px solid var(--bs-text-gray);color:var(--bs-text-gray);border-radius:50%}.service-card img{height:180px;width:100%;object-fit:cover;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.carousel-inner{padding-top:1rem}.accordion-header{text-align:center}.faq-accordion{width:80%;margin:auto}.btn-close{top:30px;opacity:1;right:11px;left:initial}html[dir=rtl] .btn-close{left:11px;right:initial}.sidebar{position:fixed;top:0;right:0;height:100vh;width:var(--sidebar-width);background-color:var(--sidebar-bg);border-left:1px solid var(--sidebar-border);transition:all .3s ease;z-index:1000;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}html[dir=ltr] .sidebar{left:0;right:inherit;border-left:0;border-right:1px solid var(--sidebar-border)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{flex-shrink:0}.sidebar-brand-text{transition:opacity .3s ease}.sidebar.collapsed .sidebar-brand-text{opacity:0;width:0;overflow:hidden}.sidebar-content{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;width:100%;min-height:0}.sidebar-content .nav{padding:0;flex:0 0 auto;width:100%}.sidebar .nav-link{color:var(--nav-link-color);padding:12px 16px;border-radius:8px;margin:2px 12px;display:flex;align-items:center;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.sidebar .nav-link:hover{background-color:var(--nav-link-hover);color:var(--nav-link-active)}.sidebar .nav-link.active{color:var(--nav-link-active);background-color:var(--bs-gray);font-weight:700;border-radius:4px}.sidebar .nav-link i{font-size:18px;width:20px;text-align:center;margin-left:12px;flex-shrink:0}html[dir=ltr] .sidebar .nav-link i{margin-right:12px;margin-left:0}.nav-text{transition:opacity .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.sidebar.collapsed .sidebar-logo{width:35px;overflow:hidden}.sidebar.collapsed .nav-text,.sidebar.collapsed .sidebar-form,.sidebar.collapsed .sidebar-setting{display:none!important;opacity:0;width:0;overflow:hidden}.sidebar.collapsed .nav-link{justify-content:center;padding:12px}.search-form{background-color:#fff;border:1px solid rgba(0,0,0,.09);border-radius:10px;box-shadow:inset 0 2px 6px rgba(0,0,0,.09);transition:box-shadow .3s ease}.search-form:focus-within{box-shadow:inset 0 2px 8px rgba(0,0,0,.15)}.sidebar.collapsed .nav-link i{margin:0}html[dir=ltr] .sidebar.collapsed .nav-link i{margin-left:0}.sidebar.collapsed .badge{display:none}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-shrink:0}.sidebar.collapsed .user-info{display:none}.main-content{margin-right:var(--sidebar-width);transition:margin-right .3s ease;min-height:100vh;display:flex;flex-direction:column}html[dir=ltr] .main-content{margin-left:var(--sidebar-width);margin-right:0}.sidebar.collapsed+.main-content{margin-right:var(--sidebar-collapsed-width)}html[dir=ltr] .sidebar.collapsed+.main-content{margin-left:var(--sidebar-collapsed-width);margin-right:0}.top-header{min-height:var(--header-height);position:sticky;top:0;z-index:999;background-color:var(--bs-gray)}.page-content{flex:1;background-color:var(--bs-gray)}.user-name-display{padding:.25rem .5rem;border-radius:8px;transition:background-color .2s ease}.user-name-display:hover{background-color:var(--nav-link-hover)}.user-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-info{min-width:0}.user-name-text{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-name-mobile{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}@media (max-width:991.98px){.user-name-display{margin-right:.5rem!important;padding:.25rem}.user-avatar i{font-size:1.5rem!important}}@media (max-width:576px){.user-name-display{margin-right:.25rem!important}.user-name-mobile{max-width:60px;font-size:.75rem}.user-avatar{margin-right:.25rem!important}.user-avatar i{font-size:1.25rem!important}}@media (min-width:768px) and (max-width:991.98px){.user-name-text{max-width:120px;font-size:.85rem}}@media (min-width:1024px) and (max-width:1440px){:root{--sidebar-width:300px}.sidebar .nav-link{padding:12px 14px}.sidebar .nav-link i{font-size:16px;width:18px}.nav-text{font-size:14px}}@media (min-width:1441px){:root{--sidebar-width:320px}}@media (max-width:991.98px){html[dir=ltr] .main-content{margin-left:0}html[dir=rtl] .sidebar{transform:translateX(100%);right:0}html[dir=ltr] .sidebar{transform:translateX(-100%);width:var(--sidebar-width);left:0}.sidebar.show{transform:translateX(0)!important}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.collapsed .nav-text{opacity:1;width:auto}.sidebar.collapsed .nav-link{justify-content:flex-start;padding:12px 20px}.sidebar.collapsed .nav-link i{margin-right:12px}html[dir=ltr] .sidebar.collapsed .nav-link i{margin-left:12px;margin-right:0}.sidebar.collapsed .user-info{display:block}.sidebar.collapsed .badge{display:inline-block}.main-content{margin-right:0}html[dir=ltr]{margin-left:0}.sidebar.collapsed+.main-content{margin-right:0}html[dir=ltr] .sidebar.collapsed+.main-content{margin-left:0}.sidebar{height:100vh;max-height:100vh;overflow:hidden}.sidebar-content{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:15px}.sidebar-footer{flex-shrink:0}.mobile-backdrop{position:fixed;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-backdrop.show{opacity:1;visibility:visible}}.btn-link{color:var(--nav-link-color);text-decoration:none}.btn-link:hover{color:var(--nav-link-active)}.sidebar.collapsed .nav-link[data-bs-toggle=tooltip]{pointer-events:auto}.main-content,.nav-text,.sidebar,.sidebar-brand-text{transition:all .3s ease}.chats{position:relative;overflow:hidden}.chats .chat-avatar{width:52px;height:52px;background-color:var(--bs-primary);border-radius:50%;flex-shrink:0}.chats .chat-list-item.active{background-color:#f8f9fa}.chats .chat-header-title{font-size:14px}.chats .chat-header-p{font-size:9px;padding:4px;margin-top:3px;text-decoration:none}.chats .chat-message .chat-avatar{width:25px;height:25px}.chats .chat-message{max-width:70%;padding:10px;margin-bottom:6px}.chats .chat-message.from-me .chat-avatar{background-color:#555}.chats .from-me{color:#fff;align-self:flex-start}.chats .from-user{align-self:flex-end}.chats .chat-messages .chat-title{font-size:9px}.chats .chat-messages .chat-title .line-name{height:11px;background-color:var(--bs-text-gray);width:1.28px}.chats .chat-list-item.active{background-color:#fff}.chats .chat-list-item{border:none;border-bottom:1px solid #ebebeb}.border-gray{border-color:#ebebeb!important}.chats .chat-talks-list .chat-avatar{width:43px;height:43px}.chats .chat-detail{position:relative;height:80vh;overflow-y:auto}.chats .chat-messages{flex-grow:1;overflow-y:auto;max-height:calc(80vh - 130px);padding-right:.5rem;padding-left:.5rem}.chats .chat-column{display:flex;flex-direction:column;height:80vh}.chats .chat-lists{position:relative;height:80vh;overflow-y:auto;border-right:1px solid #ebebeb;border-left:none}.chats .chat-form{border:1px solid #ebebeb;background-color:#fff;border-radius:4px}html[dir=ltr] .chats .chat-lists{border-left:1px solid #ebebeb;border-right:none}.chats .chat-details{border-left:1px solid #ebebeb;border-right:none}html[dir=ltr] .chats .chat-details{border-right:1px solid #ebebeb;border-left:none}.chats .chat-lists .chat-list-title{font-size:12px;font-weight:600;color:#000}.chats .chat-lists .chat-list-text{font-size:9px}.chat-messages,.chat-talks-list{scrollbar-width:thin;scrollbar-color:var(--bs-gray-400) transparent}@media (max-width:991px){.chats .chat-message{max-width:100%}.chats .chat-details,.chats .chat-lists{position:fixed;top:0;left:-1000%;width:280px;height:100vh;overflow-y:auto;background:#fff;box-shadow:2px 0 12px rgb(0 0 0 / .2);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;transition:left .3s ease;z-index:1100}.chats .chat-messages{max-height:calc(100vh - 150px)}.chats .chat-lists.open{left:0}.chats .chat-details.open{left:0}.chats .chat-lists.active{opacity:1;pointer-events:auto}.chats .chat-details.active{opacity:1;pointer-events:auto}}.order-detail,.orders,.orders .tab-content{max-width:650px;margin:0 auto}.progress-nav{margin-top:10px}.progress-nav .step{padding:10px 0;background-color:rgba(95,83,164,.3);border:1px solid rgba(255,255,255,.1);transition:background-color .3s ease;font-weight:500}.progress-nav .step.completed{background-color:rgba(95,83,164,.8)}.progress-cancelled .step{padding:10px 0;background-color:rgb(36,36,36,.3);border:1px solid rgb(36 36 36 / 12%);transition:background-color .3s ease;font-weight:500}.progress-cancelled .step.completed{background-color:rgb(36,36,36,.65)}@media (max-width:991px){.orders-btn-primry,.progress-cancelled .step{font-size:11px}.order-detail,.orders,.orders .tab-content{max-width:100%}}.my-orders{padding:0}.my-orders .order-title{font-size:20px;color:#000;font-weight:600}.my-orders .nav-tabs,.orders .nav-tabs{gap:10px;padding:0}.my-orders .nav-tabs .nav-item .nav-link,.orders .nav-tabs .nav-item .nav-link{background-color:#fff;border-radius:16px;padding:5px 20px;font-size:14px;border:1px solid #e0e0e0;color:#555}.my-orders .nav-tabs .nav-item .nav-link.active,.orders .nav-tabs .nav-item .nav-link.active{background-color:var(--bs-primary)!important;color:#fff!important;border:0!important}.my-orders .tab-content{max-width:284px;margin:0 auto}.my-orders .card{border:none}.order-date{font-size:15px}.my-orders .order-service-title{font-size:14px;color:#000;font-weight:600}.my-orders .order-service-title2{font-size:20px;color:#000;font-weight:600}.order-avatar{width:43px;height:43px;background-color:var(--bs-primary);border-radius:50%;flex-shrink:0}.my-orders .ordere-service-name{font-size:11px}.order-status{padding:2px 10px;border-radius:4px;margin:10px 0;display:inline-block;width:max-content}.order-wait{font-size:10px;color:#5d95ff;background-color:#d5e3ff}.order-done{font-size:10px;color:#079d01;background-color:#dbffd5}.order-cancelled{font-size:10px;color:#c70606;background-color:#ffd5d5}.order-not-selected{font-size:10px;color:var(--bs-text-gray);background-color:#ebebeb}.star-rating{direction:rtl;display:inline-block;cursor:pointer}.star-rating input{display:none}.star-rating label svg{color:#ddd;font-size:24px;padding:0 2px;cursor:pointer;transition:all .2s ease}.star-rating input:checked~label svg,.star-rating label:hover,.star-rating label:hover~label svg{color:#049d02!important}.order-upload-img{width:53px;height:53px;cursor:pointer}.order-evaluation{font-size:7px}.order-preview-img{width:53px;height:53px}@media (max-width:991px){.my-orders .tab-content{max-width:100%}.my-orders .nav-tabs{flex-wrap:wrap}}.order-bottom{width:100%}.opportunities{max-width:520px;margin:0 auto}.opportunities-btn{color:#555;transition:all .3s ease}.opportunities-btn:hover{background-color:var(--bs-primary)!important;color:#fff}@media (max-width:991px){.opportunities{max-width:100%}}.my-services{margin:0 auto}.my-services-text{color:#777}.my-services-table-p{max-width:250px;width:250px;font-size:12px;color:#777;text-align:start}.my-service-tab-container{border-bottom:1px solid var(--bs-text-gray)}.my-servies-tabs .nav-link{color:#777;font-size:15px;border:none}.my-servies-tabs .nav-link.active{background-color:transparent;border:none;color:var(--bs-primary)!important;font-weight:700}@media (max-width:991px){.my-services{max-width:100%}.my-service-tab-container{border-bottom:none}}.layout-form{height:100dvh;overflow-y:auto}.card-form{max-width:530px;width:100%;margin:0 auto}.bg-gray{background-color:var(--bs-gray)}.card-form .form-step{display:none}.card-form .form-step .next-step{width:100%}.card-form .progress{height:3px;background-color:#5f53a447}.card-form .prev-icon{position:absolute;right:0;left:inherit;top:0;transform:rotate(180deg)}html[dir=ltr] .card-form .prev-icon{left:0;right:inherit;transform:rotate(0)}.card-form .form-step.active{display:block}.card-form .progress-container{position:relative;max-width:300px;margin:0 auto}.card-form .bg-back{background-color:var(--bs-text-gray);color:#fff}.card-form .progress-labels{display:flex;justify-content:space-between;position:absolute;width:100%;top:-1.5rem;font-size:.9rem;color:#6c757d}.card-form .form-cost{font-size:14px}.card-form .input-border{border-color:#707070;border-radius:2px}.card-form .input-border:focus{box-shadow:0 0 0 .25rem rgb(95,83,164,.25)}.card-form .form-step textarea::placeholder{color:var(--bs-text-gray)}@media (max-width:991px){.card-form,.card-form .progress-container{max-width:100%;width:100%;margin:0 auto}}.warning-anim{animation:pulseWarning 1.5s infinite}@keyframes pulseWarning{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}100%{transform:scale(1);opacity:1}}.inbox-container{max-width:900px;margin:0 auto}.inbox-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:15px;padding:25px 30px;margin-bottom:25px;box-shadow:0 4px 15px rgba(102,126,234,.2)}.inbox-header h2{color:#fff;font-weight:600;margin:0;font-size:1.75rem}.inbox-header .subtitle{color:rgba(255,255,255,.9);font-size:.95rem;margin-top:5px}.chat-item{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;border:1px solid #e8ecf1;transition:all .3s ease;text-decoration:none;display:block;box-shadow:0 2px 8px rgba(0,0,0,.04)}.chat-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.12);border-color:#667eea;text-decoration:none}.chat-avatar-wrapper{position:relative;flex-shrink:0}.chat-item .chat-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #f0f2f5;transition:border-color .3s ease}.chat-item:hover .chat-avatar{border-color:#667eea}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#10b981;border:2px solid #fff;border-radius:50%}.chat-content{flex-grow:1;margin-left:18px;min-width:0}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chat-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0;transition:color .3s ease}.chat-item:hover .chat-name{color:#667eea}.chat-time{font-size:.8rem;color:#9ca3af;white-space:nowrap;margin-left:10px}.chat-message{color:#6b7280;font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.message-icon{color:#9ca3af;margin-right:6px;font-size:.85rem}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:2px dashed #e5e7eb}.empty-state-icon{font-size:4rem;color:#d1d5db;margin-bottom:20px}.empty-state h3{color:#6b7280;font-weight:600;font-size:1.3rem;margin-bottom:10px}.empty-state p{color:#9ca3af;font-size:.95rem;margin:0}@media (max-width:576px){.inbox-header{padding:20px}.inbox-header h2{font-size:1.4rem}.chat-item{padding:15px}.chat-item .chat-avatar{width:50px;height:50px}.chat-name{font-size:1rem}.chat-message{font-size:.875rem}}@keyframes bellShake{0%,100%{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-8deg)}20%,40%,60%,80%{transform:rotate(8deg)}}.notification-bell-animate{animation:bellShake 1.5s ease-in-out infinite;transform-origin:top center;animation-delay:.5s}.notification-bell-animate:hover{animation:none}@keyframes badgePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,193,7,.7)}50%{transform:scale(1.15);box-shadow:0 0 0 4px rgba(255,193,7,0)}}.sidebar-badge-pulse{animation:badgePulse 1.5s ease-in-out infinite;animation-delay:.3s;display:inline-block}.sidebar-badge-pulse:hover{animation:none}