:root{--bg-slate:#f8fafc;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--glass-bg:#ffffffd9;--glass-border:#fff6}body,html{background-color:var(--bg-slate);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:600}p,span,div,a{color:inherit}.px-10{padding-left:10%!important;padding-right:10%!important}.px-15{padding-left:15%!important;padding-right:15%!important}.px-20{padding-left:20%!important;padding-right:20%!important}.navWidth{width:70%}.font_size_2ndNav{font-size:15px}.donate-button,.login-button,.cart-button{justify-content:center;align-items:center;margin:0 4px;font-weight:500;transition:all .2s;display:flex;border-radius:var(--border-radius-md)!important;padding:12px 24px!important}.donate-button{background-color:var(--main-color);box-shadow:var(--shadow-md);color:#fff!important}.donate-button:hover{background-color:var(--main-hover-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button{background-color:#0000;border:1px solid #0000;color:var(--text-primary)!important}.login-button:hover{background-color:#0000000a}.cart-button{background-color:var(--bg-slate);border:1px solid #00000014;position:relative;color:var(--text-primary)!important}.cart-button:hover{background-color:#0000000a}.cart-button img{height:24px;margin-right:8px}.cart-button h6{background-color:var(--main-color);color:#fff;width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin:0;font-size:11px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.fixed-width{width:100%;max-width:1920px;margin:0 auto;padding-left:15px;padding-right:15px}.about-page{padding-bottom:50px}.about-page-title{color:var(--main-color);margin-top:50px;font-size:24px}.about-page-para{color:#314e60;width:70%;margin-top:15px;font-size:16px;font-weight:500;line-height:24px}@media screen and (max-width:1200px){.about-page-para{width:100%}}.general-color{color:var(--main-color)}.general-background-color{background-color:var(--main-color);color:#fff}.fixed-size-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.tab-image{width:100%;height:250px;position:relative;overflow:hidden}.tab-active{border-bottom:var(--main-color)2px solid;text-align:center}.custom-tab-style{border-radius:5px;justify-content:center;width:100%;background-color:#e0e0e0!important;padding:10px!important}.custom-tab-style-Profile{text-align:center;border:var(--main-color)solid 2px;border-radius:8px;justify-content:center;align-items:center;gap:10%;width:100%;height:150px;margin-bottom:20px;padding:10px;background-color:#f0f0f0!important}.custom-tab-style2{border-radius:8px;justify-content:center;margin-top:20px!important}.custom-tab-btn{border-radius:5px;justify-content:center;width:fit-content;margin:5px;padding:5px 15px;background-color:#fff!important}.custom-tab-btn span{font-size:1.1rem!important}.button{background-color:var(--main-color);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:20px;padding:10px 20px;font-size:16px}.button:hover{background-color:var(--main-hover-color)}@media screen and (max-width:868px){.custom-tab-btn span{font-size:.8rem!important}.customProfile.col-4{width:100%!important}.custom-tab-style-Profile{height:auto}}.custom-container{box-sizing:border-box;max-width:1400px;margin:0 auto;padding:0 15px}@media (max-width:992px){.custom-container{max-width:900px}}@media (max-width:768px){.custom-container{max-width:718px}.customProfile.row{flex-direction:column-reverse!important}.mobile-stack{flex-direction:column!important}.mobile-stack>.col,.mobile-stack>[class*=col-]{flex:0 0 100%!important;max-width:100%!important}.mobile-full-width{width:100%!important}}@media (max-width:576px){.custom-container{max-width:100%;padding:0 10px}}.backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader{border:4px solid #f3f3f3;border-top:4px solid var(--main-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}