.about-leadership-section{position:relative;overflow:hidden}.about-leadership-section .container{position:relative;z-index:1}.about-leadership-section .text-center{margin-bottom:42px!important}.about-leadership-section .text-center span{color:var(--common-colour, #8dc63f)!important;font-size:12px!important;letter-spacing:2px!important}.about-leadership-section .text-center h2{color:#172019;font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important;margin-bottom:14px}.about-leadership-section .text-center p{color:#58635c!important;font-size:16px!important;line-height:1.7!important}.about-leadership-section .row{margin-left:auto;margin-right:auto;max-width:1280px;row-gap:42px}.about-leadership-section .rounded-4{align-items:center;background-color:#fff!important;border:1px solid rgba(141,198,63,.2)!important;border-radius:8px!important;box-shadow:0 18px 50px #17201914!important;display:grid!important;grid-template-columns:325px 1fr;min-height:0!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.about-leadership-section .col-12:nth-child(2n) .rounded-4{grid-template-columns:1fr 325px}.about-leadership-section .rounded-4:hover{border-color:#8dc63f73!important;box-shadow:0 24px 60px #1720191f!important;transform:translateY(-3px)}.about-leadership-section .rounded-4>div:first-child{background:linear-gradient(135deg,#eef6ea,#f8fbf5);height:100%;padding:16px}.about-leadership-section .col-12:nth-child(2n) .rounded-4>div:first-child{grid-column:2;grid-row:1}.about-leadership-section .rounded-4 img{border-radius:8px;display:block;height:320px!important;min-height:0;object-fit:cover;object-position:center top;width:100%}.about-leadership-section .p-4{justify-content:center;padding:42px 52px!important}.about-leadership-section h3{color:#172019;font-size:clamp(34px,3.5vw,46px)!important;line-height:1.12;margin-bottom:10px!important}.about-leadership-section .p-4 p:first-of-type{color:var(--common-colour, #8dc63f)!important;font-size:16px;margin-bottom:18px!important}.about-leadership-section .p-4 p:nth-of-type(2){color:#515b55!important;font-size:16px;line-height:1.75!important;max-width:720px}.about-leadership-section .p-4 span{align-items:center;align-self:flex-start;background:#f1f8eb;border:1px solid rgba(141,198,63,.22);border-radius:999px;color:#4f861f!important;display:inline-flex;font-size:14px;line-height:1.35;margin-top:8px;padding:10px 16px}@media (max-width: 991px){.about-leadership-section{padding-top:72px!important;padding-bottom:72px!important}.about-leadership-section .rounded-4,.about-leadership-section .col-12:nth-child(2n) .rounded-4{grid-template-columns:1fr}.about-leadership-section .col-12:nth-child(2n) .rounded-4>div:first-child{grid-column:auto;grid-row:auto}.about-leadership-section .rounded-4 img{height:300px!important;min-height:0}}@media (max-width: 575px){.about-leadership-section .text-center{margin-bottom:30px!important}.about-leadership-section .rounded-4>div:first-child{padding:12px}.about-leadership-section .rounded-4 img{height:250px!important}.about-leadership-section .p-4{padding:22px!important}}.login-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.login-modal-container{display:flex;width:85%;max-width:1200px;height:650px;background-color:#fff;border-radius:12px;overflow:hidden;position:relative;color:#111}.close-modal-btn{position:absolute;top:15px;right:20px;background:transparent;color:#a3a1a1;border:none;font-size:26px;cursor:pointer;z-index:10}.left-section{flex:1;background-color:#fff;padding:40px 35px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;scrollbar-width:none}.left-section::-webkit-scrollbar{display:none}.logo-container{text-align:center;margin-bottom:20px}.mackb-logo{width:120px;margin-bottom:10px}.tab-switch{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.tab-switch button{background:none;border:none;color:#000;font-size:21px;cursor:pointer;font-weight:600}.tab-switch .active{color:#000;border-bottom:2px solid #018ed3}.left-section h3{font-size:22px;font-weight:600;margin-bottom:25px}label{display:block;font-size:14px;margin-bottom:6px;color:#000;font-weight:500}.custom-input{width:100%;background-color:#e5e4e4;border:none;border-radius:6px;padding:14px;color:#000;margin-bottom:20px}.btn-submit{color:#fff;padding:12px;border-radius:6px;font-weight:600;cursor:pointer;width:100%;margin-bottom:25px}.or-divider{text-align:center;color:#888;font-size:15px;margin:10px 0 20px;position:relative}.or-divider:before,.or-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background-color:#444}.or-divider:before{left:0}.or-divider:after{right:0}.google-btn,.apple-btn{width:100%;padding:12px;border-radius:6px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px;border:1px solid transparent;cursor:pointer}.google-btn{background:#fff;color:#000;border:1px solid black}.google-logo{width:18px}.apple-btn{background:#282828;color:#fff;border:1px solid #444}.right-section{flex:1.2;position:relative;height:100%;background:linear-gradient(#fffffff2,#fffffffa),url(https://images.unsplash.com/photo-1603782921603-4b573ac9d70a?auto=format&fit=crop&w=1400&q=80) center/cover no-repeat;padding:50px 40px;display:flex;flex-direction:column;justify-content:center;color:#111;overflow-y:auto;border-left:2px solid rgba(0,0,0,.05)}.right-section h2{font-size:32px;font-weight:800;color:#222;margin-bottom:20px;text-align:center}.right-section h2:after{content:"";display:block;width:190px;height:3px;background:#018ed3;margin:8px auto 0;border-radius:3px}.right-section p{color:#444;font-size:15px;line-height:1.6;text-align:center;max-width:480px;margin:0 auto 30px}.features{display:flex;justify-content:center;align-items:stretch;gap:18px;flex-wrap:wrap;margin-bottom:20px}.feature{flex:1 1 160px;text-align:center;background:#f5f5f5cc;padding:20px;border-radius:12px;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 6px #0000000f}.feature:hover{background:#fff;transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.icon{font-size:24px;color:#018ed3}.feature h4{margin:10px 0 8px;color:#111;font-weight:600;font-size:17px}.feature p{color:#555;font-size:13px;line-height:1.4}.join{margin-top:25px;text-align:center;color:#77a521;font-weight:600;font-size:15px}.divider-line{width:1px;background-color:#00000026;margin:20px 0}.guest-login-wrapper{text-align:center;margin-top:12px}.guest-btn{width:100%;padding:10px;border-radius:8px;border:1px solid #666;background:#f5f5f5;font-size:14px;font-weight:400;cursor:pointer;transition:.3s ease}.guest-btn:hover{background:#e2e2e2}.forgot-password-link{font-size:16px;text-align:right;color:#008ed4;cursor:pointer;font-weight:600}.forgot-password-link:hover{text-decoration:underline}.forgot-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:110}.forgot-modal-container{width:450px;max-width:90%;background:#fff;border-radius:12px;padding:35px 30px;position:relative;animation:fadeUp .25s ease-in-out}.forgot-close-btn{position:absolute;top:12px;right:15px;background:transparent;border:none;color:#666;font-size:22px;cursor:pointer}.forgot-logo{display:block;width:100px;margin:0 auto 20px}.forgot-title{text-align:center;font-size:22px;font-weight:600;color:#222;margin-bottom:6px}.forgot-desc{text-align:center;font-size:14px;color:#555;margin-bottom:18px}.forgot-input{width:100%;background:#eee;border:none;padding:14px;border-radius:6px;margin-bottom:18px;font-size:15px}.forgot-input:focus{border:none!important;outline:none!important;box-shadow:none!important}.forgot-submit-btn{width:100%;background:#77a521;border:none;color:#fff;padding:13px;border-radius:6px;font-weight:600;cursor:pointer;transition:.3s ease}.forgot-submit-btn:hover{background:#5a850b}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.news-letter-input-container{position:relative}.news-letter-emal-icon{position:absolute;left:10px;bottom:26px;font-size:1.5em;color:#018ed3}.subscribe-btn-container{position:relative}.subscribe-btn-container button{font-size:1.1em!important}.subscribe-btn-container button:hover~.subscribe-btn-icon{right:91px}.subscribe-btn-icon{position:absolute;color:#fff;z-index:1;font-size:1.3em;right:94px;font-weight:500;cursor:pointer;bottom:17px;transition:right .1s linear}.news-letter-error{width:calc(100vw - 5px);height:100vh;background:#ffffff7d;position:fixed;inset:0;align-items:center;justify-content:center;display:none;opacity:0;z-index:9999!important;animation:fadeup .5s ease-out}.opac{opacity:1;display:flex}.news-letter-error-msg{background-color:#fff;width:400px;text-align:left;padding:35px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 20px #0006;border-radius:10px}.news-letter-error-msg h1{font-size:19px;font-weight:600;color:#555;margin:0}.news-letter-error-msg span{font-size:14px;color:#555;font-weight:500}.news-letter-btn{background:#018dd3e0;width:fit-content;padding:5px 25px;font-size:15px;font-weight:500;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s linear}.news-letter-btn:hover{background:#018ed3}@keyframes fadeup{0%{display:none;opacity:0;transform:translateY(20px)}to{display:flex;opacity:1;transform:translateY(0)}}:root{--theme-colour: #018ed3;--common-colour: #77a521}.orders-page-container{background-color:#f8f9fa;min-height:100vh}.order-card{box-shadow:0 2px 4px #0000001a;border:none;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.order-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00000026!important}.mui-textfield-sm{position:relative;height:36px}.mui-input-sm{width:100%;height:100%;padding:8px 36px 8px 12px;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;font-size:14px;outline:none;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.mui-input-sm:hover{border-color:var(--theme-colour)}.mui-input-sm:focus{border-color:var(--theme-colour);border-width:2px;padding:7px 35px 7px 11px;box-shadow:0 0 0 1px #018ed333}.mui-input-sm::placeholder{color:#6c757d;font-size:14px}.mui-input-clear-sm{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:15;height:20px;width:20px;line-height:1}.mui-input-clear-sm:hover{color:var(--theme-colour);background-color:#018ed31a}.mui-input-clear-sm:focus{outline:1px solid var(--theme-colour);outline-offset:1px}.mui-textfield{position:relative;height:48px}.mui-input{width:100%;height:100%;padding:12px 40px 12px 14px;border:1px solid #dee2e6;border-radius:8px;background-color:#fff;font-size:16px;outline:none;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.mui-input:hover{border-color:var(--theme-colour)}.mui-input:focus{border-color:var(--theme-colour);border-width:2px;padding:11px 39px 11px 13px;box-shadow:0 0 0 1px #018ed333}.mui-input::placeholder{color:#6c757d;font-size:16px}.mui-input-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.mui-input-clear:hover{color:var(--theme-colour);background-color:#018ed31a}.mui-input-clear:focus{outline:2px solid var(--theme-colour);outline-offset:1px}.search-input{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;font-size:16px;height:100%}.search-input:focus{border-color:var(--theme-colour)!important;box-shadow:0 0 0 .2rem #018ed340!important}.search-btn-order{background-color:var(--theme-colour);border-color:var(--theme-colour);border-radius:8px;font-size:16px;font-weight:500;height:48px;white-space:nowrap}.search-btn-order:hover{background-color:#0169a3!important;border-color:#0169a3!important}.product-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #dee2e6}.product-title{font-size:16px;line-height:1.4}.product-color{font-size:14px}.product-price{color:var(--theme-colour);font-size:18px}.status-text{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.status-icon{font-size:10px}.delivery-note{font-size:12px}.review-btn{border-color:var(--common-colour);color:var(--common-colour);font-size:12px;padding:4px 12px;border-radius:6px;margin-left:auto;transition:all .3s ease}.review-btn:hover{border-color:#5a7c19;color:#5a7c19;background-color:#77a5210a}.empty-state{text-align:center;padding:3rem 0}.empty-state h4{color:#6c757d;margin-bottom:1rem}.empty-state p{color:#6c757d}.status-filter-btn{border-color:#dee2e6;color:#495057;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap}.status-filter-btn:hover{border-color:var(--theme-colour);color:var(--theme-colour)}.status-filter-btn:focus{border-color:var(--theme-colour);box-shadow:0 0 0 .2rem #018ed340}.status-dropdown{z-index:1050;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 6px #0000001a;background:#fff;max-height:300px}.status-dropdown .form-control-sm{border-radius:6px;font-size:13px}.status-dropdown .dropdown-item{padding:8px 12px;font-size:14px;border-radius:4px;margin:1px 0;transition:all .2s ease}.status-dropdown .dropdown-item:hover{background-color:#018ed31a;color:var(--theme-colour)}.status-dropdown .dropdown-item.active{background-color:var(--theme-colour);color:#fff}.max-height-200{max-height:200px}.status-dot{flex-shrink:0}.status-dropdown .p-2{position:relative}.fw-semibold{font-weight:600!important}.fw-medium{font-weight:500!important}.text-end{text-align:end!important}@media (max-width: 768px){.container{padding-left:15px;padding-right:15px}.card-body{padding:1rem!important}.search-container{flex-direction:column;gap:1rem!important}.search-btn{width:100%;justify-content:center}.status-filter-btn{width:100%;justify-content:space-between}.text-end{text-align:start!important}}@media (max-width: 576px){.status-column{margin-top:1rem}}:root{--primary: #018ed3;--secondary: #77a521;--light-bg: #f9f9f9;--gray-light: #e0e0e0;--gray: #9ca3af;--dark: #333;--white: #fff}.img-preview{width:70px;height:70px;border-radius:6px;object-fit:cover;border:1px solid #ccc;box-shadow:0 2px 6px #0003;cursor:pointer;transition:transform .2s ease}.img-preview:hover{transform:scale(1.1)}.custom-ticket-btn{position:relative;padding:12px 28px;border:none;border-radius:6px;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:1px;color:#fff;background-color:var(--primary);cursor:pointer;overflow:hidden;transition:all .4s ease;box-shadow:0 4px 12px #018ed34d;display:flex;align-items:center;justify-content:center}.custom-ticket-btn:hover{transform:translateY(-2px);background-color:var(--secondary);box-shadow:0 6px 16px #77a52166}.custom-ticket-btn:active{transform:translateY(0)}.btn-decorator{position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--secondary);transition:all .4s ease}.custom-ticket-btn:hover .btn-decorator{width:100%;opacity:.2}.btn-content{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.btn-icon{font-size:18px;font-weight:700;transition:transform .3s ease}.custom-ticket-btn:hover .btn-icon{transform:rotate(90deg)}.btn-theme{background-color:var(--primary)!important;border:none!important;color:#fff!important}.btn-theme:hover,.btn-theme:focus,.btn-theme:active{background-color:var(--secondary)!important;color:#fff!important}.btn-outline-primary{border-color:var(--primary)!important;color:var(--primary)!important}.btn-outline-primary:hover{background-color:var(--primary)!important;color:#fff!important}.badge-theme{background-color:var(--primary)!important}.badge-theme.inactive{background-color:var(--secondary)!important}.table-hover tbody tr:hover{background-color:#018ed31a}input.form-control,select.form-select,textarea.form-control{border:1px solid var(--primary)}select.form-select{padding-top:10px;padding-bottom:10px}input.form-control:focus,select.form-select:focus,textarea.form-control:focus{border-color:var(--primary)!important;box-shadow:0 0 0 .2rem #018ed340!important}input.form-control:hover,select.form-select:hover{border-color:var(--secondary)!important}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.helpsupport thead.custom-thead th{color:#fff!important}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{to{opacity:1}}.modal-container{width:90%;max-width:500px;max-height:90vh;background-color:var(--white);border-radius:16px;box-shadow:0 10px 30px #0003;overflow:hidden;transform:translateY(20px);animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275) forwards;display:flex;flex-direction:column}@keyframes slideUp{to{transform:translateY(0)}}.modal-header{background-color:var(--primary);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px;box-shadow:0 2px 10px #0000001a}.ticket-info{display:flex;align-items:center;gap:.8rem}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.status-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--gray-light)}.status-indicator.active{background-color:#adff2f;box-shadow:0 0 0 2px #77a5214d;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95)}50%{transform:scale(1.1)}to{transform:scale(.95)}}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background-color:#fff3;transform:rotate(90deg)}.modal-content-chat{flex:1;display:flex;flex-direction:column;height:calc(90vh - 60px);gap:0px}.messages-container{min-height:400px;flex:1;padding:1.5rem;overflow-y:auto;background-color:var(--light-bg);display:flex;flex-direction:column;gap:1rem;scrollbar-width:none;-ms-overflow-style:none}.messages-container::-webkit-scrollbar{display:none}.message{min-width:150px;max-width:80%;padding:.5rem 1rem;border-radius:18px;line-height:1.4;position:relative;word-wrap:break-word;box-shadow:0 2px 5px #0000000d;animation:fadeInMessage .3s ease-out}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vendor-message{background-color:var(--primary);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.admin-message{background-color:var(--white);border:1px solid var(--gray-light);color:var(--dark);margin-right:auto;border-bottom-left-radius:4px}.admin-message .message-content p{color:var(--dark)}.message-content p{margin:0;font-size:14px;color:inherit}.message-meta{display:flex;justify-content:space-between;color:var(--gray);margin-top:.3rem}.message-meta span{font-size:11px;font-weight:600}.vendor-message .message-meta{color:#fffc}.message-images{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.image-container{width:120px;height:120px;border-radius:8px;overflow:hidden;position:relative}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-container:hover img{transform:scale(1.05)}.image-preview-container{display:flex;gap:.8rem;padding:0 1.5rem .5rem;background-color:var(--light-bg);border-top:1px solid var(--gray-light)}.image-preview{width:80px;height:80px;border-radius:8px;overflow:hidden;position:relative;flex-shrink:0;box-shadow:0 2px 5px #0000001a}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background-color:#f56565;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease}.image-preview:hover .remove-image-btn{opacity:1}.message-input-container{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;background-color:var(--white);border-top:1px solid var(--gray-light)}.attach-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;transition:all .2s ease}.attach-button:hover{background-color:var(--primary);color:#fff;transform:rotate(-30deg)}.message-input{flex:1;padding:.8rem 1.2rem;border:1px solid var(--gray-light);border-radius:24px;background-color:var(--light-bg);outline:none;font-size:1rem;transition:all .3s ease}.message-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #018ed333}.send-button{background-color:var(--primary);color:#fff;border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.send-button:hover{background-color:var(--secondary);transform:scale(1.05)}.send-button:disabled{background-color:var(--gray);cursor:not-allowed;transform:none}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:var(--secondary);text-align:center;padding:2rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (max-width: 600px){.modal-container{width:95%;height:85vh;max-width:none}.modal-header,.messages-container{padding:1rem}.message{max-width:85%;padding:.7rem .9rem}.image-container{width:100px;height:100px}.message-input-container{padding:.8rem 1rem}}.support-chat-title{display:flex;align-items:center;gap:10px}.chat-icon{color:#fff;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.order-receipt-main{display:flex;justify-content:center;align-items:center;padding:0 20px 15px;background:#f9fafb;min-height:100vh}.order-receipt-container{background:#fff;width:100%;max-width:850px;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:40px 35px;overflow:hidden}.order-receipt-header{text-align:center;margin-bottom:35px}.check-container{width:70px;height:70px;background-color:#77a521;color:#fff;font-size:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;box-shadow:0 4px 12px #4caf504d}.success-box h1{font-size:28px;font-weight:600;color:#333}.success-box p{color:#555;font-size:15px;line-height:1.6}.tracking-id{background:#f3f4f6;border-radius:8px;padding:15px 20px;margin-bottom:30px}.tracking-id h1{font-size:18px;color:#333;font-weight:600}.tracking-id span{color:#77a521;font-weight:700}.order-summary-main h1{font-size:20px;font-weight:600;margin-bottom:15px}.order-summary-container{display:flex;flex-wrap:wrap;gap:25px}.products-details-container{flex:1.3;background:#fafafa;border-radius:10px;padding:20px}.products-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:12px}.products-detail-left{display:flex;align-items:center;gap:15px}.products-detail-left img{width:70px;height:70px;object-fit:cover;border-radius:8px;border:1px solid #eee}.product-content h1{font-size:16px;color:#333;margin:0;font-weight:500}.product-content h6{font-size:14px;color:#777}.bill-details{flex:.8;background:#fafafa;border-radius:10px;padding:20px}.bill-details h1{font-size:18px;font-weight:600;margin-bottom:15px}.grand-total-details{display:flex;justify-content:space-between;margin-bottom:8px}.grand-total-details h6{color:#555;font-size:14px}.grand-total{display:flex;justify-content:space-between;margin-top:12px;border-top:1px dashed #ccc;padding-top:10px}.grand-total h6{font-size:16px;font-weight:600;color:#333}.order-Details{background:#fafafa;border-radius:10px;padding:20px;margin-top:25px}.order-Details h1{font-size:18px;font-weight:600;margin-bottom:15px}.order-details-box-contaier{display:flex;flex-wrap:wrap;gap:15px}.order-details-box{flex:1 1 45%;background:#fff;border-radius:8px;padding:12px 15px;border:1px solid #eee}.order-details-box h5{color:#888;font-size:13px;margin-bottom:4px}.order-details-box h6{font-size:14px;font-weight:500;color:#333}.button-container{text-align:center;margin-top:35px}.count-button{background:linear-gradient(135deg,#89bf2d,#6da522);color:#fff;font-weight:600;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;transition:all .3s ease}.count-button:hover{background:linear-gradient(135deg,#6da522,#89bf2d);transform:translateY(-2px)}.error{text-align:center;color:#d32f2f;background:#fdecea;border:1px solid #f5c6cb;padding:20px;border-radius:8px}.status-icon{font-size:28px;color:#fff}.check-container{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-box h1{margin-top:10px;font-weight:600}.status-icon.pending,.status-icon.failed,.status-icon.cancelled{color:#fff}.payment-status-box{display:flex;align-items:center;justify-content:space-between}.status-icon{font-size:22px}@media (max-width: 768px){.order-receipt-container{padding:25px 20px}.order-summary-container{flex-direction:column}.products-details{flex-direction:column;align-items:flex-start}.products-detail-left img{width:60px;height:60px}.product-content h1{font-size:15px}.bill-details,.products-details-container{width:100%}}