@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('https://orcapng.com/wp-content/themes/OrcaPng/assets/fonts/Inter.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD } @font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('https://orcapng.com/wp-content/themes/OrcaPng/assets/fonts/Inter.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD } @font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('https://orcapng.com/wp-content/themes/OrcaPng/assets/fonts/Inter.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD } @font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('https://orcapng.com/wp-content/themes/OrcaPng/assets/fonts/Inter.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD } :root{--primary:#345a91;--primary-hover:#193864;--accent:#22C55E;--accent-hover:#16a34a;--bg:#F8FAFC;--card-bg:#FFFFFF;--text:#0F172A;--muted:#64748B;--border:#E2E8F0;--font-family:'Inter',sans-serif;--container-width:1200px;--header-height:70px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1) } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0 } body{line-height:1.5;-webkit-font-smoothing:antialiased } img,picture,video,canvas,svg{display:block;max-width:100% } input,button,textarea,select{font:inherit } p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word } a{text-decoration:none;color:inherit } ul,ol{list-style:none } html{scroll-behavior:smooth;overflow-x:hidden;min-width:310px } body{font-family:var(--font-family);background:var(--bg);color:var(--text) } h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em } h1{font-size:2.5rem } h2{font-size:2rem } h3{font-size:1.75rem } p{margin-bottom:1rem;color:var(--muted) } .container{max-width:var(--container-width);margin:0 auto;padding:0 1rem } .container-small{max-width:800px;margin:0 auto;padding:0 1rem } .container-fluid{max-width:100%;padding:0 1rem } header{position:sticky;top:0;background:rgb(255 255 255 / .9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100;height:var(--header-height);display:flex;align-items:center } .nav{display:flex;justify-content:space-between;align-items:center;width:100% } .logo{display:flex;align-items:center;gap:.4rem;font-size:1.5rem;font-weight:500;color:var(--primary);letter-spacing:-.025em;text-decoration:none } .logo img{height:70px;width:70px;object-fit:contain } .nav-links{display:flex;gap:2rem } .nav-links a{font-weight:500;color:var(--muted);transition:color 0.2s } .nav-links a:hover{color:var(--primary) } .nav-actions{display:flex;align-items:center;gap:1rem } .nav-icon-btn{display:flex;align-items:center;justify-content:center;color:var(--text);padding:.5rem;border-radius:50%;transition:background-color 0.2s,color 0.2s } .nav-icon-btn.search{display:none;font-size:24px } .nav-icon-btn:hover{background-color:var(--bg);color:var(--primary) } .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text);font-size:24px } @media (max-width:768px){.menu-toggle{display:block } .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:rgb(255 255 255 / .98);flex-direction:column;padding:1.5rem;gap:1.5rem;border-bottom:1px solid var(--border);box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);text-align:center;backdrop-filter:blur(10px) } .nav-links.active{display:flex } } footer{background:#020617;color:#cbd5f5;padding:4rem 1rem;text-align:center;margin-top:3rem } footer h3{color:#fff;margin-bottom:.5rem } .footer-logo{height:80px;width:auto;margin-bottom:.5rem;display:inline-block } .footer-brand-name{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;display:block } footer p{color:#c3ccdb } .footer-links{margin-top:2rem } .footer-link{margin:0 10px;color:#d5ddeb;transition:color 0.2s } .footer-link:hover{color:var(--primary) } .grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem } .grid-cols-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem } .grid-auto-flow{grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr) } .btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all 0.2s;border:none } .btn-primary{background:var(--primary);color:#fff } .btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px) } .btn-accent{background:var(--accent);color:#fff } .btn-accent:hover{background:var(--accent-hover) } .card{background:var(--card-bg);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow);transition:transform 0.2s,box-shadow 0.2s;border:1px solid var(--border) } .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg) } .card-img-link{width:100%;aspect-ratio:1/1;object-fit:contain;background:repeating-conic-gradient(#e5e7eb 0% 25%,#f8fafc 0% 50%) 50% / 20px 20px;transition:transform 0.3s ease,filter 0.3s ease;display:block } .card:hover .card-img-link{filter:drop-shadow(0 10px 15px rgb(0 0 0 / .15));transform:scale(1.02) } .card-img-link img{width:100%;height:100%;object-fit:contain } .card-body{padding:1rem } .card-title{display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);text-decoration:none } .card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border);padding-top:.75rem;margin-top:.5rem } .card-meta-item{display:flex;align-items:center;gap:.25rem } .card-meta-item svg.icon{font-size:15px } .search-wrapper{max-width:600px;margin:0 auto;background:#fff;border-radius:.75rem;padding:.5rem;display:flex;box-shadow:var(--shadow-lg);border:1px solid var(--border) } .search-input{flex:1;border:none;padding:.75rem 1rem;font-size:1rem;outline:none } .search-btn{padding:.75rem 1.5rem;border-radius:.5rem } .search-elegant{position:relative;max-width:700px;margin:0 auto 1.5rem;background:#fff;border-radius:12px;padding:.5rem;display:flex;align-items:center;box-shadow:0 10px 40px -10px rgb(0 0 0 / .1);border:1px solid rgb(0 0 0 / .05);transition:all 0.3s ease;z-index:50 } .search-elegant.sticky{position:fixed;top:var(--header-height);left:0;right:0;max-width:100%;margin:0;border-radius:0;padding:.75rem 1rem;background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgb(0 0 0 / .05);animation:slideDown 0.3s ease forwards } @keyframes slideDown{from{transform:translateY(-100%);opacity:0 } to{transform:translateY(0);opacity:1 } } .search-elegant:focus-within{transform:translateY(-2px);box-shadow:0 20px 40px -10px rgb(0 0 0 / .15);border-color:var(--primary) } .search-elegant input{flex:1;border:none;padding:1rem 1.5rem;font-size:1.1rem;outline:none;background:#fff0;color:var(--text);width:100% } .search-elegant button{padding:.8rem 2rem;border-radius:8px;font-size:1rem;border:none;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:background 0.2s } .search-elegant button:hover{background:var(--primary-hover) } .search-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:1rem;margin-bottom:2rem } .search-tag{font-size:.9rem;color:var(--muted);background:#fff;padding:.4rem 1rem;border-radius:20px;border:1px solid var(--border);transition:all 0.2s;text-decoration:none;display:inline-block;white-space:nowrap;} .search-tag.active,.search-tag:hover{color:var(--primary);border-color:var(--primary);background:#f0f9ff } .tag{display:inline-block;padding:.35rem .85rem;background:#fff;border-radius:999px;font-size:.875rem;font-weight:500;color:var(--muted);box-shadow:var(--shadow-sm);transition:all 0.2s;border:1px solid var(--border) } .tag:hover{background:var(--primary);color:#fff;border-color:var(--primary) } .form-group{margin-bottom:1.5rem } .form-label{display:block;margin-bottom:.5rem;font-weight:500 } .form-control{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-family:inherit;transition:border-color 0.2s,box-shadow 0.2s } .form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(37 99 235 / .1) } .form-box{background:#fff;padding:2rem;border-radius:1rem;border:1px solid var(--border);box-shadow:var(--shadow) } .img-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.3 } .article-card{display:flex;flex-direction:column;height:100% } .article-thumb-link{height:200px;width:100%;background:repeating-conic-gradient(#e5e7eb 0% 25%,#f8fafc 0% 50%) 50% / 20px 20px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.9rem;overflow:hidden;display:block } .article-thumb img{aspect-ratio:4/3 } .article-thumb-link img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease } .article-card:hover .article-thumb-link img{transform:scale(1.1) } .article-body{padding:1.2rem;flex:1;display:flex;flex-direction:column } .article-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4 } .article-desc{font-size:.9rem;color:var(--muted);margin-bottom:1rem;flex:1 } .article-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted);margin-top:auto } .article-footer a{color:var(--primary);font-weight:600 } .pagination{margin-top:3rem;display:flex;justify-content:center;gap:.5rem } .pagination-link{padding:.5rem .9rem;border-radius:8px;background:#fff;border:1px solid var(--border);font-size:.9rem;color:var(--text);transition:all 0.2s } .pagination-link:hover{background:#f8fafc;border-color:#cbd5e1 } .pagination-link.active{background:var(--primary);color:#fff;border-color:var(--primary) } .scrollable-items{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100% } .archive-title{margin:0;font-weight:600;font-size:1.5rem;color:var(--text);margin-right:.5rem;flex-shrink:0;white-space:nowrap } .scroll-wrapper{position:relative;min-width:0;max-width:100% } .scroll-container{display:flex;overflow:hidden;gap:8px;scroll-behavior:smooth;position:relative;width:100%;padding:.5rem 0 } .scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,#fff0,var(--1j08csz,#fff));border:none;padding:5px;cursor:pointer;z-index:2;display:none } .scroll-arrow.left{left:0 } .scroll-arrow.right{right:0 } @media (max-width:768px){.scrollable-items{flex-direction:column;align-items:flex-start } } .search-label{align-content:center;font-weight:600;font-size:.9rem;color:var(--text);margin-right:.5rem } .collection-preview-grid{display:grid;grid-template-columns:2fr 1fr;gap:4px } .collection-preview-subgrid{display:grid;gap:4px } .collection-title{padding:1rem } .collection-title a{color:var(--primary);font-weight:600;text-decoration:none } .slogan-section{margin:4rem 0;padding:6rem 1rem;text-align:center;background:#000;color:#fff } .slogan-section h2{font-size:2rem;margin-bottom:1rem } .slogan-section p{font-size:1.2rem;color:#f0f0f0 } .category-card{padding:.5rem;text-align:center;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-content:center } .category-img{width:50px;height:50px;object-fit:contain;margin-bottom:.5rem;border-radius:50%;display:block } .search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:0 0 .75rem .75rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1);z-index:1000;max-height:300px;overflow-y:auto;display:none;margin-top:5px } .suggestion-item{padding:.75rem 1rem;cursor:pointer;font-size:.95rem;color:#94a3b8;border-bottom:1px solid #f1f5f9;transition:background 0.1s } .suggestion-item:last-child{border-bottom:none } .suggestion-item:hover{background:#f8fafc;color:var(--primary) } .highlight-text{color:var(--text);font-weight:700;background:#fff0 } .btn-to-top{position:fixed;bottom:2rem;right:2rem;width:2.5rem;height:2.5rem;padding:.5rem;border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:999;transform:translateY(20px) } .btn-to-top.show{opacity:1;visibility:visible;transform:translateY(0) } .btn-to-top:hover{background:var(--primary-hover);transform:translateY(-4px);box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05) } .btn-loading{color:transparent!important;pointer-events:none;position:relative;min-width:120px } .btn-loading::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:spin 0.8s linear infinite } .btn-outline.btn-loading::after{border-color:rgb(0 0 0 / .1);border-top-color:var(--primary) } @keyframes spin{to{transform:rotate(360deg) } } .load-more-btn.btn-loading::after{border-color:rgb(0 0 0 / .1);border-top-color:var(--primary) } .no-more-content{text-align:center;color:var(--muted);padding:1rem;font-style:italic;animation:fadeIn 0.5s ease } @keyframes fadeIn{from{opacity:0;transform:translateY(10px) } to{opacity:1;transform:translateY(0) } } .filter-select{padding:.6rem 2.5rem .6rem 1rem;font-size:.95rem;color:var(--text);background-color:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;min-width:160px;transition:all 0.2s;box-shadow:var(--shadow-sm) } .filter-select:hover{border-color:#cbd5e1;background-color:#f8fafc } .filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(37 99 235 / .1) } .color-options{display:flex;gap:.5rem } .color-btn{width:26px;height:26px;border-radius:50%;border:2px solid #e5e7eb;background:var(--c);cursor:pointer;box-shadow:0 2px 6px rgb(0 0 0 / .15);transition:0.2s;display:flex;align-items:center;justify-content:center } .color-btn.active,.color-btn:hover{transform:scale(1.15);border-color:var(--primary) } .color-btn:hover::after,.color-btn.active::after{content:'✔';color:#fff;font-size:14px;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .5)) } .color-btn.black{background:#000 } .color-btn.white{background:#fff;border-color:#cbd5e1 } .color-btn.red{background:#ef4444 } .color-btn.green{background:#22c55e } .color-btn.blue{background:#3b82f6 } .color-btn.yellow{background:#eab308 } .color-btn.purple{background:#a855f7 } .load-more-btn{background:#fff;color:var(--primary);border:2px solid var(--primary) } .load-more-btn:hover{background:var(--primary);color:#fff } .btn-file-size{font-size:.8em;opacity:.9;font-weight:400;background:rgb(0 0 0 / .1);padding:2px 8px;border-radius:4px } .article-hero{max-width:900px;margin:3rem auto 2rem;padding:0 1rem;text-align:center } .article-hero h1{font-size:2.6rem;margin-bottom:1rem } .article-meta{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.9rem;color:var(--muted) } .article-cover{margin:2rem 0;border-radius:14px;overflow:hidden;background:repeating-conic-gradient(#e5e7eb 0% 25%,#f8fafc 0% 50%) 50% / 20px 20px;height:360px;display:flex;align-items:center;justify-content:center;padding:0;background:none } .article-cover-img{width:100%;height:100%;object-fit:cover;border-radius:14px } .article-container{max-width:1200px;margin:auto;padding:0 1rem 4rem;display:grid;grid-template-columns:1fr 280px;gap:3rem } .article-content h2{margin:2.5rem 0 1rem;font-size:1.6rem } .article-content p{margin-bottom:1.2rem;color:#1e293b;line-height:1.7 } .article-content ul{margin:1rem 0 1.5rem 1.5rem;list-style-type:disc } .article-content li{margin-bottom:.6rem } .article-content blockquote{margin:2rem 0;padding:1.2rem 1.5rem;background:#f1f5f9;border-left:4px solid var(--primary);color:#334155;border-radius:8px } .sidebar{position:sticky;top:2rem;height:fit-content;background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 10px 25px rgb(0 0 0 / .05) } .sidebar h3{margin-bottom:1rem;font-size:1.1rem } .sidebar-link{display:block;margin-bottom:.6rem;font-size:.9rem;color:var(--text);transition:color 0.2s } .sidebar-link:hover{color:var(--primary) } @media (max-width:900px){.article-container{grid-template-columns:1fr } .sidebar{position:relative;top:0 } } .filters-wrapper{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:1.5rem;margin-top:2rem } .filter-bar{display:flex;gap:1rem;flex-wrap:wrap;justify-content:end } .color-filter{display:flex;align-items:center;gap:1rem;flex-wrap:wrap } .filter-label{color:var(--muted);font-size:.9rem } .collection-grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:4px } .collection-subgrid{display:grid;gap:4px } .collection-img{width:100%;height:100%;object-fit:cover;background:#f1f5f9 } .download-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;margin-top:2rem;align-items:start } .preview-box{background:#fff;border-radius:1rem;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;min-height:400px;background-image:repeating-conic-gradient(#e5e7eb 0% 25%,#f8fafc 0% 50%);background-size:20px 20px } .info-box{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border);margin-bottom:2rem } @media (max-width:768px){.download-grid{grid-template-columns:1fr } } .hero-title{margin-bottom:1rem } .hero-section{background:linear-gradient(180deg,#ecf6fa,#fff0);padding:6rem 1rem;position:relative;overflow:hidden;z-index:1 } .orca-right::before,.orca::before{content:"";width:40%;display:block;height:100%;position:absolute;background:repeating-conic-gradient(#e5e7eb 0% 25%,#f8fafc 0% 50%) 50% / 20px 20px;bottom:0;left:0;z-index:-1 } .orca-right::after,.orca::after{display:block;content:"";background:url('https://orcapng.com/wp-content/themes/OrcaPng/assets/img/orca.png');width:200px;height:245px;background-size:100%;position:absolute;bottom:-60px;left:0;z-index:-1 } .orca-right::before{right:0;z-index:-1;left:inherit } .orca-right::after{right:0;left:inherit;transform:scaleX(-1) } .hero-subtitle{font-size:1.25rem;margin-bottom:2.5rem } .popular-tags{margin-top:2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem } .about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;text-align:center } .stat-number{font-size:2rem;font-weight:700;color:var(--primary) } .download-title{font-size:2.5rem;margin-bottom:.5rem } .download-meta{display:flex;gap:.75rem;margin-bottom:2rem;color:var(--muted);flex-wrap:wrap } .download-meta>span{background:#f8fafc;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);font-size:.9rem;font-weight:500;align-items:anchor-center } .download-license-title{font-size:1.25rem;margin-bottom:1rem } .download-btn-lg{width:100%;padding:1rem;font-size:1.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem } .preview-text{font-size:2rem;opacity:.5 } .process-box{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:3rem 1rem;text-align:center;max-width:600px;margin:4rem auto;box-shadow:var(--shadow) } .process-box .icon{color:#22c55e } .countdown-circle{width:80px;height:80px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--primary);margin:0 auto 1.5rem;animation:spin 1s linear infinite } .countdown-circle.static{animation:none;border-color:var(--primary) } .status-text{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text) } .sub-status{color:var(--muted);margin-bottom:2rem } .captcha-box{background:#f8fafc;border:1px solid var(--border);padding:1rem;border-radius:.5rem;display:inline-flex;align-items:center;gap:1rem;margin-bottom:2rem;display:none } .captcha-checkbox{width:24px;height:24px;cursor:pointer } .download-ready-btn{display:none;animation:fadeInUp 0.5s ease } @keyframes fadeInUp{from{opacity:0;transform:translateY(10px) } to{opacity:1;transform:translateY(0) } } .w-full{width:100% } .mt-1{margin-top:.25rem } .mt-2{margin-top:.5rem } .mt-4{margin-top:1rem } .mt-8{margin-top:2rem } .mb-2{margin-bottom:.5rem } .mb-4{margin-bottom:1rem } .mb-8{margin-bottom:2rem } .my-8{margin-bottom:2rem;margin-top:2rem } .text-center{text-align:center } .text-muted{color:var(--muted) } .text-sm{font-size:.875rem } .text-2xl{font-size:2.5rem } .pt-8{padding-top:2rem } .py-8{padding-top:2rem;padding-bottom:2rem } .pb-8{padding-bottom:2rem } .pt-16{padding-top:4rem } .py-16{padding-top:4rem;padding-bottom:4rem } .text-primary{color:var(--primary) } .bg-gray{background:var(--bg) } .font-bold{font-weight:600 } .mr-2{margin-right:.5rem } .gap-2{gap:.5rem } .border-bottom{border-bottom:1px solid var(--border) } .bg-white{background:#fff } .d-flex{display:flex } .d-flex-wrap{display:flex;flex-wrap:wrap } .d-flex-nowrap{display:flex;flex-wrap:nowrap } .d-block{display:block } .d-inline{display:inline } .d-inline-block{display:inline-block } .d-grid{display:grid } .icon{fill:currentColor;width:1em;height:1em } .icon.icon-stroke{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round } .img-contain-full{width:100%;height:100%;object-fit:contain } .img-cover-full{width:100%;height:100%;object-fit:cover }