.ltr .ColorContainer .ColorBlock p{font-family:Open Sans Hebrew Condensed,Arial,Helvetica,sans-serif}.ColorContainer{margin:auto;margin-inline:10px;padding-block:50px}.ColorContainer .c-container{flex-wrap:nowrap;justify-content:center;gap:20px;max-width:1400px;margin:auto;display:flex}.ColorContainer .Divider{display:none}.ColorContainer .green{color:#084608;background:linear-gradient(330deg,#6ad18e 0%,#3ae75f 100%);box-shadow:0 10px 26px -8px #40ca718c}.ColorContainer .green:hover{box-shadow:0 16px 34px -8px #40ca71a6}.ColorContainer .yellow{color:#4b4b0b;background:linear-gradient(330deg,#fffd58 0%,#f3f36b 100%);box-shadow:0 10px 26px -8px #d1cf398c}.ColorContainer .yellow:hover{box-shadow:0 16px 34px -8px #d1cf39a6}.ColorContainer .red{color:#630404;background:linear-gradient(270deg,#eb4848 0%,#e22a2a 100%);box-shadow:0 10px 26px -8px #e03e3e8c}.ColorContainer .red:hover{box-shadow:0 16px 34px -8px #e03e3ea6}.ColorContainer .hide{color:#04141f;background:linear-gradient(92.83deg,#3b7acd 0,#3aa0e8 100%);box-shadow:0 10px 26px -8px #3b7acd8c}.ColorContainer .hide:hover{box-shadow:0 16px 34px -8px #3b7acda6}@media screen and (width<=1000px){.ColorContainer{padding-block:32px}.ColorContainer .c-container{flex-direction:column;align-items:center;gap:16px}}.ColorBlock{text-align:start;cursor:pointer;border:none;border-radius:18px;flex:1 1 0;width:325px;min-width:0;height:225px;margin:0;padding:26px 22px 24px;transition:transform .25s,box-shadow .25s,filter .25s;position:relative;overflow:hidden}.ColorBlock:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#fff0 30%);position:absolute;inset:0}.ColorBlock .content{flex-direction:column;height:100%;display:flex;position:relative}.ColorBlock .shuni{align-items:center;gap:12px;margin-bottom:14px;display:flex}.ColorBlock .bi{width:44px;height:44px;color:inherit;background:#fff6;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:20px;transition:transform .25s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff80}.ColorBlock h4{color:inherit;margin:0;font-size:18px;font-weight:700;display:inline}.ColorBlock p{color:inherit;opacity:.85;margin:0;font-size:1rem;line-height:1.6}.ColorBlock:hover{filter:saturate(1.05);transform:translateY(-6px)}.ColorBlock:hover .bi{transform:scale(1.08)}.ColorBlock:focus-visible{outline-offset:2px;outline:3px solid #ffffffe6}.ColorBlock:disabled{cursor:default}.ColorBlock:disabled:hover{filter:none;transform:none}.ColorBlock:disabled:hover .bi{transform:none}@media screen and (width<=1000px){.ColorBlock{flex:none;width:90%;max-width:420px;height:auto;min-height:0;padding:22px 20px}.ColorBlock .bi{width:40px;height:40px;font-size:19px}}