.clients__wrapper{display:flex;flex-direction:column}.clients__body{display:flex;flex-direction:column;width:100%;margin-bottom:40px}.clients__body .onshow-more__wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:80px}@media (max-width: 1024px){.clients__body .onshow-more__wrapper{margin-bottom:60px}}@media (max-width: 768px){.clients__body .onshow-more__wrapper{margin-bottom:40px}}@media (max-width: 480px){.clients__body .onshow-more__wrapper{margin-bottom:30px}}.clients__body .onshow-more__body{display:flex;justify-content:center;align-items:center;gap:20px;width:100%}@media (max-width: 768px){.clients__body .onshow-more__body{gap:15px;flex-direction:column}}@media (max-width: 480px){.clients__body .onshow-more__body{gap:12px}}.clients__body .onshow-more__body button{width:100%;display:flex;gap:10px;align-items:center;justify-content:center;padding:18px 0;border-radius:10px;background:transparent;cursor:pointer;border:1px solid rgb(85,85,85);box-shadow:0 2px 10px #0c0b0b0d;font-family:Montserrat;font-weight:500;font-style:Medium;font-size:16px;line-height:23px;letter-spacing:0%;vertical-align:middle;transition:all .3s ease-in-out}@media (max-width: 768px){.clients__body .onshow-more__body button{padding:16px 0;font-size:14px;line-height:20px}}@media (max-width: 480px){.clients__body .onshow-more__body button{padding:14px 0;font-size:13px;line-height:18px}}.clients__body .onshow-more__body button:hover{background:#8a7de7;color:#fff}.clients__body .onshow-more__body .line-btn{background:#8a7de7;color:#fff;height:auto}@media (max-width: 768px){.clients__body .onshow-more__body .line-btn{order:-1}}.clients__body .onshow-more__body .line-btn:hover{background-color:transparent;color:#555}.clients__loading{text-align:center;padding:60px 20px;font-size:18px;color:#666}@media (max-width: 768px){.clients__loading{padding:40px 16px;font-size:16px}}@media (max-width: 480px){.clients__loading{padding:30px 12px;font-size:14px}}.clients__list-grid{display:grid;width:100%;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:20px;margin:80px auto 30px}@media (max-width: 1439px){.clients__list-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1199px){.clients__list-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:70px auto 25px}}@media (max-width: 1023px){.clients__list-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:60px auto 20px}}@media (max-width: 839px){.clients__list-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 767px){.clients__list-grid{grid-template-columns:1fr;gap:15px;margin:50px auto 20px}}@media (max-width: 599px){.clients__list-grid{gap:12px;margin:40px auto 15px}}@media (max-width: 479px){.clients__list-grid{gap:10px;margin:30px auto 10px}}.clients__list-grid-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;align-items:flex-start;min-height:426px;justify-content:flex-start}@media (max-width: 1199px){.clients__list-grid-item{min-height:400px}}@media (max-width: 1023px){.clients__list-grid-item{min-height:380px}}@media (max-width: 767px){.clients__list-grid-item{min-height:350px}}@media (max-width: 480px){.clients__list-grid-item{min-height:320px}}.clients__list-grid-item .status-badge{font-style:"SemiBold";display:inline-block;background-color:#1fbd54;color:#fff;padding:5px 9px;border-radius:5px;font-size:12px;font-weight:600;margin-bottom:10px;margin-top:25px;margin-left:25px;line-height:12px}.clients__list-grid-item .status-badge.demo{background-color:#d45123}@media (max-width: 767px){.clients__list-grid-item .status-badge{margin-top:20px;margin-left:20px;font-size:11px;padding:4px 8px}}@media (max-width: 480px){.clients__list-grid-item .status-badge{margin-top:15px;margin-left:15px;font-size:10px;padding:3px 6px}}.clients__list-grid-item h2{font-size:16px;font-weight:600;color:#333;font-style:"SemiBold";line-height:22px;padding:0 5px 15px;margin:0 20px;width:-webkit-fill-available;width:-moz-available;width:stretch;border-bottom:rgb(235,241,248) solid 1px}@media (max-width: 767px){.clients__list-grid-item h2{font-size:15px;line-height:20px;margin:0 15px;padding:0 5px 12px}}@media (max-width: 480px){.clients__list-grid-item h2{font-size:14px;line-height:18px;margin:0 12px;padding:0 5px 10px}}.clients__list-grid-item .info-flex{display:grid;grid-template-rows:1fr 1fr 1fr;width:100%;flex:1}.clients__list-grid-item .info-row{display:grid;grid-template-columns:40% 60%;padding:15px 5px;margin:0 20px}.clients__list-grid-item .info-row.center{border-top:rgb(235,241,248) solid 1px;border-bottom:rgb(235,241,248) solid 1px}@media (max-width: 767px){.clients__list-grid-item .info-row{margin:0 15px;padding:12px 5px}}@media (max-width: 480px){.clients__list-grid-item .info-row{margin:0 12px;padding:10px 5px;grid-template-columns:45% 55%}}.clients__list-grid-item .info-col{display:flex;flex-direction:column}.clients__list-grid-item .info-col:nth-child(1),.clients__list-grid-item .info-col:nth-child(3){padding-right:20px}@media (max-width: 480px){.clients__list-grid-item .info-col:nth-child(1),.clients__list-grid-item .info-col:nth-child(3){padding-right:15px}}.clients__list-grid-item .info-col:nth-child(2),.clients__list-grid-item .info-col:nth-child(4){padding-left:20px;border-left:rgb(235,241,248) solid 1px}@media (max-width: 480px){.clients__list-grid-item .info-col:nth-child(2),.clients__list-grid-item .info-col:nth-child(4){padding-left:15px}}.clients__list-grid-item .label{font-size:14px;color:#666;margin-bottom:4px;line-height:1.4}@media (max-width: 767px){.clients__list-grid-item .label{font-size:13px}}@media (max-width: 480px){.clients__list-grid-item .label{font-size:12px}}.clients__list-grid-item .value{font-size:16px;font-weight:600;color:#333;line-height:1.4}@media (max-width: 767px){.clients__list-grid-item .value{font-size:14px}}@media (max-width: 480px){.clients__list-grid-item .value{font-size:13px}}.clients__list-grid-item .contact-info{padding:20px 25px}@media (max-width: 767px){.clients__list-grid-item .contact-info{padding:15px 20px}}@media (max-width: 480px){.clients__list-grid-item .contact-info{padding:12px 15px}}.clients__list-grid-item .contact-info p{margin:6px 0;font-size:14px;line-height:1.5;color:#444}@media (max-width: 480px){.clients__list-grid-item .contact-info p{font-size:12px;margin:4px 0}}.clients__list-grid-item .contact-info strong{font-weight:600;color:#333}.clients__list-grid-item__addclient-button{width:100%;height:100%;border:none;background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-family:Montserrat;font-weight:500;font-style:"Regular";font-size:16px;line-height:22px;letter-spacing:0%;text-align:center;vertical-align:middle;border-radius:10px;transition:all .3s ease}@media (max-width: 767px){.clients__list-grid-item__addclient-button{font-size:14px;line-height:20px;gap:8px}}@media (max-width: 480px){.clients__list-grid-item__addclient-button{font-size:13px;line-height:18px;gap:6px}}.clients__list-grid-item__addclient-button svg{color:#8a7de7}@media (max-width: 480px){.clients__list-grid-item__addclient-button svg{width:40px;height:40px}}.clients__list-grid-item__addclient-button:hover{box-shadow:#8a7de7 0 2px 10px}.clients__list-line{display:flex;flex-direction:column;gap:10px;width:100%;margin:50px auto 30px}.clients__list-line .line-btn{width:100%;display:flex;gap:10px;align-items:center;justify-content:center;padding:18px 0;border-radius:10px;cursor:pointer;box-shadow:0 2px 10px #0c0b0b0d;font-family:Montserrat;font-weight:500;height:auto;font-style:Medium;font-size:16px;line-height:23px;letter-spacing:0%;vertical-align:middle;transition:all .3s ease-in-out}@media (max-width: 1024px){.clients__list-line{margin-top:40px;margin-bottom:25px;padding:0 16px}}@media (max-width: 768px){.clients__list-line{margin-top:30px;margin-bottom:20px;padding:0 12px;gap:8px}}@media (max-width: 480px){.clients__list-line{margin-top:25px;margin-bottom:15px;padding:0 10px;gap:6px}}.clients__list-line-item{display:grid;grid-template-columns:4% 30% 14fr 14fr 14fr 16% 8%;align-items:center;border-bottom:1px solid #e0e0e0;background:#fff;border:1px solid rgb(234,240,247);box-shadow:0 2px 10px #0c0b0b08;font-family:Montserrat;font-weight:500;font-size:16px;line-height:22px;letter-spacing:0%;vertical-align:middle;color:#333;border-radius:10px}@media (max-width: 1199px){.clients__list-line-item{grid-template-columns:5% 25% 1fr 1fr 1fr 15% 10%;font-size:14px;line-height:20px}}@media (max-width: 1023px){.clients__list-line-item{grid-template-columns:6% 24% 1fr 1fr 12% 8%;grid-template-areas:"id name name name name actions" "status date amount bonus empty empty";gap:10px;padding:15px}}@media (max-width: 767px){.clients__list-line-item{grid-template-columns:1fr;grid-template-areas:"header" "info" "actions";padding:12px;gap:8px}}.clients__list-line-item__id{background-color:#1fbd54;height:100%;font-weight:600;font-size:18px;line-height:100%;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-bottom-left-radius:10px}.clients__list-line-item__id.demo{background-color:#d45123}@media (max-width: 1023px){.clients__list-line-item__id{grid-area:id;border-radius:6px;height:40px;font-size:16px}}@media (max-width: 767px){.clients__list-line-item__id{grid-area:header;height:35px;font-size:14px;border-radius:5px}}.clients__list-line-item__name{padding:25px 0 25px 60px}@media (max-width: 1199px){.clients__list-line-item__name{padding:20px 0 20px 40px}}@media (max-width: 1023px){.clients__list-line-item__name{grid-area:name;padding:0;align-self:center}}@media (max-width: 767px){.clients__list-line-item__name{font-size:16px;font-weight:600}}@media (max-width: 1023px){.clients__list-line-item>*:nth-child(3){grid-area:status}.clients__list-line-item>*:nth-child(4){grid-area:date}.clients__list-line-item>*:nth-child(5){grid-area:amount}.clients__list-line-item>*:nth-child(6){grid-area:bonus}.clients__list-line-item>*:nth-child(7){grid-area:actions}}@media (max-width: 767px){.clients__list-line-item>*:not(:first-child):not(:last-child){display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f0f0f0}.clients__list-line-item>*:not(:first-child):not(:last-child):last-child{border-bottom:none}}.view-toggle{display:flex;box-shadow:0 2px 10px #0c0b0b0d;border-radius:100px;border:1px solid #f6f6f6;background:#fff;width:102px;height:50px;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 16px;position:relative}@media (max-width: 768px){.view-toggle{width:90px;height:44px;padding:0 12px}}@media (max-width: 480px){.view-toggle{width:80px;height:40px;padding:0 10px}}.view-toggle:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:49px;height:43px;border-radius:100px;background:#1e2321;transition:all .3s}@media (max-width: 768px){.view-toggle:before{width:43px;height:38px}}@media (max-width: 480px){.view-toggle:before{width:38px;height:34px}}.view-toggle button{background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}@media (max-width: 480px){.view-toggle button svg{width:18px;height:18px}}.view-toggle button path,.view-toggle button g{transition:all .3s}.view-toggle.grid:before{left:3px}@media (max-width: 768px){.view-toggle.grid:before{left:2px}}.view-toggle.line:before{left:calc(100% - 52px)}@media (max-width: 768px){.view-toggle.line:before{left:calc(100% - 45px)}}@media (max-width: 480px){.view-toggle.line:before{left:calc(100% - 40px)}}.view-toggle button.active path{fill:#fff}.view-toggle button.active g{opacity:1}.filter-clients__wrapper{background:#e5ebf2;border:1px solid rgb(229,235,242);box-shadow:0 2px 10px #0c0b0b08;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.filter-clients__wrapper{padding:10px 0;display:none}}.filter-clients__wrapper .MuiSwitch-thumb{color:#fff}.filter-clients__wrapper .referal-nav-bar-link__wrapper{z-index:9}.filter-clients__body{width:100%;padding-top:14px;padding-bottom:14px;display:flex;align-items:center;justify-content:space-between}.filter-clients__body .input-block .start-icon,.filter-clients__body .input-block .end-icon{z-index:2}.filter-clients__body .input-block input{background:#fff;border-radius:10px;min-height:50px}@media (max-width: 1024px){.filter-clients__body{padding-top:12px;padding-bottom:12px;flex-direction:row-reverse;gap:15px;align-items:stretch}}@media (max-width: 768px){.filter-clients__body{padding-top:10px;padding-bottom:10px;gap:12px}}@media (max-width: 480px){.filter-clients__body{padding-top:8px;padding-bottom:8px;gap:10px}}.filter-clients__body .input-block{margin:0;background-color:#fff;max-width:340px;max-height:50px!important;min-height:50px!important}@media (max-width: 1024px){.filter-clients__body .input-block{max-width:100%;min-height:45px!important;max-height:45px!important}}@media (max-width: 480px){.filter-clients__body .input-block{min-height:40px!important;max-height:40px!important}}.filter-clients__body .input-block input{padding-left:50px}@media (max-width: 1024px){.filter-clients__body .input-block input{padding-left:45px}}@media (max-width: 480px){.filter-clients__body .input-block input{padding-left:40px;font-size:14px}}.filter-clients__body .input-block input:hover{cursor:pointer}.filter-clients__body .input-block .input-placeholder{padding-left:30px;color:#333}@media (max-width: 480px){.filter-clients__body .input-block .input-placeholder{padding-left:25px;font-size:14px}}.filter-clients__body .input-block .start-icon{color:#222}@media (max-width: 480px){.filter-clients__body .input-block .start-icon{width:18px;height:18px}}.filter-clients__body .input-block:hover{cursor:pointer}@media (max-width: 1024px){.filter-clients__body>*:first-child{order:2}.filter-clients__body>*:last-child{order:1;align-self:flex-end}}.filter-clients__grid{width:100%;padding-top:14px;padding-bottom:14px;display:grid;grid-template-columns:4% 30% 14fr 14fr 14fr 16% 8%;align-items:center;justify-content:space-between}.filter-clients__grid .input-block{background-color:#fff;border-radius:10px}@media (max-width: 1199px){.filter-clients__grid{grid-template-columns:5% 25% 1fr 1fr 1fr 15% 10%;font-size:14px}}@media (max-width: 1023px){.filter-clients__grid{display:none}}.filter-clients__grid-item{display:flex;align-items:center}.filter-clients__grid-item.search{position:relative}.filter-clients__grid-item.search .input-with-icons{position:static}.filter-clients__grid-item.search .input-block{min-height:50px;margin-bottom:0}@media (max-width: 1024px){.filter-clients__grid-item.search .input-block{min-height:45px}}.filter-clients__grid-item.search .input-block input{padding-left:50px;padding-right:0}.filter-clients__grid-item.search .search-container{position:relative;overflow:hidden;display:flex;align-items:center;width:50%;height:50px}@media (max-width: 1024px){.filter-clients__grid-item.search .search-container{width:100%;height:45px}}.filter-clients__grid-item.search .search-placeholder,.filter-clients__grid-item.search .search-input-wrapper{position:absolute;height:50px;width:fit-content;top:0;left:0;right:0;transition:opacity .3s ease,transform .3s ease;display:flex;align-items:center}@media (max-width: 1024px){.filter-clients__grid-item.search .search-placeholder,.filter-clients__grid-item.search .search-input-wrapper{height:45px}}.filter-clients__grid-item.search .search-placeholder{opacity:1;transform:translateY(0);pointer-events:none}.filter-clients__grid-item.search .search-input-wrapper{opacity:0;transform:translateY(-10px);pointer-events:none}.filter-clients__grid-item.search .search-container.active{width:50%;border-radius:10px}@media (max-width: 1024px){.filter-clients__grid-item.search .search-container.active{width:100%}}.filter-clients__grid-item.search .search-container.active .search-placeholder{opacity:0;transform:translateY(10px)}.filter-clients__grid-item.search .search-container.active .search-input-wrapper{opacity:1;transform:translateY(0);pointer-events:all}.filter-clients__grid-item.search button{background:transparent;box-shadow:none;height:auto;min-width:auto;width:fit-content;padding:0 12px}.filter-clients__grid-item.search button:hover{background-color:transparent}.filter-clients__grid-item span{font-family:Montserrat;font-weight:500;font-style:Medium;font-size:18px;line-height:22px;letter-spacing:0%;text-align:center;color:#222}@media (max-width: 1199px){.filter-clients__grid-item span{font-size:16px;line-height:20px}}.filter-clients__grid-item:last-child{justify-content:flex-end}.filter-clients__grid-item .referal-nav-bar-link__wrapper{padding:0;max-width:none}.emptyproducts-container{margin-top:20px;margin-left:auto;margin-right:auto;padding:16px;background:#f8f8fa;border:1px solid #f6f6f6;border-radius:10px;box-shadow:0 2px 10px #0c0b0b26;font-size:120%;font-weight:500;color:var(--main-color);display:flex;flex-direction:column;gap:8px}@media (max-width: 768px){.emptyproducts-container{padding:12px}}@media (max-width: 480px){.emptyproducts-container{padding:10px}}.emptyproducts-header{display:flex;align-items:center;gap:12px}@media (max-width: 480px){.emptyproducts-header{gap:8px}}.emptyproducts-icon{flex-shrink:0;width:26px;height:26px;background-color:#fff4e5;color:#d45123;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:50%}@media (max-width: 480px){.emptyproducts-icon{width:22px;height:22px;font-size:12px}}.emptyproducts-title{margin:0;font-size:1.1em;font-weight:600;color:#6c63ff}@media (max-width: 768px){.emptyproducts-title{font-size:1em}}@media (max-width: 480px){.emptyproducts-title{font-size:.9em}}.emptyproducts-text{margin:0;font-size:.9em;color:#555;text-align:left}@media (max-width: 768px){.emptyproducts-text{font-size:.85em}}@media (max-width: 480px){.emptyproducts-text{font-size:.8em}}.emptyproducts-list{margin:6px 0 0 18px;padding:0;color:#555;font-size:.9em}@media (max-width: 480px){.emptyproducts-list{margin-left:12px;font-size:.8em}}.emptyproducts-list li{margin-bottom:4px}@media (max-width: 480px){.emptyproducts-list li{margin-bottom:3px}}@media (max-width: 320px){.clients__list-grid{padding:0 8px;gap:8px}.clients__list-line{padding:0 8px}.filter-clients__body{padding:6px 8px}.emptyproducts-container{margin:10px 4px 0;padding:8px}}@media (max-width: 768px) and (orientation: landscape){.clients__list-grid{grid-template-columns:repeat(2,1fr)}.clients__list-line-item{grid-template-columns:8% 30% 1fr 1fr 1fr 15% 10%}}@media (min-width: 1440px) and (max-width: 1640px){.clients__list-grid{grid-template-columns:repeat(3,1fr)}}