:root{--main_color: #263879;--background_light: #3c57ba}*{padding:0;margin:0;text-decoration:none;list-style:none;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:500}body,input,button,textarea{font-family:IBM Plex Sans Arabic,sans-serif;color:#444}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#3c57ba}.title-page{text-align:center;color:var(--main_color)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button:disabled{opacity:.7;cursor:no-drop!important}@media(max-width:767px){*{cursor:auto!important}}.table-title{font-size:clamp(17px,4vw,20px);color:#444}.head-page{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;margin-top:5px}.head-page .btns{display:flex;align-items:center;gap:10px}.head-page .btns>a,.head-page .btns>button{display:flex;align-items:center;gap:10px;padding:7px 15px;background-color:var(--main_color);color:#fff;border:none;font-size:clamp(13px,4vw,16px);cursor:pointer;border-radius:5px;text-align:center}.head-page .btns>a span,.head-page .btns>button span{display:flex;align-items:center}.head-page .btns>a span svg,.head-page .btns>button span svg{width:18px;height:18px}@media(max-width:767px){.head-page .btns>a,.head-page .btns>button{justify-content:center;width:100px}}.head-table{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.head-table h4{font-size:18px;font-weight:400}.head-table .search form{border:1px solid #CCC;display:flex;align-items:center;gap:10px;padding:5px 10px;border-radius:5px;transition:all .3s}.head-table .search form:has(input:focus){border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.head-table .search form input{flex:1;border:none!important;outline:none!important;transition:all .3s;font-size:16px}.head-table .search form input::placeholder{font-size:16px}.head-table .search form button{display:flex;align-items:center;background-color:var(--main_color);color:#fff;border:none;padding:5px;border-radius:10px;cursor:pointer}.head-table .search form button svg{width:15px;height:15px}@media(max-width:767px){.head-table{flex-direction:column;gap:10px;margin-bottom:20px}.head-table .search input{width:100%}}.table .control .loading-btn{color:var(--main_color)!important}.table .control .list-more{display:flex;align-items:center;gap:10px}.table .control .list-more button,.table .control .list-more a{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;font-size:18px;cursor:pointer}.table .control .list-more button.show,.table .control .list-more a.show{color:#00b4ff}.table .control .list-more button.edit,.table .control .list-more a.edit{color:#ca9908;font-size:20px}.table .control .list-more button.del,.table .control .list-more a.del{color:#f44336}.table .img{display:flex;align-items:center;justify-content:center;padding:10px;width:100px;height:70px}.table .img img{width:100%;height:100%;object-fit:contain}.layout main{height:100vh;display:flex;align-items:stretch}.layout main .page{flex:1;overflow:hidden}.layout main .page .outlet{height:calc(100vh - 70px);overflow:auto;padding:15px 20px}.layout main .page .outlet>.loading-btn{font-size:60px;color:var(--main_color)}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid var(--main_color);height:70px;padding-inline:20px}.header button{border:none;background-color:var(--main_color);color:#fff;font-size:16px;padding:7px 25px;border-radius:15px;cursor:pointer}.header button:first-of-type{padding:10px;display:none;align-items:center;justify-content:center}.header h3{flex:1}@media(max-width:991px){.header button:first-of-type{display:flex}.header h3{font-size:15px}}.sidebar{background-color:var(--main_color);color:#fff;width:250px;height:100vh;display:flex;flex-direction:column;overflow:auto}.sidebar .head{flex-shrink:0;height:68px;display:flex;align-items:center;justify-content:center}.sidebar .css-np5i73{border:none}.sidebar .ps-menu-prefix{margin:0}.sidebar .ps-submenu-expand-icon{display:none}.sidebar .css-ewdv3l .css-ewdv3l a{padding-inline-start:30px}.sidebar .menu-icon{display:flex;align-items:center;justify-content:center}.sidebar .sidebar-links{flex:1}.sidebar .sidebar-links .css-dip3t8{background-color:transparent!important}.sidebar .sidebar-links .ps-menu-button{padding-inline:10px;background-color:var(--main_color);display:flex;align-items:center;justify-content:space-between}.sidebar .sidebar-links .ps-menu-button .css-wx7wi4{margin:0}.sidebar .sidebar-links .ps-menu-button .ps-menu-prefix{width:35px;min-width:35px;display:flex;align-items:center;justify-content:center}.sidebar .sidebar-links .ps-menu-button .ps-menu-suffix{display:flex;align-items:center;justify-content:center}.sidebar .sidebar-links .ps-active,.sidebar .sidebar-links .ps-menu-button:hover{background-color:#0d2a45}.sidebar .sidebar-links .submenu-arrow{display:flex;align-items:center;justify-content:center;transition:all .3s}.sidebar .sidebar-links .ps-menu-button.ps-open .submenu-arrow{transform:rotate(180deg)}.sidebar .developer{text-align:center;display:flex;flex-direction:column;gap:5px;margin-top:auto;font-weight:700;padding-block:20px;font-size:14px}@media(max-width:991px){.sidebar{position:absolute;transform:translate(100%);transition:all .3s;z-index:2}.sidebar.active{transform:translate(0)}}.home{padding:20px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.home img{width:300px}.home h1{color:var(--main_color);text-align:center;line-height:1.6}.login{height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;background-image:url(/assets/bg-CFtP0lRe.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.login:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#21212148}.login form{display:flex;flex-direction:column;padding:20px;gap:20px;max-width:450px;width:100%;position:relative;z-index:3}.login form h2{font-size:30px;color:#fff;text-align:center;line-height:1.7}.login form input{outline:none;border:1px solid #444;font-size:17px;padding:10px;border-radius:10px;text-align:center}.login form input::placeholder{color:#444}.login form label{display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;cursor:pointer}.login form .submit{display:block;width:100%;padding:10px;font-size:17px;border:none;background-color:var(--main_color);color:#fff;border-radius:10px;cursor:pointer}@media(max-width:767px){.login{background-image:url(/assets/bg2-DHTy3vQG.jpg)}}.loading-btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:25px;color:inherit}.loading-btn svg{animation:laoding .8s linear infinite}@keyframes laoding{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.all-families .table .location{color:var(--main_color);text-decoration:underline}.confirm-deletion{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:3;display:flex;justify-content:center;align-items:center;background-color:#29292933;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease}.confirm-deletion .content{width:400px;height:130px;border-radius:10px;background-color:#fff;padding:20px;overflow:auto;position:relative;box-shadow:0 0 10px #3838383a;display:flex;flex-direction:column;justify-content:space-between}.confirm-deletion .content.open{animation:open .3s ease}.confirm-deletion .content.shake{animation:shake .4s}.confirm-deletion .content h3{text-align:center}.confirm-deletion .content .btns{display:flex;align-items:center;justify-content:center;gap:10px}.confirm-deletion .content .btns button{width:120px;padding-block:5px;font-size:16px;border:1px solid var(--main_color);background-color:transparent;cursor:pointer}.confirm-deletion .content .btns button:first-of-type{background-color:var(--main_color);color:#fff}.confirm-deletion .content .btns button:last-of-type{color:var(--main_color)}@keyframes open{0%{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes shake{0%{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}to{transform:translate(0)}}.map{display:flex;align-items:center;gap:10px;font-size:clamp(15px,4vw,18px);font-weight:600}.map a{color:var(--main_color)}@media(max-width:767px){.map{flex-wrap:wrap}}.additions .links{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.additions .links a{display:flex;align-items:center;justify-content:center;background-color:var(--main_color);color:#fff;padding-block:10px;border-radius:5px}.areas .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.areas .form>h3{text-align:center;color:#333;margin-bottom:12px;font-size:clamp(17px,4vw,20px)}.areas .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.areas .form form input{height:38px;border-radius:0 15px 15px 0;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:clamp(14px,4vw,17px);width:350px}.areas .form form input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.areas .form form input::placeholder{font-size:clamp(14px,4vw,17px)}.areas .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;height:38px;font-size:clamp(14px,4vw,17px);width:fit-content;padding-inline:20px;border-radius:15px 0 0 15px;cursor:pointer}.areas .table{margin-top:5px;max-width:1000px;width:100%;margin-inline:auto}@media(max-width:600px){.areas .form form input{width:100%}}.streets .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.streets .form>h3{text-align:center;color:#333;margin-bottom:12px;font-size:clamp(17px,4vw,20px)}.streets .form form{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.streets .form form .form-group>input{height:38px;border-radius:5px;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:clamp(14px,4vw,17px);width:280px}.streets .form form .form-group>input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.streets .form form .form-group>input::placeholder{font-size:clamp(14px,4vw,17px)}.streets .form form .form-group>div{width:280px}.streets .form form .form-group>div input{font-size:clamp(14px,4vw,17px)}.streets .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:5px;cursor:pointer}.streets .table,.streets .head-table{margin-top:5px;max-width:1000px;width:100%;margin-inline:auto}.streets .head-table{margin-top:35px}.streets .head-table .search>div{width:300px}@media(max-width:600px){.streets .form form{flex-direction:column;gap:20px!important}.streets .form form .form-group>input,.streets .form form .form-group>div{width:270px}}.religious-sects .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.religious-sects .form>h3{text-align:center;color:#333;margin-bottom:12px;font-size:clamp(17px,4vw,20px)}.religious-sects .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.religious-sects .form form input{height:38px;border-radius:0 15px 15px 0;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:clamp(14px,4vw,17px);width:350px}.religious-sects .form form input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.religious-sects .form form input::placeholder{font-size:clamp(14px,4vw,17px)}.religious-sects .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:15px 0 0 15px;cursor:pointer}.religious-sects .table{margin-top:5px;max-width:1000px;width:100%;margin-inline:auto}@media(max-width:600px){.religious-sects .form form input{width:250px}}.qualifications .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.qualifications .form>h3{text-align:center;color:#333;margin-bottom:12px;font-size:clamp(17px,4vw,20px)}.qualifications .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.qualifications .form form input{height:38px;border-radius:0 15px 15px 0;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:clamp(14px,4vw,17px);width:350px}.qualifications .form form input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.qualifications .form form input::placeholder{font-size:clamp(14px,4vw,17px)}.qualifications .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:15px 0 0 15px;cursor:pointer}.qualifications .table{margin-top:5px;max-width:1000px;width:100%;margin-inline:auto}@media(max-width:600px){.qualifications .form form input{width:250px}}.financial-cases .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.financial-cases .form>h3{text-align:center;color:#333;margin-bottom:12px;font-size:clamp(17px,4vw,20px)}.financial-cases .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.financial-cases .form form input{height:38px;border-radius:0 15px 15px 0;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:clamp(14px,4vw,17px);width:350px}.financial-cases .form form input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.financial-cases .form form input::placeholder{font-size:clamp(14px,4vw,17px)}.financial-cases .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:15px 0 0 15px;cursor:pointer}.financial-cases .table{margin-top:5px;max-width:1000px;width:100%;margin-inline:auto}@media(max-width:600px){.financial-cases .form form input{width:250px}}.health-conditions .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.health-conditions .form>h3{text-align:center;color:#333;margin-bottom:12px;font-size:clamp(17px,4vw,20px)}.health-conditions .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.health-conditions .form form input{height:38px;border-radius:0 15px 15px 0;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:clamp(14px,4vw,17px);width:350px}.health-conditions .form form input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.health-conditions .form form input::placeholder{font-size:clamp(14px,4vw,17px)}.health-conditions .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:15px 0 0 15px;cursor:pointer}.health-conditions .table{margin-top:5px;max-width:1000px;width:100%;margin-inline:auto}@media(max-width:600px){.health-conditions .form form input{width:250px}}.social-situations .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.social-situations .form>h3{text-align:center;color:#333;margin-bottom:12px;font-size:clamp(17px,4vw,20px)}.social-situations .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.social-situations .form form input{height:38px;border-radius:0 15px 15px 0;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:clamp(14px,4vw,17px);width:350px}.social-situations .form form input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.social-situations .form form input::placeholder{font-size:clamp(14px,4vw,17px)}.social-situations .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:15px 0 0 15px;cursor:pointer}.social-situations .table{margin-top:5px;max-width:1000px;width:100%;margin-inline:auto}@media(max-width:600px){.social-situations .form form input{width:250px}}.family-relationships .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.family-relationships .form>h3{text-align:center;color:#333;margin-bottom:12px;font-size:clamp(17px,4vw,20px)}.family-relationships .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.family-relationships .form form input{height:38px;border-radius:0 15px 15px 0;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:clamp(14px,4vw,17px);width:350px}.family-relationships .form form input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.family-relationships .form form input::placeholder{font-size:clamp(14px,4vw,17px)}.family-relationships .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:15px 0 0 15px;cursor:pointer}.family-relationships .table{margin-top:5px;max-width:1000px;width:100%;margin-inline:auto}@media(max-width:600px){.family-relationships .form form input{width:250px}}.add-families form{margin-top:25px}.add-families form .box-inputs{background-color:#f1f1f1fe;margin-top:30px}.add-families form .box-inputs.global-data{padding-bottom:20px}.add-families form .box-inputs .textarea{display:flex;flex-direction:column;padding-inline:10px;gap:10px}.add-families form .box-inputs .textarea:not(:last-child){margin-bottom:15px}.add-families form .box-inputs .textarea>textarea{padding:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:16px;width:100%;resize:none;height:70px;border-radius:5px}.add-families form .box-inputs .textarea>textarea:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.add-families form .box-inputs .textarea>textarea::placeholder{font-size:16px}.add-families form .box-inputs .title-data{background-color:var(--main_color);color:#fff;padding:10px;text-align:center;border-radius:15px 15px 0 0;display:flex;align-items:center;justify-content:center;gap:15px}.add-families form .box-inputs .title-data button{border:none;outline:none;font-size:25px;background-color:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-families form .box-inputs .inputs{padding:20px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.add-families form .box-inputs .inputs .input-group{display:flex;flex-direction:column;gap:10px}.add-families form .box-inputs .inputs .input-group.check-zone{display:flex;align-items:center}.add-families form .box-inputs .inputs .input-group>div,.add-families form .box-inputs .inputs .input-group>input{height:38px;border-radius:5px}.add-families form .box-inputs .inputs .input-group>input{padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:16px;width:100%}.add-families form .box-inputs .inputs .input-group>input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.add-families form .box-inputs .inputs .input-group>input::placeholder{font-size:16px}.add-families form .box-inputs .inputs .input-group:has(.check){flex-direction:row}.add-families form .box-inputs .inputs .input-group:has(.check) .check{width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:38px}.add-families form .box-inputs .inputs .input-group:has(.check) .check input{cursor:pointer;width:18px;height:18px}.add-families form .box-inputs .files{margin-block:20px;display:flex;align-items:center;justify-content:center;gap:30px}.add-families form .box-inputs .files .main-image{position:relative;width:200px}.add-families form .box-inputs .files .main-image h4{text-align:center;margin-bottom:10px}.add-families form .box-inputs .files .main-image label{width:100%;height:150px;border:1px solid #DDD;border-radius:10px;cursor:pointer;padding:15px;display:flex;align-items:center;justify-content:center;font-size:15px}.add-families form .box-inputs .files .main-image label img{width:100%;height:100%;object-fit:contain;border-radius:8px}.add-families form .box-inputs .files .main-image label span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.add-families form .box-inputs .files .main-image .remove-image{position:absolute;top:5px;right:8px;background:brown;border:none;padding:4px;border-radius:4px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}.add-families form .add-btn{margin-top:20px;border:1px solid var(--main_color);background-color:transparent;color:var(--main_color);font-size:16px;padding:7px 25px;border-radius:15px;cursor:pointer;width:180px;display:block}.add-families form .submit{display:block;margin-inline:auto;margin-block:30px;background-color:var(--main_color);border:none;color:#fff;font-size:17px;padding:8px 0;width:150px;border-radius:15px;cursor:pointer}@media(max-width:767px){.add-families .box-inputs .files{flex-direction:column}}.file-box{border:1px solid #DDD;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;height:150px;max-width:270px;width:100%;padding:15px;flex-direction:column;gap:10px;font-size:15px;overflow-x:auto}.file-box::-webkit-scrollbar{width:5px}.file-box label{cursor:pointer}.file-box label>p{display:flex;align-items:center;font-size:30px}.file-box .result{display:flex;align-items:center;flex-direction:column;gap:10px;white-space:nowrap;width:100%;overflow:auto}.file-box .result>div,.file-box .result>div>div{display:flex;align-items:center;gap:5px;width:150px;cursor:pointer}.file-box .result>div button,.file-box .result>div>div button{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer;color:red;overflow:hidden}.file-box .result>div button svg,.file-box .result>div>div button svg{font-size:22px!important}.popup-model{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#29292933;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:3;display:flex;align-items:center;justify-content:center}.popup-model .content{max-width:750px;width:90%;max-height:650px;height:90%;background-color:#fff;border-radius:20px;padding:20px;overflow:auto;position:relative}.popup-model .content .close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;background-color:var(--main_color);color:#fff;border:none;width:30px;height:30px;font-size:17px;border-radius:50%;cursor:pointer}.show-file{display:flex;align-items:center;justify-content:center;height:100%}.show-file img{width:300px;height:300px;object-fit:contain}.show-family h2{text-align:center;color:var(--main_color)}.show-family .media{margin-block:20px;display:flex;align-items:center;justify-content:center;gap:20px}.show-family .media .image{padding:10px;width:150px;height:150px;border:1px solid var(--main_color);display:flex;align-items:center;justify-content:center}.show-family .media .image img{width:100%;height:100%;object-fit:contain;cursor:pointer}.show-family .media .files{padding:10px 15px;min-width:300px;height:150px;border:1px solid var(--main_color);display:flex;align-items:center;gap:10px}.show-family .media .files .box{width:120px;height:80%;border:1px solid #000;display:flex;align-items:center;justify-content:center;padding:10px}.show-family .media .files .box svg{font-size:60px;color:var(--main_color);cursor:pointer}.show-family .media .files .box img{width:100%;height:100%;object-fit:contain;cursor:pointer}.show-family .general-data{margin-block:30px;background-color:#f4f4f4}.show-family .parent-data{background-color:#f4f4f4}.show-family .parent-data .boxs{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.show-family .father{margin-bottom:30px}.show-family .children,.show-family .other{margin-block:20px}.show-family .title-box{text-align:center;background-color:var(--main_color);color:#fff;padding-block:10px;border-radius:20px 20px 0 0}.show-family .boxs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;padding:20px 15px}.show-family .boxs .box-data{display:flex;align-items:center;gap:3px}.show-family .boxs .box-data .key,.show-family .boxs .box-data span{font-size:18px;color:var(--main_color);font-weight:500}.show-family .boxs .box-data .val{font-size:17px}.show-family .boxs .box-data .val a{color:#00f;text-decoration:underline}.show-family .no-data{text-align:center;padding-block:15px;background-color:var(--main_color);color:#fff;font-size:17px}@media(max-width:767px){.show-family .media{flex-direction:column}.show-family .media .files{display:grid!important;grid-template-columns:repeat(2,1fr);height:100%}.show-family .media .files .box{height:100%}.show-family .media .files .box svg{width:40px;height:40px}}.services .links{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.services .links a{display:flex;align-items:center;justify-content:center;background-color:var(--main_color);color:#fff;padding-block:10px;border-radius:5px}.all-brothers .head{display:flex;align-items:center;justify-content:space-between}.all-brothers .head a{display:block;text-align:center;width:fit-content;background-color:var(--main_color);color:#fff;font-size:17px;padding:7px 20px;border-radius:20px}.all-brothers .table .location{color:var(--main_color);text-decoration:underline}.add-brother .form{max-width:1000px;width:100%;margin-inline:auto}.add-brother .form-group{display:flex;flex-direction:column;margin-bottom:15px}.add-brother .form-group .btn-search{padding-inline:15px;border:none;background-color:var(--main_color);color:#fff;border-radius:5px;font-size:15px;cursor:pointer}.add-brother .form-group label{margin-bottom:5px;font-weight:500}.add-brother .form-group>input{height:38px;border-radius:5px;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:16px}.add-brother .form-group>input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.add-brother .form-group>input::placeholder{font-size:16px}.add-brother .total-price{width:100%;margin-inline:auto;margin-block:30px;font-size:17px;text-align:center;background-color:var(--background_light);color:#fff;padding-block:10px;border-radius:10px}.add-brother .submit{display:block;margin-top:20px;margin-inline:auto;background-color:var(--main_color);border:none;color:#fff;font-size:17px;padding:8px 0;width:150px;border-radius:15px;cursor:pointer}.sub-services .links{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.sub-services .links a{display:flex;align-items:center;justify-content:center;background-color:var(--main_color);color:#fff;padding-block:10px;border-radius:5px}.search .links{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.search .links a{display:flex;align-items:center;justify-content:center;background-color:var(--main_color);color:#fff;padding-block:10px;border-radius:5px}.ranks .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.ranks .form>h3{text-align:center;color:#333;margin-bottom:12px;font-size:clamp(17px,4vw,20px)}.ranks .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.ranks .form form input{height:38px;border-radius:0 15px 15px 0;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:clamp(14px,4vw,17px);width:350px}.ranks .form form input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.ranks .form form input::placeholder{font-size:clamp(14px,4vw,17px)}.ranks .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:15px 0 0 15px;cursor:pointer}.ranks .table{margin-top:5px;max-width:1000px;width:100%;margin-inline:auto}@media(max-width:600px){.ranks .form form input{width:250px}}.professional-crafts .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.professional-crafts .form>h3{text-align:center;color:#333;margin-bottom:12px;font-size:clamp(17px,4vw,20px)}.professional-crafts .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.professional-crafts .form form input{height:38px;border-radius:0 15px 15px 0;padding-inline:10px;border:1px solid #CCC;outline:none;transition:all .3s;font-size:clamp(14px,4vw,17px);width:350px}.professional-crafts .form form input:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.professional-crafts .form form input::placeholder{font-size:clamp(14px,4vw,17px)}.professional-crafts .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:15px 0 0 15px;cursor:pointer}.professional-crafts .table{margin-top:5px;max-width:1000px;width:100%;margin-inline:auto}@media(max-width:600px){.professional-crafts .form form input{width:250px}}.by-area .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.by-area .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.by-area .form form .form-group>div{width:300px}.by-area .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:5px;cursor:pointer}.by-area .table{margin-top:5px;margin-inline:auto}.by-sect .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.by-sect .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.by-sect .form form .form-group>div{width:300px}.by-sect .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:5px;cursor:pointer}.by-sect .table{margin-top:5px;margin-inline:auto}.by-qualification .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.by-qualification .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.by-qualification .form form .form-group>div{width:300px}.by-qualification .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:5px;cursor:pointer}.by-qualification .table{margin-top:5px;margin-inline:auto}.by-health .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.by-health .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.by-health .form form .form-group>div{width:300px}.by-health .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:5px;cursor:pointer}.by-health .table{margin-top:5px;margin-inline:auto}.by-social .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.by-social .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.by-social .form form .form-group>div{width:300px}.by-social .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:5px;cursor:pointer}.by-social .table{margin-top:5px;margin-inline:auto}.by-ranks .form{max-width:800px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.by-ranks .form form{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.by-ranks .form form .form-group>div{width:300px}.by-ranks .form form button{display:block;background-color:var(--main_color);border:none;color:#fff;font-size:clamp(14px,4vw,17px);height:38px;width:fit-content;padding-inline:20px;border-radius:5px;cursor:pointer}.by-ranks .table{margin-top:5px;margin-inline:auto}@media(max-width:600px){.by-area .form form input{width:250px}}