@import url(https://fonts.googleapis.com/css2?family=Droid+Arabic+Kufi&display=swap);section h1:before,section h2:before,section h4:before{font-family:"Font Awesome 5 Free";margin-left:5px;font-weight:900;font-size:12px}body,section h4{background:#f7f7f7}body,header a,section h2{color:var(--text-dark)}body,button{font-family:Droid Arabic Kufi!important}.dropdown-content,.topnav,.zone,header,section h2{border:1px solid var(--gray-border)}.bordo,.note__icon,.topnav a,footer{text-align:center}.bordo:hover,.dropdown-content{box-shadow:0 4px 8px rgba(0,0,0,.1)}.bordo,.bordo a,.topnav a,a{text-decoration:none}:root{--pinterest-red:#e60023;--pinterest-red-dark:#b0001a;--gray-light:#f9e8e9;--gray-border:#e2e2e2;--text-dark:#111111;--text-muted:#6c6c6c}section h4{border:1px solid #dfe3ee;color:#000}section h4:before{content:"\f121";color:#000}ul li{font-size:14px}.dropdown .dropbtn,.topnav a{padding:10px 12px}.dropdown:hover .dropdown-content,.topnav a{display:block}.bordo a,.dropdown .dropbtn,.topnav a,header h1,label{font-weight:700}.bordo,.button,input[type=submit]{cursor:pointer;text-decoration:none;font-family:Droid Arabic Kufi}body{direction:rtl}button{font-weight:700!important}main{width:85%;margin:auto auto 10px;padding:0}.mar,.zone,header{padding:10px}header{background:url('https://almajani.com/assets/img/logo.png') right no-repeat #fff;margin-bottom:5px}header h1{font-size:18px;margin:0 53px}section h1,section h2,section h4{padding:5px 10px;text-transform:uppercase;font-size:14px;margin:5px 0 0}.grid{--auto-grid-min-size:10rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size),1fr));grid-gap:0.5rem}.zone{background:#fff;margin-top:5px}.zone p{margin:0;font-size:15px}.bordo a,p:nth-child(2),p:nth-child(3){margin-top:5px}section h1{border:1px solid var(--pinterest-red);background-color:var(--pinterest-red);color:#fff}.topnav a,section h2{color:var(--text-dark)}section h2{background-color:var(--gray-light);border:1px solid #efbcbe}section h1:before{content:"\f100";color:#fff}section h2:before{content:"\f103";color:var(--pinterest-red)}.topnav{background-color:#fff;overflow:hidden}.topnav a{float:right;font-size:13px;border-left:1px solid var(--gray-border)}.active,.dropdown:hover .dropbtn,.topnav a:hover{background-color:var(--pinterest-red);color:#fff}.active,.bordo:hover:before{color:#fff!important}.topnav .icon{display:none}.dropdown{float:right;overflow:hidden}.dropdown .dropbtn{font-size:13px;border:none;outline:0;color:var(--text-dark);background-color:inherit;font-family:inherit;margin:0;border-left:1px solid var(--gray-border)}.dropbtn:after,.dropdown-content a:before{font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px}.dropdown-content{display:none;position:absolute;background-color:#fff;color:var(--text-dark);min-width:160px;z-index:1}.dropdown-content a{float:none;padding:5px;display:block;text-align:right;font-weight:700;font-size:13px;color:var(--text-dark);border-top:1px solid var(--gray-border)}.dropdown-content a:hover{background-color:var(--gray-light);color:var(--pinterest-red)}.bordo a,.bordo a:hover{color:inherit;background:0 0}.dropdown-content a:before{content:"\f0d9";padding-left:5px}.dropbtn:after{content:"\f0d7";padding-right:5px}.bordo a,.bordo:before{display:block;padding:0}@media screen and (max-width:1280px){main{width:98%}}footer{padding:8px;font-size:14px;color:var(--text-muted)}*{box-sizing:border-box}ul{margin:0 -20px 0 0}input[type=number],select{height:40px}.bordo{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f4f8;border:1px solid #dfe3ee;padding:15px 10px;transition:.3s;cursor:pointer;font-family:Droid Arabic Kufi,sans-serif;color:#333}.bordo:hover{background:#e60023!important;border-color:#3b5998!important;color:#fff!important;transform:translateY(-3px)}.bordo:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f121";font-size:30px;margin-bottom:10px;color:#e60023;transition:inherit;background:0 0}.bordo a{font-size:13px;font-weight:600;text-transform:uppercase}.bordo,.bordo:hover{background-image:none;text-shadow:none;border-radius:8px}@media screen and (max-width:600px){.dropdown{border-top:1px solid var(--gray-border)}.active i,.icon i{padding:4.5px;font-size:28px}.dropdown .dropbtn,.topnav a:not(:first-child){display:none}.topnav a.icon{float:left;display:block}.topnav.responsive,.topnav.responsive .dropdown-content{position:relative}.topnav.responsive a.icon{position:absolute;left:0;top:0}.topnav.responsive a{float:none;display:block;text-align:right}.topnav.responsive .dropdown{float:none}.topnav.responsive .dropdown .dropbtn{display:block;width:100%;text-align:right}.grid{--auto-grid-min-size:10rem}.bordo{padding:12px 8px}.bordo:before{font-size:36px}.bordo a{font-size:12px}}