@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);:root{--clr-darkblue:#0f2a65;--clr-lightblue:#154475;--clr-gray:#efefef;--clr-lightgray:#f5f8fb;--clr-yellow:#fccf03;--clr-darkyellow:#ddaa23;--clr-backdrop:#40404066}*,:after,:before{margin:0;padding:0}*{box-sizing:border-box;font-family:Lato,sans-serif;scroll-behavior:smooth}body{transition:all .2s linear}button,input,select,textarea{font-family:inherit;font-size:1rem}textarea{resize:none}::-webkit-scrollbar{background-color:#f4f4f4;width:14px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5;border:3px solid #f4f4f4}::-webkit-scrollbar-thumb{background-color:#babac0;border:3px solid #fff;border-radius:16px;-webkit-transition:all .2s linear;transition:all .2s linear}::-webkit-scrollbar-track:hover{background-color:#f4f4f4}::-webkit-scrollbar-track{background-color:#0000;border-radius:7px;cursor:pointer}.flex{display:flex}.text-base{font-size:1.1rem;line-height:1.75rem;text-align:justify}.text-gray{color:#154475;color:var(--clr-lightblue)}.text-yellow{color:#fccf03!important;color:var(--clr-yellow)!important}.text-dark-yellow{color:#ddaa23}.text-red{color:red}.text-blue{color:#0f2a65;color:var(--clr-darkblue)}.capitalize{text-transform:capitalize}.body-btn,.pointer{cursor:pointer}.body-btn{border:none;border-radius:5px;font-size:1rem;font-weight:700;height:3rem;transition:background-color .5s linear;width:11rem}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.alert{align-items:center;display:flex;gap:5px;opacity:0;padding:10px 1rem;position:fixed;top:-30%;transition:all .5s cubic-bezier(.22,.61,.63,.85);z-index:9999}.alert svg{min-width:1.2rem}.error{background:#f4ccd1;color:#aa515b}.error,.success{border-radius:5px}.success{background:#c5e2d6;color:#307673}.pagination{align-items:center;display:flex;gap:3px;justify-content:center;margin-bottom:1rem;width:100%}.pagination svg{color:#999;cursor:pointer;transition:color .2s linear}.pagination svg:hover{color:#000}.pagination button{background:#0000;border:none;border-radius:5px;cursor:pointer;padding:5px 10px;transition:all .2s linear}.pagination button:not(.disabled-pagination,.active-pagination):hover{background:#d4e3f9;color:#0f2a65;color:var(--clr-darkblue)}.disabled-pagination{cursor:auto!important}.active-pagination{background:#0f2a65!important;background:var(--clr-darkblue)!important;color:#fff;margin-inline:3px}.show-ignore-container{align-items:center;background:#40404066;background:var(--clr-backdrop);display:flex;height:100%;inset:0 0 0 0;justify-content:center;position:fixed;transition:transform .35s ease-out;width:100%;z-index:10000}.show-ignore{background:#f4ccd1;border-radius:.75rem;box-shadow:0 2px 8px #00000014,0 8px 32px #00000029;color:#aa515b;display:grid;height:15rem;max-height:90vh;overflow:hidden;padding:2rem;place-items:center;text-align:center;transition:transform .35s ease-out;width:25rem}.show-ignore div>*{margin-block:10px}.show-ignore-btn button:first-child{background:red;color:#fff;margin-right:1rem}.show-ignore-btn button{border:none;border-radius:5px;cursor:pointer;height:2rem;width:5rem}label span{color:red}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{display:none}.sort-by-rfq{align-items:center;gap:10px}.sort-by-rfq select{background:#0000;border:none;border-radius:5px;box-shadow:0 0 5px #999;color:#0f2a65;color:var(--clr-darkblue);cursor:pointer;outline:2px solid #0f2a65;outline:2px solid var(--clr-darkblue)}@media (max-width:28rem){.alert{height:auto;padding-block:7px;padding-inline:1rem}.sort-by-rfq{margin-top:10px}}.navbar{background:#fff;box-shadow:0 2px 15px -3px #00000014;height:9rem;position:fixed;top:0;width:100%;z-index:10}.user-icon-svg{align-items:center;border-radius:5px;display:flex;padding:2px}.user-icon-svg div{background:#fff;border-radius:4px;box-shadow:var(--clr-gray) 0 0 10px;display:none;font-size:14px;outline:var(--clr-gray) 2px solid;padding-block:5px;position:absolute;right:1rem;top:4.5rem;width:12rem;z-index:10}.open-window{display:block!important}.user-icon-svg div a{color:#000}.user-icon-svg div p:first-child{border-bottom:2px solid var(--clr-gray)}.user-icon-svg-select{background:var(--clr-gray)}.user-icon-svg div p{align-items:center;display:flex;gap:5px;margin-inline:auto;padding:5px 3px;width:90%}.user-icon p span{background:red;border-radius:3px;bottom:2px;color:#fff;font-size:10px;left:14px;padding:1px 4px;position:relative}.nav-container{align-items:center;font-weight:700;justify-content:space-between;margin:1rem auto;width:80%}.nav-icon{height:auto;width:10rem}.nav{display:flex;font-size:1.1rem;gap:2rem;justify-content:space-between}.nav,.nav-txt{align-items:center;width:80%}.nav-txt{border-top:1px solid #e6e9eb;gap:1.5rem;margin-inline:auto;padding:10px 0}.nav-txt a{border-radius:4px;color:#000;padding:1px 3px;text-decoration:none}.nav-search{align-items:center;border-radius:4px;box-shadow:0 -4px 10px 0 #0000001a;outline:2px solid #fccf03;position:relative;width:50%}.nav-search svg{font-size:26px!important;margin:4px}.top-search{align-items:center;background:#fff}.nav-search ul{background:#fff;border-radius:0 0 4px 4px;max-height:12rem;outline:2px solid var(--clr-yellow);overflow-y:scroll;padding:0 10px;position:absolute;transition:all .2s linear;width:-webkit-fill-available;z-index:999}.nav-search ul li:first-child{padding-top:10px}.nav-search ul li:last-child{padding-bottom:10px}.nav-search ul li{font-size:14px;list-style:none;padding:5px}.nav-search ul li:hover{background:#e9f3ff}.nav-search ul li:not(:last-child){margin-bottom:5px}.nav-search ul li a{align-items:center;color:#666;display:flex;font-weight:400;justify-content:space-between;text-decoration:none}.nav-search input{border:none;height:2.2rem;padding-inline:7px;width:100%}.nav-search input:focus{outline:none}.nav-txt div a{cursor:pointer;transition:all .2s linear}.nav-txt div a:hover,.navbar-active{background:#eeebeb}.display{display:none;font-size:1.5rem}#Login{background:#0000;margin-right:2rem}#Login a,.user-icon a{color:#000;text-decoration:none}.nav-btn button{border:none;border-radius:5px;font-size:16px;font-weight:700;height:2.5rem}#Register{background:#0f2a65;color:#fff;width:8rem}.nav-display,.only-phone{display:none}.user-icon{align-items:center;display:flex;gap:5px;width:auto}.show-mobile-nav{display:none}.nav a{text-decoration:none}.user-icon span{color:var(--clr-gray);font-size:1rem;transition:all .2s linear}.nav-btn a{color:#000;text-decoration:none}.nav-btn a button{cursor:pointer}.nav-btn a:last-child{color:#fff!important}@media (max-width:75rem){.nav-container{width:90%}.user-icon-svg div{right:6rem}}@media (max-width:58rem){.navbar{height:6.5rem}.display{display:inline}.only-phone{display:flex}.only-lap{display:none}.nav{background:#f5f8fb;flex-direction:column;gap:2rem;inset:0 0 0 100%;justify-content:center;max-height:100%;position:fixed;transition:transform .35s ease-out;width:100%;z-index:2}.nav-search ul{max-height:9rem}.show-mobile-nav{display:inline}.hide-mobile-nav{display:none}.open{transform:translateX(-100%)}.nav-txt{align-items:center;border-top:none;justify-content:center;padding:0}.nav-btn,.nav-txt{flex-direction:column;gap:1rem}.nav-btn{text-align:center;width:100%}#Login{outline:2px solid #0f2a65}#Login,#Register,.nav-search{margin-inline:auto;max-width:30rem;width:80%}.user-icon-svg div{bottom:10px;left:10rem;right:auto;top:auto}}@media (max-width:36rem){.navbar{height:5rem}.nav-icon{width:7rem}}#go-up{aspect-ratio:1;background:var(--clr-yellow);border-radius:50%;bottom:1rem;cursor:pointer;display:grid;place-items:center;position:fixed;right:1rem;width:2.5rem}.home-first{background-size:cover!important;display:grid;height:100vh;place-items:center;width:100%}.home-supply-img img{aspect-ratio:2/1;max-height:25rem;object-fit:cover;object-position:bottom;width:100%}.how-to-use h1,.products h1,.useful h1{color:#2f5496}#start-btn:hover{background-color:#8ccff0}#contact-btn{background:#0000;color:#fff;outline:2px solid #fff}#contact-btn:hover{background:#ffffff57}.products{background:#f5f8fb;padding:6rem 0 3rem}.products-container{height:auto;margin-inline:auto;width:80%}.about-use-img img{aspect-ratio:3/1;margin-top:2rem;min-height:15rem;object-fit:cover;object-position:right;width:100%}.custom-img{display:flex;gap:2rem}.custom-img img{height:20rem;object-fit:cover;object-position:center;width:59rem}.home-product-container{justify-content:space-between}.home-product-context{width:100%}.home-product-context p{font-size:1.1rem;line-height:1.5rem;text-align:justify}.come-up{animation:translate .6s cubic-bezier(.22,.61,.63,.85)}.hide-go-up{display:none}.display-none{display:none!important}@keyframes translate{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Solutions{background:#fff;padding:6rem 0}.Solutions-container{margin-inline:auto;width:80%}.solutions-list{margin:4rem 0}.active-solution{background:#0f2a65!important;color:#fff}.solutions-list div{border-radius:5px;cursor:pointer;font-size:1.1rem;padding:1rem 1.5rem}.solution-boxs{gap:2rem}.home-banner{background:#f5f8fb;background:linear-gradient(0deg,#f5f8fb 50%,#fff 0)}.home-banner-container{background:linear-gradient(270deg,#003f64,#1077b4,#001215 86%);border-radius:10px;color:#fff;justify-content:space-between;margin:auto;padding:5rem;width:80%}.banner-txt{width:75%}.banner-btn{flex-direction:column;gap:1rem}.useful{padding:2rem 0 4rem}.useful-container{margin-inline:auto;width:80%}.Solutions-container h1,.how-to-use h1,.products-container h1,.useful-container h1{margin:2rem 0 4rem}.solutions-box,.useful-box{background:#fff;border-radius:10px;box-shadow:4px 4px 10px #bebebe40;cursor:pointer;outline:1px solid #d1dbe8;padding:1.5rem;transition:all .2s linear;width:18rem}.solutions-box:hover,.useful-box:hover{outline:1px solid #fccf03}.solutions-box p,.useful-box p{font-size:.875rem;line-height:1.25rem}.solutions-box div,.useful-box div{margin-bottom:1.5rem}.solutions-box-txt,.useful-box-txt{justify-content:space-between}.solutions-box-txt h3,.useful-box-txt h3{transition:all .2s linear}.solutions-box:hover .solutions-box-txt h3,.useful-box:hover .useful-box-txt h3{color:#fccf03}.solutions-box-txt svg,.useful-box-txt svg{color:#fccf03;opacity:0;transition:all .2s linear}.solutions-box:hover .solutions-box-txt svg,.useful-box:hover .useful-box-txt svg{opacity:1}.safer{background:#003f64;padding:5rem 0}.how-to-use{margin-inline:auto;padding:6rem 0 3rem;width:80%}.how-to-use div{width:100%}.how-to-use div img{margin:1.5rem 0;min-height:6rem;object-fit:cover;width:100%}.how-to-use div p{font-size:1.1rem;line-height:1.75rem;text-align:justify}.home-product-context h3,.how-to-use div h3{color:#4472c4;padding-bottom:1.5rem}.how-to-use div{padding-top:1rem}.home-product-context div:not(:first-child){padding-top:2rem}@media (max-width:83rem){.home-container{flex-direction:column;gap:5rem}.container-top-btn{text-align:center}.home-container-top{width:80%}.home-container-top h1,.home-container-top h2{font-size:1.5rem}.text-base{font-size:1rem;line-height:1.5rem}.Solutions-container h3,.how-to-use div h3,.products-container h3,.useful-container h3{font-size:.9rem}.Solutions-container h1,.banner-txt h1,.how-to-use h1,.products-container h1,.useful-container h1{font-size:1.5rem}.home-product-container{flex-direction:column;justify-content:center}.home-product-img{padding-right:0;text-align:center}.products-container{margin-inline:auto;width:80%}.home-product-context{max-width:none;width:100%}.solution-boxs{flex-wrap:wrap}.solution-boxs>*{flex-grow:1}.home-banner-container{flex-direction:column;padding:3rem 2rem}.banner-txt{width:100%}.safer{padding:0}.banner-btn{flex-direction:row;margin-inline:auto;margin-top:1rem}.home-product-context{margin-bottom:3rem}.home-container img{max-width:70%}}@media (max-width:61rem){.custom-img{display:flex;flex-direction:column;gap:2rem}.custom-img img{aspect-ratio:1;height:auto;object-fit:cover;object-position:center;width:100%}}@media (max-width:37rem){.Solutions-container h1,.banner-txt h1,.home-container-top h1,.home-container-top h2,.how-to-use h1,.products-container h1,.useful-container h1{font-size:1.2rem}.banner-btn{flex-direction:column;width:100%}.home-product-context div p,.how-to-use div p,.text-base{font-size:.9rem}.home-banner-container{padding:3rem 1.5rem}.container-top-btn{display:flex;flex-direction:column;gap:1rem}.solutions-list{flex-wrap:wrap}.banner-btn button,.container-top-btn button{width:100%}.Solutions-container,.home-banner-container,.home-container-top,.products-container,.useful-container{width:90%}.product-list button,.solutions-list div{font-size:.9rem}.product-list{margin-bottom:3rem}.home-container-top{height:75vh}.home-container img{margin-top:2rem}}.loading{align-items:center;background:var(--clr-lightgray);display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;width:100%;z-index:20}.loading img{animation:opacity-i 1s linear infinite;width:3rem}.auth{min-height:100vh}.auth-text{display:grid;place-items:center;width:50%}.text-container{margin:auto;padding:2rem 0;width:60%}.text-container-p{margin:1rem 0}.go-back{align-items:center;background:var(--clr-darkblue);border-radius:1rem;color:#fff;font-size:.8rem;gap:10px;height:2rem;justify-content:center;padding:5px 10px;position:fixed;right:1rem;top:1rem;z-index:12}.go-back svg{width:1rem}.go-back a{color:#fff;text-decoration:none}.auth-img{height:100%;position:fixed;right:0;width:50%}.auth-img:after{background:#0f2a6570;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.auth-img img{height:100vh;object-fit:cover;width:100%;z-index:1}.auth-btn{background:var(--clr-darkblue);color:#fff;cursor:pointer;transition:all .2s linear}.auth input:not(input[type=checkbox]),.reset-pass-email input{padding-inline:1rem}.auth input:not(input[type=checkbox]),.auth textarea,.reset-pass-email input{background:#0000;margin:.5rem 0 1rem;outline:var(--clr-gray) 2px solid;transition:all .2s ease-in}.auth textarea{aspect-ratio:3/1;border:none;border-radius:4px;font-size:1rem;padding:1rem;width:100%}.auth input:not(input[type=checkbox]),.auth-btn,.reset-pass-email input{border:none;border-radius:4px;height:2.5rem;margin-bottom:1rem;min-width:18rem;width:100%}#rememberMe{display:flex;gap:5px;margin-bottom:5px}.auth input:not(input[type=checkbox]):hover,.auth textarea:hover{outline:var(--clr-darkblue) 2px solid}.auth input:not(input[type=checkbox]):focus,.auth textarea:focus{outline:var(--clr-yellow) 2px solid}.auth-btn:hover{background:#0f2a65d6}.auth-btn:disabled{background:#0f2a65c7}.account a{color:var(--clr-darkblue);font-weight:700;text-decoration:none}#pass{margin-bottom:1rem}#pass div{font-size:.9rem}#pass span{color:var(--clr-lightblue);font-size:.8rem}#pass p{padding:3px 0}#pass svg{color:#006400;display:none;width:1rem}.strength{align-items:center;display:flex;gap:5px}.strength svg{display:block!important}.strength span{color:#006400!important}.alert-show{left:0;opacity:1;top:3%;width:45%}.account{margin-bottom:1rem}@media (max-width:66rem){.text-container{width:80%}}@media (max-width:49rem){.auth{background:var(--clr-lightgray);display:block;min-height:100vh}.auth-mobile{display:none}.alert-show{width:65%}.auth-text{display:grid;min-height:100vh;width:100%}.text-container{background:#fff;border-radius:10px;box-shadow:0 0 13px 2px #0000001a;margin:4rem 0;padding:4rem 2.5rem;width:70%}}@media (max-width:37rem){.reset-pass-email{width:90%}}@media (max-width:32rem){.text-container{width:80%}.auth input:not(input[type=checkbox]),.auth-btn,.reset-pass-email input{aspect-ratio:auto;min-width:10rem}.alert-show{margin-inline:5px;top:10%;width:99%}.reset-pass-email-outline h1,.text-container h1{font-size:1.6rem}.account,.auth input,.auth textarea,.auth-btn,.text-container-p{font-size:.9rem}}@media (max-width:28rem){.text-container{background:#fff;border-radius:0;width:100%}.reset-pass-email{width:100%}.reset-pass-email-outline{border-radius:0;padding:4rem 2rem}.alert-show{font-size:14px}}.footer{background:#e2e5e8}.footer-container{margin-inline:auto;width:80%}.footer-container div svg{color:var(--clr-yellow);min-width:1.2rem;width:1.2rem}.footer-top{align-items:center;border-bottom:2px solid #e2dfdf;justify-content:space-between;padding:2rem 0}.icon-footer{width:10rem}.footer-contact div,.footer-explore div{margin-top:1rem;transition:all .2s linear}.footer-explore div:hover{transform:translateX(3px)}.footer-bottom{font-size:.8rem;padding:1rem 0;text-align:center}.footer-contact div{align-items:center;display:flex;gap:5px}.footer-contact{font-size:.9rem;min-width:19rem;width:40%}@media (max-width:49rem){.footer-container{width:90%}.footer-contact{font-size:.8rem;min-width:17rem}}@media (max-width:36rem){.footer-top{flex-direction:column}}.user-dashboard-container{background:var(--clr-lightgray);min-height:100vh}.user-dashboard-nav{background:#fff;border-right:2px solid #e0dfdf;bottom:0;flex-direction:column;height:100vh;justify-content:space-between;padding:2rem;position:-webkit-sticky;position:sticky;top:0;width:20rem}.user-dashboard-nav-t div{border-radius:12px;color:#636363;cursor:pointer;margin:1rem 0;padding:14px 10px;transition:all .2s ease-out;width:100%}.user-dashboard-nav-t a{text-decoration:none}.user-dashboard-nav-t div:hover{background:var(--clr-gray)!important}.nav-active div{background:var(--clr-gray);color:#000}.user-dashboard-nav-t img{width:10rem}.user-dashboard-nav-t p{margin-bottom:2.5rem}.user-dashboard-nav-bt{border-top:1px solid #e0dfdf;color:red;padding-top:2rem}.user-dashboard-nav-bt div{align-items:center;display:flex;gap:5px}.user-dashboard-nav-bt span{cursor:pointer}.user-dash-search{background:var(--clr-gray);height:2.5rem;padding-inline:10px;position:relative;width:20rem}.user-dash-search-top{align-items:center;height:100%}.user-dash-search ul{background:var(--clr-gray);border-radius:0 0 4px 4px;left:0;max-height:12rem;overflow-y:scroll;padding:0 10px;position:absolute;transition:all .2s linear;width:-webkit-fill-available;z-index:999}.user-dash-search ul li:first-child{padding-top:10px}.user-dash-search ul li:last-child{padding-bottom:10px}.user-dash-search ul li{font-size:14px;list-style:none;padding:5px}.user-dash-search li:hover{background:#fff}.user-dash-search li:not(:last-child){margin-bottom:5px}.user-dash-search ul li a{align-items:center;color:#666;display:flex;font-weight:400;justify-content:space-between;text-decoration:none}.user-dash-search input{background:#0000;border:none;height:100%;padding-inline:8px;width:100%}.user-dash-search input:focus{outline:none}.user-dashboard-top{align-items:center;background:#fff;border-bottom:1px solid var(--clr-gray);height:5rem;justify-content:space-between;padding:0 2rem;width:100%}.user-dashboard-right{width:100%}.user-dashboard-info{align-items:center;display:flex;gap:1.5rem}.user-dashboard-icon{align-items:center;border-radius:5px;box-shadow:0 0 4px #959595;color:var(--clr-darkblue);gap:7px;outline:var(--clr-darkblue) 2px solid;padding:7px 12px}.user-dash-icon{align-items:center;display:flex;gap:1rem;position:relative}.user-dash-icon a{color:#000}.user-display{display:none}.bag-icon,.notification-bell{display:flex}.bag-icon p,.notification-bell p{background:red;border-radius:50%;color:#fff;display:grid;font-size:10px;height:15px;place-items:center;align-items:center;position:relative;width:15px}.notification-bell p{bottom:6px;left:26px}.bag-icon p{bottom:6px;right:9px}@media (max-width:59rem){.user-dashboard-nav-t img{width:8rem}.user-display{display:block}.user-top div h2{font-size:1.1rem}.user-dashboard-nav-t p{align-items:center;justify-content:space-between}.user-dashboard-nav{background:#fff;flex-direction:column;justify-content:center;max-height:100%;min-width:14rem;position:fixed;right:100%;transition:transform .35s ease-out;width:50%;z-index:2}.open-nav{transform:translateX(100%)}}@media (max-width:50rem){.user-dashboard-top{align-items:center;flex-direction:column;gap:1rem;height:auto;justify-content:center;padding:1rem}.user-dashboard-top>*{width:100%}}@media (max-width:28rem){.user-dashboard-info{gap:14px}.user-dashboard-info div h3{font-size:1rem}.user-dashboard-info div span{font-size:.8rem}.user-dash-icon{gap:6px}.user-dash-icon svg{width:19px}}.notification-list{background:#fff;border-radius:4px;box-shadow:0 0 10px #d0d6e3;font-size:15px;left:1rem;outline:var(--clr-gray) 2px solid;position:absolute;top:2rem;width:15rem;z-index:10}.notification-list-top{background:var(--clr-darkblue);color:#fff;padding:8px}.notification-list-boxes{max-height:13rem;overflow:auto}.notification-list-boxes div{margin-inline:8px;padding-block:8px}.notification-list a{color:#444;font-weight:400;text-decoration:none;transition:color .2s linear}.notification-list a:hover{color:#000}.notification-list-boxes div p:last-child{color:#999;font-size:11px;margin-top:3px}.notification-list-boxes div:not(:last-child){border-bottom:1px solid var(--clr-gray)}@media (max-width:31rem){.notification-list{left:auto!important;right:1rem;top:2rem}}.user-top{padding:1rem;position:relative}.user-rfq-div,.user-top div{align-items:center;justify-content:space-between}.user-top div{margin-top:1rem}.user-top div a{text-decoration:none}.new-top{padding:1rem 2rem}.user{padding-inline:1.5rem;padding-top:2rem}.user-top p span:last-child{padding-left:1rem}.user table{border-collapse:initial;border-spacing:0 15px;margin-bottom:1rem;text-align:center;width:100%}.user table tr{background:#fff;border-radius:12px;box-shadow:0 0 8px #e8e8e8;outline:1px solid #e1e1e1;transition:all cubic-bezier(0,.2,.3,.4)}.user table tr:first-child{background:var(--clr-yellow);color:#fff}.user table tr:not(:first-child):hover{outline:var(--clr-darkblue) 2px solid}.user table tr td{padding:1.5rem 0}.user table tr td:first-child,.user table tr th:first-child{border-radius:12px 0 0 12px}.user table tr td:last-child,.user table tr th:last-child{border-radius:0 12px 12px 0}.user table tr th{height:4rem;padding:8px}.user table tr td svg{color:var(--clr-yellow);cursor:pointer;transition:color .2s linear}.user table tr td svg:hover{color:var(--clr-darkyellow)}.add-user{align-items:center;background:#0000;border:none;border-radius:5px;color:#003ab9;cursor:pointer;display:flex;font-size:.9rem;gap:4px;height:2.5rem;justify-content:center;outline:2px solid #003ab9;padding:5px 8px}.add-user svg{width:1.2rem}.new-bottom form{margin:2rem auto;width:90%}.new-bottom form div input,.new-bottom form div textarea{background:#fff;border:none;border-radius:4px;box-shadow:inset 0 1px 3px #b7b7b7;outline:var(--clr-gray) 2px solid;transition:all .2s ease-in;width:100%}.new-bottom form div input{height:2.5rem;margin:.5rem 0 1rem;min-width:18rem;padding-inline:1rem}.new-bottom form div textarea{aspect-ratio:4/1;background:#fff;font-size:1rem;margin:.5rem 0 1rem;outline:var(--clr-gray) 2px solid;padding:1rem}.new-bottom form button{background:var(--clr-darkblue);border:none;border-radius:4px;color:#fff;cursor:pointer;height:2.5rem;margin-bottom:1rem;min-width:18rem;transition:all .2s linear;width:100%}.new-bottom form button:hover{background:#0f2a65d6}.new-bottom form div input:hover,.new-bottom form div textarea:hover,.user-rfq-container form div input:hover,.user-rfq-container form div select:hover,.user-rfq-container form div textarea:hover{outline:var(--clr-darkblue) 2px solid}.new-bottom form div input:focus,.new-bottom form div textarea:focus,.user-rfq-container form div input:focus,.user-rfq-container form div select:focus,.user-rfq-container form div textarea:focus{outline:var(--clr-yellow) 2px solid}.user-green{color:green}.user-red{color:red}.user-orange{color:#ff6200}.rfq-user-btn-edit{background:#ff8c00;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:8px 15px;transition:all .2s linear}.profile{background:#fff;margin:2.5rem 1.5rem;padding:1.5rem}.profile h2{margin-top:2rem}.profile-container{border-radius:8px;gap:2rem;justify-content:space-between;margin-top:2rem}.profile-container div{width:48%}.service-attachment-user{align-items:center!important;display:flex!important;gap:2rem!important;margin-bottom:1rem}.service-attachment-button{background:#fff!important;border:none!important;border-radius:4px!important;color:#000!important;cursor:pointer!important;height:2rem!important;margin-bottom:0!important;min-width:auto!important;outline:1px solid #888!important;transition:all .1s linear!important;width:7rem!important}.profile-left{display:flex;flex-direction:column;gap:2rem}.organization-info{height:100%}.profile-container div form{outline:solid 1px var(--clr-gray);padding:1rem}.profile-container div form p{border-bottom:1px solid var(--clr-gray);padding-bottom:10px}#update-user-btn button{background:var(--clr-darkblue);border:none;border-radius:4px;color:#fff;cursor:pointer;height:2.5rem;margin:1rem 0;transition:all .2s linear;width:50%}#update-user-btn{text-align:center;width:100%}#update-user-btn button:hover{background:#0f2a65d6}#update-user-btn button:disabled{background:#0f2a65c7}.profile-container div form div{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:10px;width:100%}.profile-container div form div input{height:2.5rem;padding-inline:1rem}.profile-container div form div label{color:var(--clr-lightblue)}.profile-container div form div input,.profile-right textarea{border:none;border-radius:4px;outline:var(--clr-gray) 2px solid;transition:all .2s ease-in;width:60%}.profile-right textarea{aspect-ratio:3/1;font-size:1rem;padding:1rem}.profile-container div form div input:not(input[disabled]):hover,.profile-right textarea:hover{outline:var(--clr-darkblue) 2px solid}.profile-container div form div input:not(input[disabled]):focus,.profile-right textarea:focus{outline:var(--clr-yellow) 2px solid}.notification-box-user{align-items:center;background:#fff;border-radius:12px;box-shadow:0 0 8px #e8e8e8;cursor:pointer;display:flex;justify-content:space-between;margin:1rem auto;outline:1px solid #e1e1e1;padding:1rem 2rem;transition:background-color .2s linear}.notification-box-user:hover{background:#fccf035c}.profile-show{opacity:1;top:11%}.user-ticket-show{opacity:1;top:8.7rem}.notification-box-user a{text-decoration:none}.notifications-detail-container{padding:1rem}.notifications-detail-container div{align-items:center;background:var(--clr-yellow);border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.notifications-detail-container p{background:#fff;border-radius:8px;outline:1px solid #e0dfdf;padding:2rem 1rem}.notifications-detail-container div span{color:#6e6e6e}.notifications-detail-container p{margin:1rem 0}.user-button-attachment-notification{background:var(--clr-yellow);border:none;border-radius:5px;height:2.5rem;width:11rem}.user-button-attachment-notification a{color:#fff;text-decoration:none}.user-rfq{padding-block:1rem;padding-inline:5px}.user-rfq-container h1{padding-bottom:1.5rem}.user-rfq-top{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.user-rfq-container form{display:flex;flex-direction:column;gap:1rem}.user-rfq-container form div input,.user-rfq-container form div select{border:none;height:2.5rem;margin-top:.5rem;min-width:15rem;padding-inline:1rem}.user-rfq-container form div input,.user-rfq-container form div select,.user-rfq-container form textarea{background:#fff;border-radius:4px;box-shadow:inset 0 1px 3px #b7b7b7;outline:var(--clr-gray) 2px solid;transition:all .2s ease-in;width:100%}.user-rfq-container form textarea{border:none;font-size:1rem;height:5rem;margin:.5rem 0 1rem;min-height:10rem;padding:1rem}.user-rfq-btn{text-align:center;width:100%}.user-rfq-btn button{background:var(--clr-darkblue);border:none;border-radius:5px;color:#fff;height:2.5rem;min-width:15rem;width:50%}.user-top-div{position:relative;z-index:3}.user-rfq-div a{text-decoration:none}.part-number-result{min-width:15rem}.edit-rfq-btn{align-items:center;display:flex;gap:1rem;margin-left:5px;margin-top:1rem}.edit-rfq-btn button{border:none;border-radius:3px;cursor:pointer;padding:8px 15px;transition:all .2s linear}.btn-accept{background:#006400;color:#fff}.btn-accept:hover{box-shadow:0 0 5px #006400}.btn-ignore{background:red;color:#fff}.btn-ignore:hover{box-shadow:0 0 5px red}.btn-download{background:var(--clr-darkblue)}.btn-download a{color:#fff;text-decoration:none}.btn-download:hover{box-shadow:var(--clr-darkblue) 0 0 5px}.user-excel{align-items:center;display:flex;gap:3px;justify-content:center;text-decoration:none}.user-excel,.view-note{background:var(--clr-yellow);border:none;border-radius:5px;color:#fff;cursor:pointer;height:2rem;width:5rem}.user-ticket-chat-top{align-items:center;background-color:#fff;border-bottom:1px solid #88888840;display:flex;height:60px;justify-content:space-between;padding-inline:1rem}.user-ticket-chat-top h2{align-items:center;display:flex;font-size:1.3rem;gap:1rem}.user-ticket-chat-top button{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;height:2rem;width:6rem}.user-ticket-chat{background:var(--clr-lightgray);overflow:hidden;width:100%}.user-massage-container{display:flex;flex-direction:column-reverse;flex-grow:1;max-height:80vh;overflow-y:auto;padding:1rem 1rem 4rem}.user-massage-container div:not(:first-child){margin-block:1.4rem}.user-inner-massage{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user-massager{color:#666;font-size:14px;margin:5px}.user-massage-time{color:#999;font-size:12px;margin:5px 0}.user-inner-massage-p{padding:1.3rem 2rem}.user-ticket-chat-right{text-align:right;width:100%}.user-ticket-chat-left{text-align:left;width:100%}.user-ticket-chat-right .user-inner-massage{background:#e3effd;border-radius:1.5rem 1.5rem 0 1.5rem;outline:2px solid #dfe9f5}.user-ticket-chat-left .user-inner-massage{background:#f2f2f2;border-radius:1.5rem 1.5rem 1.5rem 0;outline:2px solid #e7e7e7}.user-ticket-massage-input{bottom:1rem;display:flex;gap:7px;padding-inline:1rem;position:fixed;width:100%;width:-webkit-fill-available}.user-ticket-massage-input button{background:var(--clr-darkblue);border:none;border-radius:5px;color:#fff;font-weight:lighter;height:3rem;width:3.5rem}.user-ticket-massage-input textarea{background:#fff;border:1px solid #999;border-radius:7px;height:3rem;max-height:200px;overflow-y:hidden;padding-block:.875rem;padding-inline:1rem;resize:none;transition:all .2s ease-in;width:100%}.user-loading{display:grid;height:52vh;place-items:center;width:100%}.user-loading img{animation:opacity-h 1s linear infinite;width:2rem}@keyframes opacity-h{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media (max-width:75rem){.profile-container{flex-direction:column}.profile-container div{width:100%}}@media (max-width:67rem){.user-rfq-top{grid-template-columns:repeat(2,1fr)}}@media (max-width:41rem){.user table tr td{padding:1.5rem 1rem}.new-bottom form{margin:2rem auto;width:95%}.user-rfq-top{grid-template-columns:repeat(1,1fr)}}@media (max-width:36rem){.profile-container div form div{align-items:flex-start;flex-direction:column}#update-user-btn button,.profile-container div form div input,.profile-right textarea{width:100%}}@media (max-width:33rem){.user{padding-inline:10px;padding-top:1rem}.user-top div{align-items:flex-start;flex-direction:column;gap:1rem}.add-user,.user-top div,.user-top div a{width:100%}.user-top h1{font-size:1.7rem}}@media (max-width:31rem){.new-bottom form div textarea{aspect-ratio:auto;height:10rem}.profile{margin:5px;padding:10px}.user-top p span{font-size:.9rem}}@media (max-width:25rem){.user-rfq-div{align-items:flex-start;flex-direction:column;gap:1rem}.user-rfq-div p span{color:var(--clr-lightblue);font-size:12px}.user-rfq-div a{width:100%}.user-rfq-div a button{width:100%!important}.user-rfq{padding-block:1rem 0;padding-inline:5px}}.rfq-back-drop{align-items:center;background:var(--clr-backdrop);display:flex;height:100%;inset:0 0 0 0;justify-content:center;position:fixed;width:100%;z-index:10000}.rfq-back-drop,.rfq-container{transition:transform .35s ease-out}.rfq-container{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014,0 8px 32px #00000029;max-height:90vh;overflow:hidden;width:30rem}.rfq-pop-up-title{box-shadow:0 3px 3px #f1f1f1;padding:1rem}.rfq-pop-up-title h2{margin-bottom:10px}.rfq-pop-up-svg{margin:1rem 1rem 0}.rfq-pop-up-svg button{background:#0000;border:none}.rfq-container-btn{background:var(--clr-darkblue);border:none;border-radius:3px;color:#fff;cursor:pointer;height:2.5rem;margin:1rem;width:-webkit-fill-available}.rfq-pop-up-form section{max-height:50vh;overflow-y:auto;padding:1rem}.rfq-pop-up-form section div{display:flex;flex-direction:column;gap:5px;margin-bottom:1rem;margin-inline:5px}.rfq-pop-up-form section div input,.rfq-pop-up-form section div textarea{background:#0000;border:none;border-radius:4px;outline:2px solid #d2d4d6;transition:all .2s ease-in}.rfq-pop-up-form section div textarea{height:8rem;padding:1rem}.rfq-pop-up-form section div input{height:2.5rem;padding-inline:1rem}.Products{background:#fff;margin-top:9rem;min-height:100vh}.Products-container{gap:2rem;margin-inline:auto;width:95%}.sort-by-product{align-items:center;border-bottom:2px solid var(--clr-gray);display:flex;font-size:14px;justify-content:space-between;padding:1.5rem 0}.sort-by-product div{align-items:center;display:flex;gap:2rem}.sort-by-product div:not(:first-child){color:var(--clr-lightblue)}.products-box-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:1rem 0}.products-box{align-items:center;background:#fff;box-shadow:0 0 15px #cbc6c6a3;display:flex;flex-direction:column;height:29rem;justify-content:space-between;object-fit:cover;outline:1px solid #d1dbe8;padding:1rem;text-align:center;transition:all .2s linear}.products-box,.products-img{border-radius:10px;width:100%}.products-img{aspect-ratio:1;border:1px solid #999;max-height:300px;max-width:300px}.products-img img{border-radius:10px;height:100%;width:100%}.products-box-txt{flex-direction:column;height:8rem;justify-content:space-between;text-align:left;width:100%}.stock-box-products{align-items:center;display:flex;gap:4px}.stock-box-products p:last-child{color:var(--clr-darkblue)}.products-box-txt a{color:#000;text-decoration:none}.products-box-txt h3{cursor:pointer;margin:5px 0;transition:color .2s linear}.product-bottom-heart{align-items:center;display:flex;justify-content:space-between}.product-bottom-heart svg{color:#888}.product-top-name h5{color:#666;margin:10px 0}.product-top-name p{font-size:12px;font-weight:700}.products-box-txt button{background:var(--clr-darkblue);border:none;border-radius:3px;color:#fff;cursor:pointer;height:2.5rem;transition:all .2s linear;width:100%}.products-box-txt button:hover{background:#0f2a65d6}#remove-card{background:#0000;color:red;outline:2px solid red}.sort-by-icon{align-items:center}.filter-products{border-radius:7px;box-shadow:0 0 10px #bebebe40;height:75vh;margin:1rem 0;min-width:16rem;outline:1px solid #dad9d9;padding:1rem;position:-webkit-sticky;position:sticky;top:9rem}.filter-div{align-items:center;justify-content:space-between;padding:1.5rem 0;width:100%}.filter-products div input{width:28px}.filter-products div:not(:first-child){border-bottom:1px solid var(--clr-gray)}.display-filter,.display-sort-by,.x-sort-by{display:none}.products-box-txt h3:hover{color:red}.brand-list,.category-list{height:0;max-height:0;opacity:0;transition:all .2s linear}.brand-list{overflow-y:scroll}.chosen .brand-p{border-radius:1rem;display:flex;gap:5px;height:auto;margin:10px 8px;padding:5px 8px}.brand-p input{cursor:pointer}.category-p:hover{background:#e9f3ff}.brand-p,.category-p{height:0;margin-inline:8px;padding-inline:8px;transition:all .2s linear}.chosen .category-p{border-radius:1rem;cursor:pointer;height:auto;margin-block:10px;padding-block:5px}.chosen{height:auto;max-height:19rem;opacity:1}.category-chosen{background:#e9f3ff}.remove-filter{border-radius:5px;cursor:pointer;padding-inline:3px;transition:all .2s linear}.remove-filter:hover{background:#ff00001f}@media (max-width:79rem){.products-box-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:63rem){.products-box-container{gap:1rem}.filter-products{background:var(--clr-lightgray);border-radius:0;height:100vh;inset:100% 0 0 0;justify-content:center;margin:0;max-height:100%!important;outline:none;padding:2rem;position:fixed;transition:transform .35s ease-out;width:100%;z-index:11}.open-filter{transform:translateY(-100%)}.display-filter,.x-filter{align-items:center;display:flex;gap:5px}}@media (max-width:58rem){.Products{margin-top:6rem}}@media (max-width:53rem){.sort-by-list{align-items:flex-start!important;background:var(--clr-lightgray);border-radius:15px 15px 0 0;flex-direction:column;height:80vh;inset:100% 0 0 0;justify-content:flex-start;max-height:100%!important;outline:1px solid #dad9d9;padding:3rem;position:fixed;transition:transform .35s ease-out;width:100%;z-index:13}.sort-by-product div{gap:1rem}.display-sort-by{display:inline}.open-sort{transform:translateY(-100%)}.sort-by-list-icon{display:inline}.sort-by-list div:not(:first-child){align-items:center;border-bottom:1px solid #dcdcdc;display:flex;justify-content:space-between;padding:1.2rem 0;width:100%}.x-sort-by{align-items:center;color:#000;display:flex;gap:5px}}@media (max-width:38rem){.products-box-container{grid-template-columns:repeat(1,1fr)}.x-filter h2{font-size:1.3rem}}.admin-dashboard-container{background:#fff;min-height:100vh}.admin-dashboard-nav{background:var(--clr-darkblue);border-right:2px solid #e0dfdf;bottom:0;flex-direction:column;height:100vh;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:18rem}.admin-logo{border-bottom:1px solid var(--clr-gray);padding-bottom:1rem;text-align:center;width:100%}.admin-logo img{width:3rem}.admin-dashboard-nav-t div{border-radius:1.5rem;color:#fff;cursor:pointer;margin:1rem 0;padding:10px;transition:all .2s ease-out;width:100%}.admin-dashboard-nav-t div:hover{background:#fff;color:var(--clr-darkblue)}.admin-dashboard-nav-t a{text-decoration:none}.admin-dashboard-nav-bt div{align-items:center;color:red;display:flex;gap:5px}.user-dashboard-nav-t div:hover{background:#fff;color:#000}.ad-active div{background:#fff;color:var(--clr-darkblue)}.admin-logo h3{font-size:16px;margin-top:1rem}.admin-logo span{color:#919090;font-size:16px}.admin-dashboard-nav-bt div{cursor:pointer}.admin-dashboard-right{width:100%}.admin-display{display:none}@media (max-width:57rem){.admin-dashboard-nav{flex-direction:column;gap:4px;justify-content:center;max-height:100%;min-width:14rem;position:fixed;right:100%;transition:transform .35s ease-out;width:50%;z-index:2}.open-admin-nav{transform:translateX(100%)}.admin-display{display:block}.admin-logo svg{color:#fff;float:right}.admin-top h1{align-items:center;display:flex;gap:2rem}}.admin{padding:1rem;width:100%}.admin,.new-notification{background:#fff;min-height:100vh}.new-notification{margin:0 auto;width:95%}.new-notification div h1{padding:2rem 0 3rem}.admin-search ul li a,.admin-top,.notification-box,.notification-detail-container div{align-items:center;justify-content:space-between}.admin-top-new{margin:2rem 0}.admin-top-new h1{align-items:center;display:flex;gap:1rem}.admin-btn{align-items:center;gap:2rem}.admin-search{align-items:center;background:var(--clr-gray);border-radius:6px;height:2.5rem;margin:2rem 0;padding-inline:10px;position:relative;width:25rem}.admin-search input{background:#0000;border:none;height:100%;padding-inline:8px;width:90%}.admin-search input:focus{outline:none}.admin-search-top{align-items:center;height:100%}.admin-search ul{background:var(--clr-gray);border-radius:0 0 4px 4px;left:0;max-height:11rem;overflow-y:scroll;padding:0 10px;position:absolute;transition:all .2s linear;width:-webkit-fill-available;z-index:999}.admin-search ul li:first-child{padding-top:10px}.admin-search ul li:last-child{padding-bottom:10px}.admin-search ul li{font-size:14px;list-style:none;padding:5px}.admin-search li:hover{background:#fff}.admin-search li:not(:last-child){margin-bottom:5px}.admin-search ul li a{color:#666;display:flex;font-weight:400;text-decoration:none}.add-admin{background:var(--clr-yellow);border:none;border-radius:5px;color:#fff;cursor:pointer;height:2.5rem;width:5rem}.admin table{border-collapse:initial;border-spacing:0 15px;margin-bottom:1rem;text-align:center;width:100%}.admin table tr{border-radius:8px;outline:1px solid #e0dfdf;transition:all cubic-bezier(0,.2,.3,.4)}.admin table tr:first-child{background:var(--clr-darkblue);color:#fff}.admin table tr th:first-child{border-radius:8px 0 0 8px}.admin table tr th:last-child{border-radius:0 8px 8px 0}.admin table tr:not(:first-child):hover{outline:2px solid var(--clr-yellow)}.admin table tr td{padding:1.5rem}.admin table tr td svg,.link-name a{color:#707070;cursor:pointer;text-decoration:none;transition:color .2s linear}.admin table tr td svg:hover,.link-name a:hover{color:var(--clr-yellow)}.admin table tr th{height:4rem}.admin-green{color:#006400}.admin-orange{color:#ff6200}.admin-red{color:red}.admin-yellow{color:#eaa002}.admin-blue{color:#04aee7}.rfq-admin{margin-block:1.5rem}.admin-excel{align-items:center;background:var(--clr-darkblue);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:3px;height:2rem;justify-content:center;text-decoration:none;width:5rem}#edit-textarea{aspect-ratio:auto;height:5rem}.selected-pic{background:#073eb6;border-radius:1rem;color:#fff;margin-bottom:2rem;padding:3px 5px;text-align:center}.notification-box{border-radius:10px;cursor:pointer;display:flex;margin:1rem auto;outline:1px solid #e0dfdf;padding:1rem 2rem;transition:background-color .2s linear;width:100%}.notification-box a{text-decoration:none}.notification-box a p:hover{color:red!important}.notification-box:hover{background:#fccf035c}.admin-new-form form input{background:#fff;border:none;border-radius:4px;box-shadow:inset 0 1px 3px #b7b7b7;height:2.5rem;margin:.5rem 0 1rem;min-width:18rem;outline:var(--clr-gray) 2px solid;padding-inline:1rem;transition:all .2s ease-in;width:100%}.recipients{align-items:baseline;display:flex;gap:1rem;justify-content:space-between}.recipients input{width:70%!important}.recipients button{min-width:auto!important;width:30%}.admin-new-form form textarea{aspect-ratio:4/1;background:#fff;border:none;border-radius:4px;box-shadow:inset 0 1px 3px #b7b7b7;font-size:1rem;margin:.5rem 0 1rem;outline:var(--clr-gray) 2px solid;padding:1rem;transition:all .2s ease-in;width:100%}.ck-reset{margin:1rem 0!important}.ck-editor{background:#fff;border:none;border-radius:4px;font-size:1rem;margin:.5rem 0 1rem;outline:var(--clr-gray) 2px solid;padding:1rem;transition:all .2s ease-in;width:100%}.ck-editor__editable_inline{height:7rem;max-height:15rem;width:100%}.ck-content,.ck-editor__main{height:100%}.admin-new-form form button{background:var(--clr-darkblue);border:none;border-radius:4px;color:#fff;cursor:pointer;height:2.5rem;margin-bottom:1rem;min-width:18rem;transition:all .2s linear}.admin-new-form form button:hover{background:#0f2a65d6}#new-notification-btn{width:100%}.admin-create-rfq form div input:not(input[type=checkbox]):hover,.admin-create-rfq form div select:hover,.admin-create-rfq form textarea:hover,.admin-new-form form input:hover,.admin-new-form form textarea:hover{outline:var(--clr-darkblue) 2px solid!important}.admin-create-rfq form div input:not(input[type=checkbox]):focus,.admin-create-rfq form div select:focus,.admin-create-rfq form textarea:focus,.admin-new-form form input:focus,.admin-new-form form textarea:focus{outline:var(--clr-yellow) 2px solid!important}.notification-detail h1{margin:2rem 0}.notification-detail-container div{background:var(--clr-darkblue);border-radius:8px;color:#fff;display:flex;margin-bottom:1rem;padding:1rem}.button-attachment-notification{background:var(--clr-darkblue);border:none;border-radius:5px;height:2.5rem;width:11rem}.button-attachment-notification a{color:#fff;text-decoration:none}.massage-p,.notification-detail-container p{border-radius:8px;outline:1px solid #e0dfdf;padding:2rem 1rem}.notification-detail-container div span{color:#e5e3e3}.massage-p,.notification-detail-container p{margin:2rem 0}.user-create-container{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}#create-user-btn{text-align:center}#create-user-btn button{background:var(--clr-darkblue);border:none;border-radius:5px;color:#fff;height:2.5rem;transition:all .2s linear;width:50%}#create-user-btn button:hover{background:#0f2a65d6}.user-create-bottom{background:#fff;border-radius:8px;display:flex;gap:2rem;justify-content:space-between;padding-block:1rem}.user-create-left,.user-create-right{width:48%}.user-create-left{display:flex;flex-direction:column;gap:2rem;justify-content:space-between}.basic-info,.contact-info,.organization-info{border-radius:10px;outline:1px solid #e0dfdf;padding:1rem}.contact-massage-text{height:5rem!important}.user-create-left p:first-child,.user-create-right p:first-child{border-bottom:1px solid #e0dfdf;color:var(--clr-yellow);font-size:1.2rem;padding-bottom:10px}.organization-info div div,.user-create-bottom div form div,.user-create-left div div{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:10px;width:100%}.organization-info div div span,.user-create-bottom div form div label,.user-create-left div div span{color:var(--clr-lightblue)}.organization-info div div p,.user-create-bottom form input,.user-create-bottom form textarea,.user-create-left div div p{border:none;border-radius:4px;box-shadow:inset 1px 1px 3px #e4e9ef;outline:var(--clr-gray) 2px solid;transition:all .2s ease-in;width:60%}.user-create-bottom form input{height:2.5rem;padding-inline:1rem}.organization-info div div p,.user-create-left div div p{min-height:2rem;padding:8px 1rem}.user-create-bottom form textarea{aspect-ratio:4/2;font-size:1rem;padding:1rem}.textarea{font-size:1rem;min-height:10rem;padding:1rem}.user-create-bottom form input:hover,.user-create-bottom form textarea:hover{outline:var(--clr-darkblue) 2px solid}.user-create-bottom form input:focus,.user-create-bottom form textarea:focus{outline:var(--clr-yellow) 2px solid}.admin-profile{background:#fff;padding:1.5rem}.admin-profile h1{margin-top:2rem}.admin-profile-all{margin-block:2rem 0;margin-inline:auto;width:95%}.admin-profile-container{border-radius:8px;gap:2rem;justify-content:space-between;margin-top:2rem}.admin-profile-container div{width:48%}.admin-profile-left{display:flex;flex-direction:column;gap:2rem}.admin-organization-info{height:100%}.admin-profile-container div form{outline:1px solid #cfced7;padding:1rem}.admin-profile-container div form p{border-bottom:1px solid #cfced7;padding-bottom:10px}#admin-profile-btn button{background:var(--clr-darkblue);border:none;border-radius:4px;color:#fff;cursor:pointer;height:2.5rem;margin:1rem 0;transition:all .2s linear;width:50%}#admin-profile-btn{margin-top:1rem;text-align:center;width:100%}#admin-profile-btn button:hover{background:#0f2a65d6}#admin-profile-btn button:disabled{background:#0f2a65c7}.admin-profile-container div form div{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:10px;width:100%}.admin-profile-container div form div input{height:2.5rem;padding-inline:1rem}.admin-profile-container div form div label{color:var(--clr-lightblue)}.admin-profile-container div form div input,.admin-profile-right textarea{border:none;border-radius:4px;outline:2px solid #cfced7;transition:all .2s ease-in;width:60%}.admin-profile-right textarea{aspect-ratio:3/1;font-size:1rem;min-height:8rem;padding:1rem}.admin-profile-container div form div input:not(input[disabled]):hover,.admin-profile-right textarea:hover{outline:var(--clr-darkblue) 2px solid}.admin-profile-container div form div input:not(input[disabled]):focus,.admin-profile-right textarea:focus{outline:var(--clr-yellow) 2px solid}.admin-profile-show{opacity:1;top:0}.ticket-show{opacity:1;top:5.6rem}.rfq-btns{align-items:center;display:flex;gap:1rem;margin-left:5px;margin-top:1rem}.rfq-btn-edit,.rfq-btn-response,.rfq-btns button{border:none;border-radius:3px;cursor:pointer;padding:8px 15px;transition:all .2s linear}.rfq-btn-edit{background:#ff8c00;color:#fff}.rfq-btn-edit:hover{box-shadow:0 0 5px #ff8c00}.rfq-btn-accept{background:#006400;color:#fff}.rfq-btn-accept:hover{box-shadow:0 0 5px #006400}.rfq-btn-ignore,.ticket-chat-top button{background:red;color:#fff}.rfq-btn-ignore:hover,.ticket-chat-top button:hover{box-shadow:0 0 5px red}.rfq-btn-response{background:#04aee7;color:#fff}.rfq-btn-response:hover{box-shadow:0 0 5px #04aee7}.admin-rfq-top{grid-gap:2rem;align-items:end;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.admin-rfq-email{align-items:flex-end;display:flex;gap:2rem;justify-content:space-between}.admin-rfq-email div:first-child{width:100%}.admin-rfq-email-div{width:40%}.admin-rfq-email button{background:var(--clr-darkblue);border:none;border-radius:5px;color:#fff;height:2.5rem;max-width:25rem;min-width:10rem;width:100%}.admin-create-rfq form{display:flex;flex-direction:column;gap:2rem}.admin-create-rfq form div input:not([type=checkbox]),.admin-create-rfq form div select{background:#fff;border:none;border-radius:4px;box-shadow:inset 0 1px 3px #b7b7b7;height:2.5rem;margin-top:.5rem;min-width:12rem;outline:var(--clr-gray) 2px solid;padding-inline:1rem;transition:all .2s ease-in;width:100%}.admin-create-rfq form div select option{font-size:14px;padding:.5rem;width:100%}.admin-create-rfq form div select option:checked{background-color:var(--clr-gray)}.admin-create-rfq form p input[type=file]{margin-left:1rem;outline:none}.admin-create-rfq form textarea{background:#fff;border:none;border-radius:4px;box-shadow:inset 0 1px 3px #b7b7b7;font-size:1rem;height:5rem;margin:.5rem 0 1rem;min-height:10rem;outline:var(--clr-gray) 2px solid;padding:1rem;transition:all .2s ease-in;width:100%}.admin-rfq-btn{text-align:center;width:100%}.admin-rfq-btn button{background:var(--clr-darkblue);border:none;border-radius:5px;color:#fff;height:2.5rem;min-width:15rem;width:50%}.rfq-user-name{color:var(--clr-lightblue);margin-top:5px}.search-part-number{position:relative;transition:all .2s ease-in}.ck-editor__editable_inline{min-height:15rem}.part-number-result{background:#fff;border:none;border-radius:4px;max-height:10rem;min-width:12rem;outline:var(--clr-gray) 2px solid;overflow-y:scroll;padding-inline:8px;position:absolute;width:-webkit-fill-available;z-index:999}.part-number-result ul{background:#fff;list-style:none}.part-number-result ul li:first-child{padding-top:5px}.part-number-result ul li:last-child{padding-bottom:5px}.part-number-result ul li{border-radius:5px;cursor:pointer;padding:3px 8px}.part-number-result ul li:hover{background:#e9f3ff}.attachment-container{align-items:center;background:var(--clr-backdrop);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.attachment-container-div{background:#fff;border-radius:5px;box-shadow:0 2px 8px #00000014,0 8px 32px #00000029;height:22rem;overflow:hidden;width:25rem}.attachment-container-div svg:first-child{margin-left:1rem;margin-top:1rem}.attachment-container-div div{align-items:center;display:grid;height:71%;justify-content:center;justify-items:center;text-align:center}.attachment-container-div button{width:10rem}.ticket-chat-top{align-items:center;background-color:#fff;border-bottom:1px solid #88888840;display:flex;height:90px;justify-content:space-between;padding-inline:1rem}.ticket-chat-top button{border:none;border-radius:5px;cursor:pointer;height:2rem;width:6rem}.ticket-chat-top h2{align-items:center;display:flex;font-size:1.3rem;gap:1rem}.ticket-chat{background:var(--clr-lightgray);height:100vh;overflow:hidden;width:100%}.massage-container{display:flex;flex-direction:column-reverse;flex-grow:1;max-height:80vh;overflow-y:auto;padding:1rem 1rem 2rem}.massage-container div:not(:first-child){margin-block:1.4rem}.inner-massage{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.massager{color:#666;font-size:14px;margin:5px}.massage-time{color:#999;font-size:12px;margin:5px 0}.inner-massage-p{padding:1.3rem 2rem}.ticket-chat-right{text-align:right;width:100%}.ticket-chat-left{text-align:left;width:100%}.ticket-chat-right .inner-massage{background:#e3effd;border-radius:1.5rem 1.5rem 0 1.5rem;outline:2px solid #dfe9f5}.ticket-chat-left .inner-massage{background:#f2f2f2;border-radius:1.5rem 1.5rem 1.5rem 0;outline:2px solid #e7e7e7}.ticket-massage-input{bottom:1rem;display:flex;gap:7px;padding-inline:1rem;position:fixed;width:100%;width:-webkit-fill-available}.ticket-massage-input button{background:var(--clr-darkblue);border:none;border-radius:5px;color:#fff;font-weight:lighter;height:3rem;width:3.5rem}.ticket-massage-input textarea{background:#fff;border:1px solid #999;border-radius:7px;height:3rem;max-height:200px;overflow-y:hidden;padding-block:.875rem;padding-inline:1rem;resize:none;transition:all .2s ease-in;width:100%}.add-img{cursor:pointer;flex-direction:column;gap:5px;height:5rem;justify-content:center;margin-block:10px 1rem;outline:dashed #9999;padding-block:10px;text-align:center;width:100%}.add-img,.rfq-attachment{align-items:center;display:flex}.rfq-attachment{gap:2rem}.rfq-attachment button{background:#fff!important;border:none!important;border-radius:4px!important;color:#000!important;cursor:pointer!important;height:2rem!important;margin-bottom:0!important;min-width:auto!important;outline:1px solid #888!important;transition:all .1s linear!important;width:7rem!important}.rfq-attachment button:hover{outline:2px solid #888}.blogs table th{border:1px solid;padding:10px}.Blogs table tr td{border:none;padding:1.5rem}.Blogs table tr{outline:var(--clr-gray) 2px solid}.Blogs_container div h1{align-items:center;display:flex;gap:1rem}.Blogs table tr:first-child{background:var(--clr-darkblue);color:#fff}.Blogs table tr th:first-child{border-radius:8px 0 0 8px;height:4rem}.Blogs table tr th:last-child{border-radius:0 8px 8px 0;height:4rem}.Blogs table tr{border-radius:8px;outline:1px solid #e0dfdf;transition:all cubic-bezier(0,.2,.3,.4)}.Blogs table{border-collapse:initial;border-spacing:0 15px;margin-bottom:1rem;text-align:center;width:100%}.title{margin-bottom:1.5rem;margin-left:.4rem;margin-top:1.5rem}.head{display:flex;justify-content:space-between;margin-bottom:2rem;margin-top:2rem}.button{background:var(--clr-yellow);border:none;border-radius:5px;color:#fff;cursor:pointer;height:2.5rem;width:5rem}.response-rfq-detail{background:#0000;border:none;border-radius:1rem;cursor:pointer;height:2rem;outline:2px solid #000}.admin-loading{display:grid;height:75vh;place-items:center;width:100%}.admin-loading img{animation:opacity-i 1s linear infinite;width:2rem}.rfq-options{justify-content:space-between}@keyframes opacity-i{0%{opacity:1}50%{opacity:0}to{opacity:1}}.contact-us-selected{background:#0000;border:none;border-radius:5px;box-shadow:0 0 5px #999;color:var(--clr-darkblue);cursor:pointer;height:2rem;outline:2px solid var(--clr-darkblue)}.massage-title{font-weight:700;margin-right:10px}@media (max-width:74rem){.user-create-bottom{flex-direction:column}.user-create-left,.user-create-right{width:100%}.admin table tr td{font-size:.9rem;padding:1.5rem .1rem}}@media (max-width:69rem){.admin-profile-container{flex-direction:column}.admin-profile-container div{width:100%}.contact-massage-text{height:10rem!important}}@media (max-width:60rem){.admin table tr td,.admin table tr th{padding:1.5rem .4rem}}@media (max-width:47rem){.admin-rfq-top{grid-template-columns:repeat(2,1fr)}.admin-search{width:100%}}@media (max-width:46rem){.admin-top{align-items:flex-start!important;flex-direction:column}.admin-top-btn,.admin-top-search{align-items:center!important;flex-direction:row;justify-content:space-between}.admin-top-search .admin-btn{width:60%!important}.admin-btn{justify-content:space-between;width:100%}.admin-top h1{gap:1rem}}@media (max-width:40rem){.admin{font-size:.9rem}.admin-new-form form textarea{aspect-ratio:auto;min-height:10rem}.new-notification div h1 span{font-size:1.4rem}}@media (max-width:35rem){.organization-info div div,.user-create-bottom div form div,.user-create-left div div{align-items:flex-start;flex-direction:column}.organization-info div div p,.user-create-left div div p{outline:var(--clr-gray) 2px solid;width:100%}}@media (max-width:33rem){#create-user-btn button{width:100%}.user-create-bottom div form div{align-items:flex-start;flex-direction:column}.user-create-bottom form input,.user-create-bottom form textarea{width:100%}.user-create-bottom form textarea{aspect-ratio:auto;height:10rem}.recipients{flex-direction:column;gap:10px}.recipients input{width:100%!important}.recipients button{min-width:auto!important;width:100%}.admin-profile-container div form div{align-items:flex-start;flex-direction:column}.admin-profile-container div form div input,.admin-profile-right textarea{width:100%}.admin-top h1{font-size:1.5rem}#admin-profile-btn button{width:100%}.admin-rfq-email{flex-direction:column;gap:1rem}.admin-rfq-email-div{width:100%}.admin-rfq-email button{max-width:none}.admin-rfq-top{grid-template-columns:repeat(1,1fr)}.inner-massage{max-width:68%;padding:1rem}.inner-massage-p{padding:0}.admin-top-btn .add-admin{height:2rem}}@media (max-width:29rem){.ticket-chat-top h2{font-size:1rem!important}.admin-btn{flex-direction:column;gap:0}.add-admin,.admin-btn a{width:100%!important}}@media (max-width:27rem){.admin-top-search{align-items:start!important;flex-direction:column}.admin-top-search .admin-btn{width:100%!important}.admin-search{margin:1rem 0}.contact-us-massage{align-items:flex-start!important;flex-direction:column;gap:1rem;margin-bottom:10px!important}.contact-us-massage div:last-child{width:100%}.rfq-options{flex-direction:column-reverse}.contact-us-selected{margin:1rem 0;width:100%}}.user-list-container{align-items:center;background:var(--clr-backdrop);display:flex;height:100%;inset:0 0 0 0;justify-content:center;position:fixed;width:100%;z-index:10000}.user-list{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014,0 8px 32px #00000029;height:100%;max-height:90vh;overflow:hidden;transition:transform .35s ease-out;width:85%}.user-list section{max-height:67vh;overflow-y:auto;padding:1rem}.user-list-top:first-child{margin-top:1.5rem}.user-list-div{align-items:center;background:#fff;border-radius:10px;display:flex;gap:1rem;margin:1rem auto;outline:1px solid var(--clr-lightblue);padding:1rem 2rem;transition:transform .35s ease-out;width:100%}.btn-user-list{display:grid;justify-items:center;margin-block:1rem}.user-list button{align-items:center;background:var(--clr-darkblue);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;height:2.5rem;justify-content:center;max-width:30rem;width:100%}.user-show-none{right:-100%!important}.user-list svg{font-size:.9rem}.user-list-div input{cursor:pointer}.user-list-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-inline:1rem}.user-list-top h2{align-items:center;display:flex;gap:5px}.user-list-top h2 svg{cursor:pointer}.user-list-top div{align-items:center;display:flex;gap:10px}@media (max-width:33rem){.user-list{width:90%}.user-list-top h2{font-size:1.2rem}.user-list-top p{font-size:.9rem}.user-list-div{gap:10px;padding:1rem}.user-list-top div{font-size:.9rem;gap:5px}.user-list button{bottom:1rem;right:1rem}}.user-list-rfq-container{align-items:center;background:var(--clr-backdrop);display:flex;height:100%;inset:0 -100% 0 0;justify-content:center;position:fixed;width:100%;z-index:10000}.not-showing{transform:translateY(100%)}.user-list-rfq{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014,0 8px 32px #00000029;height:100%;max-height:90vh;overflow:hidden;transition:transform .35s ease-out;width:85%}.user-list-rfq section{max-height:68vh;overflow-y:auto;padding:1rem}.user-list-rfq-top:first-child{margin-top:1.5rem}.user-list-rfq-div{align-items:center;background:#fff;border-radius:10px;display:flex;gap:1rem;margin:1rem auto;outline:1px solid var(--clr-lightblue);padding:1rem 2rem;transition:transform .35s ease-out;width:100%}.user-list-rfq-btn{display:grid;justify-items:center;margin-block:10px}.user-list-rfq-btn button{align-items:center;background:var(--clr-darkblue);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;height:2.5rem;justify-content:center;max-width:30rem;width:100%}.user-list-rfq svg{font-size:.9rem}.user-list-rfq-div input{cursor:pointer}.user-list-rfq-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-inline:1rem}.user-list-rfq-top h2{align-items:center;display:flex;gap:5px}.user-list-rfq-top h2 svg{cursor:pointer}.user-list-rfq-top div{align-items:center;display:flex;gap:10px}@media (max-width:33rem){.user-list-rfq{width:90%}.user-list-rfq-top h2{font-size:1.2rem}.user-list-rfq-top p{font-size:.9rem}.user-list-rfq-div{gap:10px;padding:1rem}.user-list-rfq-top div{font-size:.9rem;gap:5px}}.show-error-container{align-items:center;background:var(--clr-backdrop);display:flex;height:100%;inset:0 0 0 0;justify-content:center;position:fixed;width:100%;z-index:10000}.show-error,.show-error-container{transition:transform .35s ease-out}.show-error{border-radius:.75rem;box-shadow:0 2px 8px #00000014,0 8px 32px #00000029;display:grid;height:10rem;max-height:90vh;overflow:hidden;padding:2rem;place-items:center;text-align:center;width:20rem}.show-error div p{margin-top:1rem}.services{background:#fff;padding:12rem 0 3rem}.service-attachment{align-items:center;display:flex;gap:2rem}.service-attachment button{background:#fff;border:none;border-radius:4px;cursor:pointer;height:2rem;outline:1px solid #888;transition:all .1s linear;width:7rem}.service-txt{margin-top:1rem;text-align:justify}.service-attachment button:hover{outline:2px solid #888}.services-container{margin-inline:auto;width:80%}.title-top h1{margin:2rem 0 5px}.services-form{margin:2rem 0}.text-services-description{font-size:1.2rem;font-weight:400;line-height:1.5rem;padding-top:.8rem;text-align:justify;text-justify:inter-word}.btns-form{align-items:center;display:flex;justify-content:center}.services-form form div input[type=file]{background:#0000;border:none;border-radius:4px;margin:.5rem 10px 1rem 0;min-width:15rem;padding:.3rem 0 .3rem .3rem;transition:all .2s ease-in;width:100%}.services-form form div input[type=text]{border:none;height:2.5rem;min-width:15rem;padding-inline:1rem}.services-form form div input[type=text],.services-form form div textarea{background:#0000;border-radius:4px;box-shadow:inset 1px 1px 3px #e4e9ef;margin:.5rem 0 1rem;outline:2px solid #d7d7d7;transition:all .2s ease-in;width:100%}.services-form form div textarea{border:none;font-size:1rem;height:10rem;min-height:5rem;padding:1rem}.services-form form button[type=submit]{background:var(--clr-darkblue);border:none;border-radius:4px;color:#fff;cursor:pointer;height:3rem;margin-bottom:1rem;margin-top:1rem;min-width:15rem;transition:all .2s linear}.services-form form div input[type=text]:hover,.services-form form div textarea:hover{outline:var(--clr-darkblue) 2px solid}.services-form form div input:focus,.services-form form div textarea:focus{outline:var(--clr-yellow) 2px solid!important}.services-error-show{opacity:1;top:28%}@media (max-width:58rem){.services{padding:8rem 0 3rem}.services-container{width:90%}.services-error-show{top:20%}}@media (max-width:41rem){.services-form form{margin:1rem}.btns-form{align-items:center;display:flex;flex-direction:column;justify-content:center}.title-top h2{font-size:1.3rem}.text-services-description{font-size:1rem}}@media (max-width:31rem){.title-top h1{font-size:1.5rem}.services-form form div textarea{aspect-ratio:auto;height:12rem}.services-form{margin:2rem 0;padding:7px}}.blog{min-height:100vh;padding:11rem 0 3rem}.blog-container{margin-inline:auto;width:80%}.card-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.card-container a{text-decoration:none}.blog-container h1{border-bottom:1px dashed #dadada;margin-bottom:2rem;padding-bottom:2rem;width:100%}.content-blog a{color:#000;text-decoration:none}.img-blog{min-width:15rem;width:17rem}.img-blog img{aspect-ratio:1;border-radius:5px 0 0 5px;height:100%;object-fit:cover;width:100%}.card-blog{background:#fff;border-radius:5px;box-shadow:0 0 15px #cbc6c6a3;cursor:pointer;display:flex;gap:1rem;outline:1px solid #d1dbe8;transition:all .2s linear}.card-blog:hover{outline:2px var(--clr-yellow) solid}.content-blog{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1rem;width:100%}.content-blog span{color:var(--clr-lightblue);font-size:14px;text-align:right}.blog-writer{align-items:center;color:var(--clr-yellow);gap:6px;margin-top:1rem}.blog-writer p{aspect-ratio:1;border-radius:50%;outline:var(--clr-yellow) 2px solid;width:auto}.blog-picture{background-color:initial;background-image:linear-gradient(130deg,#232933 13%,#154e8b 74%);height:85%;width:100%}.blog-picture img{height:100%;object-fit:cover;width:100%}.blog-text{margin-inline:auto;margin-bottom:1rem;min-height:100vh;width:80%}.blog-text img{aspect-ratio:4/2;object-fit:cover;width:100%}.blog-text h2{margin-bottom:1rem}.blog-text p{min-width:10rem}.blog-top-container{background:var(--clr-lightgray)}.blog-top{display:flex;flex-direction:column;height:100vh;justify-content:space-between;margin-inline:auto;padding-bottom:2rem;padding-top:13rem;width:80%}.blog-date{color:#666;font-size:14px;margin-top:5px}.blog-text-container{font-size:1.1rem;line-height:1.5rem;padding-top:2rem;width:100%}.blog-text-container h2,.blog-text-container h3{color:var(--clr-yellow);margin-bottom:5px}@media (max-width:83rem){.blog-container{width:90%}}@media (max-width:73rem){.blog-container{width:80%}.card-container{grid-template-columns:repeat(1,1fr)}}@media (max-width:58rem){.blog{padding:8rem 0 3rem!important}.blog-top{padding-top:8rem}.blog-text-container{font-size:1rem}}@media (max-width:49rem){.blog-container{width:90%}}@media (max-width:35rem){.card-blog{flex-direction:column}.img-blog{min-width:auto;width:100%}.img-blog img{border-radius:5px 5px 0 0}}.contact-us-container{display:grid;min-height:50vh;place-items:center}.contact-us-bg{background:linear-gradient(#00000005,#0a2434cc),url(/static/media/contact-us.cb4d9569c20e56b85508.jpg) no-repeat;background-size:cover;display:grid;height:100vh;place-items:center;width:100%}.contact-us-bg h1{color:#fff;font-size:3rem;margin-top:7rem}.contact-us-container{gap:0;margin-inline:auto;padding:4rem 0;width:80%}.contact-us{width:100%}.text-contact-us{margin-bottom:4rem}.text-contact-us h2{font-size:1rem;font-weight:500;margin:.7rem 0}.text-contact-us-title{font-size:1.875rem;font-weight:600;line-height:2.25rem;margin-bottom:.8rem}.text-contact-us-description{font-size:1.125rem;font-weight:400;line-height:1.75rem}.contact-us-box{background:#fff;border-radius:10px;box-shadow:4px 4px 10px #bebebe40;cursor:pointer;outline:1px solid #d1dbe8;padding:1.5rem;transition:all .2s linear;width:15rem}.contact-us-box p{font-size:.875rem;line-height:1.25rem}.contact-us-box div{margin-bottom:.8rem}.contact-us-box-txt{gap:1rem}.contact-us-box-txt h3{transition:all .2s linear}.contact-us-box:hover .contact-us-box-txt{color:#fccf03}.contact-us-box:hover{outline:1px var(--clr-yellow) solid}.contact-us-box-txt svg{font-size:.9rem}.contact-us-boxs{flex-wrap:wrap;gap:2rem}.contact-us-boxs>*{flex-grow:1}.img-map{box-shadow:4px 4px 10px #bebebe40;cursor:pointer;margin-bottom:1rem;outline:1px solid #d1dbe8}.img-map,.map{border-radius:10px}.address-container{background-color:var(--clr-lightgray);margin-inline:auto;padding:1rem 10%}.address-container h3{font-size:1.5rem;margin-bottom:2rem;margin-top:1.5rem}.contact-us-box>:not(:first-child){margin-left:2.5rem}.contact-us-form-container{margin-inline:auto;padding-block:3rem;width:80%}.contact-us-form input,.contact-us-form select,.contact-us-form textarea{background:#0000;border:none;border-radius:4px;margin:1rem 0;outline:2px solid #dbdbdb;transition:all .2s ease-in;width:100%}.contact-us-form input,.contact-us-form select{height:2.5rem;padding-inline:1rem}.top-form-div{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;width:100%}.form-contact-btn{text-align:center;width:100%}.contact-us-form input:hover,.contact-us-form textarea:hover{outline:var(--clr-darkblue) 2px solid}.contact-us-form input:focus,.contact-us-form textarea:focus{outline:var(--clr-yellow) 2px solid}.contact-us-form textarea{height:10rem;padding:1rem}.contact-us-form button{background:var(--clr-darkblue);border:none;border-radius:7px;color:#fff;cursor:pointer;height:2.5rem;transition:all .2s linear;width:55%}.contact-us-form button:hover{background:#0f2a65d6}@media (max-width:57rem){.contact-us-container{padding:4rem 0}}@media (max-width:47rem){.top-form-div{grid-template-columns:repeat(1,1fr)}}@media (max-width:37rem){.text-contact-us-title{font-size:1.5rem}.address-container h3{font-size:1.2rem}.address-container{width:100%}.text-contact-us-description{font-size:1rem}.address-container{padding:1rem 5%}.contact-us-form button{width:100%}.contact-us-form-container-btn{flex-direction:column}.contact-us-bg h1{font-size:2.5rem;margin-top:4rem}}.product{background:var(--clr-lightgray)}.product-context h2{margin-bottom:10px}.product-main{gap:3rem;justify-content:space-between}.product-top{border-bottom:1px dashed silver;min-height:100vh;padding-top:13rem}.product-bottom,.product-top{margin-inline:auto;width:80%}.cat-pro{color:var(--clr-yellow);font-size:1.3rem}.product-context{flex-direction:column;gap:1rem;justify-content:space-between;width:70%}.product-shortcut{font-size:14px;margin-bottom:1rem}.product-name-container{flex-direction:column;height:80%;justify-content:space-between}.product-shortcut a{color:var(--clr-lightblue);text-decoration:none;transition:color .2s linear}.product-shortcut a:hover{color:var(--clr-darkblue)}.product-specifications a{color:#fff;cursor:pointer;text-decoration:none}.product-description-top{display:flex;gap:2rem;margin-bottom:2rem}.product-description-top span{color:var(--clr-lightblue);cursor:pointer;font-size:1.2rem;transition:color .2s linear}.product-description-top span:hover{color:#000}.product-detail{color:var(--clr-lightblue);font-size:1rem;line-height:1.5rem;margin-top:.8rem}.product-context p{margin:1.2rem 0}.product-img-img{height:300px;object-fit:cover;width:300px}.product-img-p{display:flex;gap:13px;margin-top:5px}.img-active{border:1px solid var(--clr-lightblue)}.product-img-p img{height:90px;object-fit:cover;width:90px}.product-btn{gap:2rem;justify-content:space-between;margin-top:4rem}.product-btn button{background:var(--clr-darkblue);border:none;border-radius:5px;color:#fff;height:2.5rem;width:60%}.product-des-show{display:none}.product-btn div{align-items:center;background:#fff;border-radius:5px;display:flex;height:2.5rem;justify-content:space-between;outline:var(--clr-darkblue) 2px solid;width:30%}.product-btn div button{background:#0000;border:none;color:var(--clr-darkblue);cursor:pointer;height:100%;max-width:35%;transition:all .2s linear;width:35%}.product-btn div button:hover{background:#0f2a65d6}.product-share{border-top:1px solid #dad8d8;padding-top:1rem}.product-specifications{margin:1rem 0;width:100%}.product-specifications p{display:flex;gap:5rem}.product-specifications p span{margin-bottom:15px;padding-block:15px}.product-specifications p span:first-child{width:15rem}.stock-box-product{align-items:center;display:flex;gap:4px}.stock-box-product p:last-child{color:var(--clr-darkblue);padding:3px 4px}.product-specifications p span:last-child{border:1px solid #dad8d8;border-radius:7px;padding-inline:10px;width:100%}.product-specifications p span button a{color:#fff;text-decoration:none}.product-specifications p span button{background:var(--clr-darkblue);border:none;border-radius:5px;color:#fff;cursor:pointer;height:2rem;width:10rem}.product-specifications p span:first-child{color:var(--clr-lightblue)}.product-description{background:#fff;padding:3rem 0}#remove{background:#0000;color:red;outline:2px solid red}.application{display:flex;gap:3px}@media (max-width:77rem){.product-bottom,.product-top{width:90%}.product-btn{margin-top:0}}@media (max-width:58rem){.product-top{padding-top:8rem}.product-bottom,.product-top{width:80%}.product-main{align-items:center;flex-direction:column}.product-specifications{width:100%}.product-description{padding-top:2rem}.product-context{width:100%}.product-btn{margin-top:2rem}.product-share{border-top:none}}@media (max-width:37rem){.product-btn button{width:100%}}@media (max-width:34rem){.product-bottom,.product-top{width:90%}.product-shortcut{font-size:12px}.product-context h2{font-size:1.1rem}.product-detail{font-size:.9rem}.product-btn,.product-specifications p{gap:0}.product-description-top span{font-size:1.1rem}.product-specifications p span{font-size:14px}}.stocks{margin-inline:auto;min-height:100vh;padding:12rem 0 3rem;width:80%}.stock-box,.top-stock{align-items:center;border-radius:10px;box-shadow:0 0 8px #e8e8e8;display:flex;justify-content:space-between;margin:1rem auto;outline:1px solid #e0dfdf;padding:1rem 3rem;transition:background-color .2s linear;width:100%}.top-stock{background:var(--clr-yellow)!important;color:#fff!important}.top-stock p:last-child{text-align:center;width:10rem}.stock-table button{background:var(--clr-darkblue);border:none;border-radius:4px;color:#fff;cursor:pointer;height:2.5rem;padding:5px 3px;width:10rem}.stock-table button a{color:#fff;text-decoration:none}.stocks h2{padding-bottom:1.5rem}@media (max-width:57rem){.stocks{padding:8rem 0 3rem;width:90%}}@media (max-width:26rem){.stock-box,.top-stock{padding:1rem 2rem}.stock-table button{width:7rem}}.cart{margin-inline:auto;width:80%}.cart-body{margin-top:1.5rem}.cart-container{min-height:100vh;padding:11rem 0 3rem}.cart-box{background:#fff;border-radius:5px;display:flex;gap:1rem;outline:1px solid #d1dbe8;transition:all .2s linear}.cart-body table{border-collapse:initial;border-spacing:0 15px;margin-bottom:1rem;text-align:center;width:100%}.cart-body table tr:first-child{background:var(--clr-yellow);color:#fff}.cart-body table tr{background:#fff;border-radius:12px;box-shadow:0 0 8px #e8e8e8;outline:1px solid #e1e1e1;transition:all cubic-bezier(0,.2,.3,.4)}.cart-body table tr td{padding:1.5rem}.cart-body table tr td:first-child,.cart-body table tr th:first-child{border-radius:12px 0 0 12px}.cart-body table tr td:last-child,.cart-body table tr th:last-child{border-radius:0 12px 12px 0}.cart-body table tr th{height:4rem;padding:8px}.cart-body table tr td,.cart-body table tr th{min-width:5rem}.cart-send-rfq{margin-top:1rem;text-align:left;width:100%}.cart-send-rfq button{background:var(--clr-darkblue);border:none;border-radius:5px;color:#fff;height:2.5rem;transition:all .2s linear;width:15rem}.cart-send-rfq button:hover{background:#0f2a65d6}.cart-add-note,.cart-edite-note{background:#0000;border:none;border-radius:5px;height:1.8rem;width:5rem}.cart-add-note{color:var(--clr-darkblue);outline:2px solid var(--clr-darkblue)}.cart-edite-note{color:#ff8c00;outline:2px solid #ff8c00}.card-quantity{align-items:center;background:var(--clr-gray);border-radius:2rem;box-shadow:0 0 3px #b7b7b7;display:flex;justify-content:space-between;padding-block:3px}.card-quantity input{background:#fff;border:none;border-radius:4px;box-shadow:inset 0 1px 3px #b7b7b7;outline:var(--clr-gray) 2px solid;padding:5px;width:3rem}.card-quantity button{border:none;border-radius:50%;font-size:12px;padding-inline:3px}.cart-show{opacity:1;top:25%}.show-remove-container{align-items:center;background:var(--clr-backdrop);display:flex;height:100%;inset:0 0 0 0;justify-content:center;position:fixed;transition:transform .35s ease-out;width:100%;z-index:10000}.show-remove{background:#f4ccd1;border-radius:.75rem;box-shadow:0 2px 8px #00000014,0 8px 32px #00000029;color:#aa515b;display:grid;height:15rem;max-height:90vh;overflow:hidden;padding:2rem;place-items:center;text-align:center;transition:transform .35s ease-out;width:25rem}.show-remove div>*{margin-block:10px}.show-remove-btn button:first-child{background:red;color:#fff;margin-right:1rem}.show-remove-btn button{border:none;border-radius:5px;cursor:pointer;height:2rem;width:5rem}.cart-select select{border:none;border-radius:8px;cursor:pointer;outline:solid 2px var(--clr-yellow);padding:3px 0}@media (max-width:83rem){.cart{width:95%}}@media (max-width:58rem){.cart-container{padding:8rem 0 3rem!important}}@media (max-width:74rem){.cart-body table tr td,.cart-body table tr th{padding:1.5rem .4rem}}@media (max-width:63rem){.cart-body table{font-size:14px}}@media (max-width:57rem){.cart-body-div{overflow-x:scroll;padding-inline:5px}}@media (max-width:25rem){.cart-send-rfq button{width:100%}}
/*# sourceMappingURL=main.51c3e1eb.css.map*/