.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1200px;margin:0 auto}.card{flex:1 1 200px;min-width:180px;background:#fff;border-radius:20px;padding:25px 15px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;text-align:center}.card:hover{transform:translateY(-2px);box-shadow:0 12px 20px rgba(0,0,0,.1)}.card-text{font-size:1.2rem;color:#696969;margin-bottom:15px;letter-spacing:.3px}.card-number{font-size:1.7rem;font-weight:600;color:#69ba45;line-height:1.2}.compound-card{flex:0 0 100%;display:flex;gap:20px;flex-wrap:wrap}@media (max-width:800px){.compound-card{flex-direction:column;gap:15px}}.card-text-block{flex:1 1;background:#fff;border-radius:20px;padding:25px 30px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;font-size:1.2rem;color:#696969;display:flex;align-items:center;border:1px solid rgba(0,0,0,.125)}.card-text-block:hover{transform:translateY(-2px);box-shadow:0 12px 20px rgba(0,0,0,.1)}@media (max-width:800px){.card-text-block{width:100%;max-width:100%;text-align:center;justify-content:center;padding:20px}}.card-number-block{flex:0 0 130px;background:#fff;border-radius:20px;padding:25px 20px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;font-size:1.7rem;font-weight:600;color:#ca941c;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(0,0,0,.125)}.card-number-block:hover{transform:translateY(-2px);box-shadow:0 12px 20px rgba(0,0,0,.1)}@media (max-width:800px){.card-number-block{width:100%;max-width:100%;text-align:center;justify-content:center;padding:15px 20px;max-height:max-content;margin-bottom:1rem}}@media (max-width:400px){.card-number-block{font-size:1.7rem;max-height:max-content;margin-bottom:1rem}}.btn{font-size:1.2rem;border-radius:.75rem!important}.heading-weight{font-weight:600;margin-top:2rem;margin-bottom:2rem}@media (max-width:800px){.heading-weight{font-size:1.5rem}}h1{color:#4b4e50;font-size:2.5rem}@media (max-width:800px){h1{font-size:2rem}}h2{color:#4b4e50;font-size:1.7rem}#header{height:auto}#header .header-part,#header .nav-main{position:relative;z-index:1}#header .header-part h2{text-shadow:1px 1px 1px #000}#header .nav-main{background-color:rgba(0,0,0,.1)}#header .header-hero-image{object-position:30% 65%}.header h1{color:#fff;text-shadow:2px 3px 14px #000}@media (max-width:800px){.text-justify{text-align:center!important}}