@font-face {    font-family: 'arabic';    src: url('../img&font/normal_arabic.woff2') format('truetype');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'arabic';    src: url('../img&font/bold_arabic.woff2') format('truetype');    font-weight: bold;    font-style: normal;}@font-face {    font-family: 'Emoji';    src: url('../img&font/Noto_Emoji.woff2') format('truetype');    font-weight: normal;    font-style: normal;}html {    font-size: 24px;}body {    margin: 0;    background-color: #0F1318;    justify-content: center;    align-items: center;    box-sizing: border-box;    overflow-x: hidden;    background-image:                 linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),        url('../img&font/body_bg.jpg');    background-size: cover;    background-position: center;    background-attachment: fixed;    font-family: 'arabic';    overflow-y: auto;    font-display: swap;    scroll-behavior: smooth; }::-webkit-scrollbar {  display: none;}/*::-webkit-scrollbar-track {  background-color: #0F1318;}::-webkit-scrollbar-thumb {  background-color: #697b70;  border-radius: 8px;}::-webkit-scrollbar-thumb:hover {      background-color: #8db49b;}*/header {    display: flex;    top: 0;    right: 0;    width: 100%;    z-index: 999;    padding: 10px;    flex-wrap: wrap;    background-color: rgba(0, 0, 0, 0.5);    justify-content: center;    align-items: center;    box-sizing: border-box;    gap: 10px; }.blocks {    flex: 1;     display: flex;    justify-content: center;    align-items: center;    text-decoration: none;}.blocks i {    font-size: 1.2em;    font-style: normal;    font-family: 'Emoji';    margin-left: 5px;} .lt_block {    color: beige;    font-size: 1em;    cursor:pointer;    order: 3;    transition: color 0.2s;}.rt_block {    color: beige;    font-size: 1em;    cursor: pointer;    order: 1;    transition: color 0.2s;}.rt_block:hover, .lt_block:hover {    color: #739A77;}     .logo {    order: 2;    flex: 0 0 250px;}.logo img {    height: 75px;}   .policy_box {    width: 65%;    margin: 50px auto;    background: rgba(0, 0, 0, 0.3);    border: 1px solid rgba(255, 255, 255, 0.15);    border-radius: 24px;    padding: 50px;    backdrop-filter: blur(15px);    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);}.policy_tittle {    border-bottom: 2px dashed #333;    padding-bottom: 40px;    margin-bottom: 40px;    text-align: center;}.policy_tittle h1 {    color: #FFC107;    font-size: 1.8em;    font-weight: bold;    margin: 0;    text-shadow: 0 0 20px rgba(255, 193, 7, 0.3);}.policy_item {    display: grid;    grid-template-columns: 1fr;    gap: 40px;    margin-bottom: 50px;    padding-bottom: 40px;    border-bottom: 2px dashed #333;}.policy_item p {    color: #e0e0e0;    font-weight: normal;    line-height: 2.5;    text-align: justify;      font-size: 1em;}.policy_item span {    color: #FFC107;    margin: 0;    font-weight: bold;    padding-bottom: 10px;}.policy_item span::before {    content: "✦";    margin-left: 12px;    filter: drop-shadow(0 0 2px #FFC107);}.policy_contact {    background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 193, 7, 0.02) 100%);    border: 1px dashed #FFC107;    padding: 40px;    border-radius: 20px;    text-align: center;    margin-top: 60px;}.policy_contact h3 {    color: #FFC107;    margin-bottom: 10px;    font-size: 1.4em;}.policy_contact p {    color: white;    font-size: 1em;}input[type="email"], textarea {    width: 50%;    margin: 10px 0 4px;    padding: 14px 16px;    border: 1px solid #687e4c;    border-radius: 10px;    box-sizing: border-box;    font-size: 0.75em;    color: #88ba4c;    background-color: #141715;    transition: all 0.3s ease;    text-align: center;}input:focus, textarea:focus {    outline: none;    border-color: #737a69;    color: #88ba4c;    background-color: #43493a;}textarea {    min-height: 14vh;    margin-bottom: 0px;    text-align: right;    resize: none;    line-height: 1.5;}::placeholder{    color: #A3ABBD;}.contact_btn {    display: flex;    width: 50%;    color: #003039;    font-weight: bold;    justify-content: center;    margin: 15px auto 0;    padding: 12px 30px;    font-size: 0.75em;    border: none;    border-radius: 12px;    cursor: pointer;    background-color: #697b70;    transition: transform 0.3s ease;}.contact_btn:hover {    transform: translateY(-4px);}.sent {    animation: fade 0.4s ease forwards;}@keyframes fade {    from { opacity: 1; }    to   { opacity: 0; }}@media (max-width: 1300px) {    .policy_box {        width: 75%;    }}@media (max-width: 1100px) {    .logo {        flex: 0 0 400px;    }    html {        font-size: 20px;    }    .policy_tittle {        margin-bottom: 20px;    }    .policy_item {        gap: 15px;    }}@media (max-width: 1000px) {    input[type="email"], textarea {        width: 75%;    }    .contact_btn {        width: 75%;    }}@media (max-width: 700px) {    .logo {        flex: 0 0 100%;        order: 1 ;    }    .rt_block, .lt_block {        flex: unset;         order: 2;        min-width: 120px;    }    .policy_tittle h1 {        font-size: 1.55em;    }    .policy_contact {        padding: 20px;    }    .policy_contact h3 {        font-size: 1.2em;    }    input[type="email"], textarea {        width: 100%;    }    .contact_btn {        width: 100%;    }}@media (max-width: 570px) {    .policy_box {        padding: 20px;    }}@media (max-width: 480px) {    header{        position: relative;    }}