*{margin:0;padding:0;box-sizing:border-box;font-family:'Zain',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:18px}body,.mainContainer,.container,.salary-card,.footer-content{direction:rtl;text-align:right}[id^="containerspan"]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body{min-height:100vh;background:linear-gradient(125deg,#f6f9fc,#eef2f7);padding:20px}.practitioner,.advanced,.expert,.level1,.level2,.level3,.level4,.level5{display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-size:contain;vertical-align:middle}.practitioner{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M96 128a128 128 0 1 0 256 0A128 128 0 1 0 96 128zm94.5 200.2l18.6 31L175.8 483.1l-36-146.9c-2-8.1-9.8-13.4-17.9-11.3C51.9 342.4 0 405.8 0 481.3c0 17 13.8 30.7 30.7 30.7l131.7 0c0 0 0 0 .1 0l5.5 0 112 0 5.5 0c0 0 0 0 .1 0l131.7 0c17 0 30.7-13.8 30.7-30.7c0-75.5-51.9-138.9-121.9-156.4c-8.1-2-15.9 3.3-17.9 11.3l-36 146.9L238.9 359.2l18.6-31c6.4-10.7-1.3-24.2-13.7-24.2L224 304l-19.7 0c-12.4 0-20.1 13.6-13.7 24.2z"/></svg>')}.advanced{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 256c-57.2 0-105.6-37.5-122-89.3c-1.1 1.3-2.2 2.6-3.5 3.8c-15.8 15.8-38.8 20.7-53.6 22.1c-8.1 .8-14.6-5.7-13.8-13.8c1.4-14.7 6.3-37.8 22.1-53.6c5.8-5.8 12.6-10.1 19.6-13.4c-7-3.2-13.8-7.6-19.6-13.4C37.4 82.7 32.6 59.7 31.1 44.9c-.8-8.1 5.7-14.6 13.8-13.8c14.7 1.4 37.8 6.3 53.6 22.1c4.8 4.8 8.7 10.4 11.7 16.1C131.4 28.2 174.4 0 224 0c70.7 0 128 57.3 128 128s-57.3 128-128 128zM0 482.3C0 399.5 56.4 330 132.8 309.9c6-1.6 12.2 .9 15.9 5.8l62.5 83.3c6.4 8.5 19.2 8.5 25.6 0l62.5-83.3c3.7-4.9 9.9-7.4 15.9-5.8C391.6 330 448 399.5 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3zM160 96c-8.8 0-16 7.2-16 16s7.2 16 16 16l128 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L160 96z"/></svg>')}.expert{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M370.7 96.1C346.1 39.5 289.7 0 224 0S101.9 39.5 77.3 96.1C60.9 97.5 48 111.2 48 128l0 64c0 16.8 12.9 30.5 29.3 31.9C101.9 280.5 158.3 320 224 320s122.1-39.5 146.7-96.1c16.4-1.4 29.3-15.1 29.3-31.9l0-64c0-16.8-12.9-30.5-29.3-31.9zM336 144l0 16c0 53-43 96-96 96l-32 0c-53 0-96-43-96-96l0-16c0-26.5 21.5-48 48-48l128 0c26.5 0 48 21.5 48 48zM189.3 162.7l-6-21.2c-.9-3.3-3.9-5.5-7.3-5.5s-6.4 2.2-7.3 5.5l-6 21.2-21.2 6c-3.3 .9-5.5 3.9-5.5 7.3s2.2 6.4 5.5 7.3l21.2 6 6 21.2c.9 3.3 3.9 5.5 7.3 5.5s6.4-2.2 7.3-5.5l6-21.2 21.2-6c3.3-.9 5.5-3.9 5.5-7.3s-2.2-6.4-5.5-7.3l-21.2-6zM112.7 316.5C46.7 342.6 0 407 0 482.3C0 498.7 13.3 512 29.7 512l98.3 0 0-64c0-17.7 14.3-32 32-32l128 0c17.7 0 32 14.3 32 32l0 64 98.3 0c16.4 0 29.7-13.3 29.7-29.7c0-75.3-46.7-139.7-112.7-165.8C303.9 338.8 265.5 352 224 352s-79.9-13.2-111.3-35.5zM176 448c-8.8 0-16 7.2-16 16l0 48 32 0 0-48c0-8.8-7.2-16-16-16zm96 32a16 16 0 1 0 0-32 16 16 0 1 0 0 32z"/></svg>')}.level1{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M3 16h2v5H3z"></path></svg>')}.level2{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M3 16h2v5H3zm4-3h2v8H7z"></path></svg>')}.level3{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M3 16h2v5H3zm4-3h2v8H7zm4-3h2v11h-2z"></path></svg>')}.level4{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M3 16h2v5H3zm4-3h2v8H7zm4-3h2v11h-2zm4-3h2v14h-2z"></path></svg>')}.level5{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M3 16h2v5H3zm4-3h2v8H7zm4-3h2v11h-2zm4-3h2v14h-2zm4-3h2v17h-2z"></path></svg>')}.mainContainer{max-width:600px;margin:auto}.container{max-width:580px;margin:20px auto 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto auto;grid-template-areas:"area1 area1  area1 area2 area2 area2" "area3 area3 area3 area3 area3 area3" "area4 area4 area4 area4 area5 area5";gap:16px;padding:0 20px}.button-container:nth-child(1){grid-area:area1}.button-container:nth-child(2){grid-area:area2}.button-container:nth-child(3){grid-area:area3}.button-container:nth-child(4){grid-area:area4}#singlep{grid-area:area5}.button-container{position:relative}.btn{width:100%;padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0;background-color:#fff;color:#1e293b;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 5px 0 rgb(195 197 208);font-weight:700;display:flex;align-items:center;justify-content:space-between;direction:ltr;flex-direction:row-reverse;text-align:right}.btn:hover{background-color:#f8fafc;border-color:#94a3b8;box-shadow:0 5px 0 rgb(80 141 215)}.btn i{font-size:20px;color:#f66;transition:transform 0.3s ease}.dropdown{position:absolute;top:calc(100% + 4px);right:0;left:auto;text-align:right;width:100%;background:#fff;border-radius:12px;box-shadow:0 10px 25px rgb(0 0 0 / .1);opacity:0;visibility:hidden;transform:translateY(-10px);max-height:190px;transition:all 0.3s ease;overflow-y:auto;z-index:1000}.dropdown a{display:block;padding:6px 16px;color:#2c3e50;text-decoration:none;font-size:14px;border-bottom:1px solid rgb(0 0 0 / .05);transition:all 0.3s ease;text-align:right}.dropdown a:last-child{border-bottom:none}.dropdown a:hover{background:#f8f9fa;color:#5b8af5;padding-left:25px;padding-right:25px}.dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}#singlep{margin:0 1rem;padding-top:6px}.fi{margin-left:6px}.arrow{transform:rotate(180deg)}.summary{background:var(--primary-color);color:#000;padding:4px;border-radius:12px;margin:auto;margin:0 auto 0;transform:translateY(10px);transition:all 0.3s ease}.country-select{width:100%;max-width:300px;padding:15px 20px;margin:20px auto;display:block;background:#fff;border:1px solid rgb(0 0 0 / .08);border-radius:12px;box-shadow:0 2px 10px rgb(0 0 0 / .05);color:#2c3e50;font-size:16px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235b8af5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:16px;transition:all 0.3s ease}.country-select:hover{box-shadow:0 5px 15px rgb(0 0 0 / .08);transform:translateY(-2px);border-color:rgb(0 0 0 / .12)}.country-select:focus{outline:none;border-color:#5b8af5;box-shadow:0 0 0 3px rgb(91 138 245 / .1)}.country-select option{padding:10px;font-size:14px}.salary-card{background:#fff;border-radius:12px;padding:18px 16px 6px;box-shadow:0 2px 8px rgb(0 0 0 / .05);direction:rtl}.salary-title{font-size:1.4rem;font-weight:600;color:#334155;text-align:center;margin:0 0 4px 0;padding-bottom:4px;border-bottom:1px solid #e2e8f0}.level{margin:auto;display:none}.salary-items{display:flex;flex-direction:column;gap:8px}.salary-item{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:4px 0}.salary-item .label{color:#334155;font-weight:600}.salary-item .value{color:#64748b}.salary-item.total{position:relative;display:flex;align-items:center;gap:.5rem;margin-top:12px;padding-top:16px;border-top:1px solid #e2e8f0;font-weight:600;font-size:18px}.salary-item.total .value,.salary-item.total .label{color:#1e293b}.salary-item:hover{background-color:#f8fafc;border-radius:6px;transition:all 0.2s ease}.info-btn{width:16px;height:16px;border-radius:50%;border:2px solid #666;background:none;color:#666;cursor:pointer;font-family:serif;font-style:italic;font-weight:700;font-size:12px;margin-right:3px;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative}.info-btn::before{content:"i"}.info-btn:hover{background-color:#666;color:#fff}.tooltip{display:none;position:absolute;bottom:100%;right:50%;transform:translateX(50%);background-color:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;white-space:nowrap;margin-bottom:8px;transition:opacity 0.2s}.tooltip.show{display:block}.tooltip::after{content:"";position:absolute;top:100%;right:50%;transform:translateX(50%);border-width:5px;border-style:solid;border-color:#333 #fff0 #fff0 #fff0}.info-btn:focus .tooltip{display:inline-block}.info-btn:focus{outline:2px solid #06c;outline-offset:2px;display:inline-block}body .app-footer{margin-top:3px;text-align:center;direction:rtl;color:#64748b;padding:6px 8px}.footer-content span{font-family:'Zain',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:12px}.footer-content div:first-child{margin-bottom:-10px}.footer-content{display:flex;flex-direction:column;max-width:580px;margin:0 auto;text-align:center}.footer-link{color:#5b8af5;text-decoration:none;transition:color 0.2s ease;font-family:'zain',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:13px}.footer-link:hover{color:#ff9800;text-decoration:none}footer{max-width:580px;margin:auto}#mainTitle span{font-family:"Blaka"!important;font-size:48px}#mainTitle{font-family:"Blaka"!important;font-size:48px;font-weight:400;font-style:normal;text-align:center;position:relative;padding:0;color:#bfa;margin:40px auto;font-style:normal;z-index:33}.hone{margin:0;padding:0;text-shadow:0 .1em 20px #558833,.05em -.03em 0 rgb(0 0 0),.05em .005em 0 rgb(0 0 0),0em .08em 0 rgb(0 0 0),.05em .08em 0 rgb(0 0 0),0 -.03em 0 rgb(0 0 0),-.03em -.03em 0 rgb(0 0 0),-.03em .08em 0 rgb(0 0 0),-.03em 0 0 rgb(0 0 0);span{transform:scale(.9);display:inline-block}span:first-child{animation:bop 4s cubic-bezier(.175,.885,.32,1.275) forwards infinite alternate}span:last-child{animation:bopB 4s 0.3s cubic-bezier(.175,.885,.32,1.275) forwards infinite alternate}}@keyframes bop{0%{transform:scale(.9)}50%,100%{transform:scale(1)}}@keyframes bopB{0%{transform:scale(.9)}80%,100%{transform:scale(1) rotateZ(-3deg)}}.custom-arrow{display:inline-block;width:24px;height:24px}.custom-arrow::before{content:'';display:block;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: skyblue'%3E%3Cpath d='M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}@media screen and (max-width:980px){.container{padding:0 10px;margin:15px auto 0;width:100%}.appTitle{font-size:28px}.btn{padding:12px 16px;font-size:15px;width:100%}.btn,.country-select{padding:12px 16px;font-size:15px}#mainTitle{font-size:36px;margin:20px auto}.salary-card{margin:0 10px;padding:12px 8px 4px}.dropdown a{padding:10px 16px}body{padding:10px}.app-footer{padding:12px 16px;margin-top:24px}.footer-content span{font-size:12px}.salary-item{padding:2px}.salary-item span{font-size:17px}.salary-title{font-size:1.3rem}}@media screen and (max-width:400px){.container{grid-template-columns:5fr;grid-template-areas:"area1 area1 area1 area1 area1" "area2 area2 area2 area2 area2" "area3 area3 area3 area3 area3" "area4 area4 area4 area5 area5";gap:12px}.btn{padding:10px 14px;font-size:14px}#mainTitle{font-size:32px;margin:6px auto}.summary{max-width:100%}footer{max-width:370px;width:100%}.salary-item span{font-size:16px}.btn,.country-select{padding:10px 14px;font-size:12px}.appTitle{font-size:26px}.salary-card{width:100%;margin:0;padding:8px 6px 3px}.salary-title{font-size:1.2rem}.footer-content span{font-size:10px}}