:root{--space-var:20px;--height-var:100px;--gap-var:var(--space-var);--margin-var:var(--space-var);--padding-var:var(--space-var);--mini-gap-var:calc(var(--gap-var) / 2);--border-width-var:2px;--border-color-var:var(--border-color);--border-style-var:solid;--border-var:var(--border-width-var) var(--border-color-var)
    var(--border-style-var);--border-hover-width-var:2px;--border-hover-color-var:var(--primary-color);--border-hover-style-var:solid;--border-hover-var:var(--border-hover-width-var)
    var(--border-hover-color-var) var(--border-hover-style-var);--icon-size-var:50px;--icon-font-size-var:20px;--border-radius-var:20px;--transition-duration-var:0.3s;--backdrop-filter-var:blur(20px);--box-shadow-var:0px 0px 25px 0px var(--box-shadow-color);--white-color:#ffffff;--white-light-color:#ffffff;--white-dark-color:#000023;--black-color:#000000;--black-light-color:#000000;--black-dark-color:#ffffff;--gray-color:#808080;--transparent-color:transparent;--primary-color:#0080ff;--primary-75-color:rgba(0, 128, 255, 0.75);--primary-50-color:rgba(0, 128, 255, 0.5);--primary-25-color:rgba(0, 128, 255, 0.25);--primary-10-color:rgba(0, 128, 255, 0.1);--box-shadow-color:rgba(0, 128, 255, 0.1);--border-color:rgba(0, 128, 255, 0.1);--blur-color:rgba(255, 255, 255, 0.5);--blur-light-color:rgba(255, 255, 255, 0.5);--blur-dark-color:rgba(0, 0, 35, 0.5);--overlay-color:rgba(255, 255, 255, 0.5);--overlay-light-color:rgba(255, 255, 255, 0.5);--overlay-dark-color:rgba(0, 0, 35, 0.5);--primary-font-family-var:"Tajawal", sans-serif;--primary-font-weight-var:bold;--primary-line-height-var:1em;--primary-font-size-var:15px;--primary-h1-font-family-var:var(--primary-font-family-var);--primary-h1-font-weight-var:var(--primary-font-weight-var);--primary-h1-line-height-var:var(--primary-line-height-var);--primary-h1-font-size-var:40px;--primary-h2-font-family-var:var(--primary-font-family-var);--primary-h2-font-weight-var:var(--primary-font-weight-var);--primary-h2-line-height-var:var(--primary-line-height-var);--primary-h2-font-size-var:35px;--primary-h3-font-family-var:var(--primary-font-family-var);--primary-h3-font-weight-var:var(--primary-font-weight-var);--primary-h3-line-height-var:var(--primary-line-height-var);--primary-h3-font-size-var:30px;--primary-h4-font-family-var:var(--primary-font-family-var);--primary-h4-font-weight-var:var(--primary-font-weight-var);--primary-h4-line-height-var:var(--primary-line-height-var);--primary-h4-font-size-var:25px;--primary-h5-font-family-var:var(--primary-font-family-var);--primary-h5-font-weight-var:var(--primary-font-weight-var);--primary-h5-line-height-var:var(--primary-line-height-var);--primary-h5-font-size-var:20px;--primary-h6-font-family-var:var(--primary-font-family-var);--primary-h6-font-weight-var:var(--primary-font-weight-var);--primary-h6-line-height-var:var(--primary-line-height-var);--primary-h6-font-size-var:var(--primary-font-size-var);--primary-p-font-family-var:var(--primary-font-family-var);--primary-p-font-weight-var:var(--primary-font-weight-var);--primary-p-line-height-var:1.5em;--primary-p-font-size-var:var(--primary-font-size-var);--primary-button-font-family-var:var(--primary-font-family-var);--primary-button-font-weight-var:var(--primary-font-weight-var);--primary-button-line-height-var:1.5em;--primary-button-font-size-var:var(--primary-font-size-var);--primary-divider-font-family-var:var(--primary-font-family-var);--primary-divider-font-weight-var:var(--primary-font-weight-var);--primary-divider-line-height-var:var(--primary-line-height-var);--primary-divider-font-size-var:var(--primary-font-size-var);--secondary-font-family-var:"Josefin Sans", sans-serif;--secondary-font-weight-var:var(--primary-font-weight-var);--secondary-line-height-var:var(--primary-line-height-var);--secondary-font-size-var:var(--primary-font-size-var);--secondary-h1-font-family-var:var(--secondary-font-family-var);--secondary-h1-font-weight-var:var(--secondary-font-weight-var);--secondary-h1-line-height-var:var(--secondary-line-height-var);--secondary-h1-font-size-var:40px;--secondary-h2-font-family-var:var(--secondary-font-family-var);--secondary-h2-font-weight-var:var(--secondary-font-weight-var);--secondary-h2-line-height-var:var(--secondary-line-height-var);--secondary-h2-font-size-var:35px;--secondary-h3-font-family-var:var(--secondary-font-family-var);--secondary-h3-font-weight-var:var(--secondary-font-weight-var);--secondary-h3-line-height-var:var(--secondary-line-height-var);--secondary-h3-font-size-var:30px;--secondary-h4-font-family-var:var(--secondary-font-family-var);--secondary-h4-font-weight-var:var(--secondary-font-weight-var);--secondary-h4-line-height-var:var(--secondary-line-height-var);--secondary-h4-font-size-var:25px;--secondary-h5-font-family-var:var(--secondary-font-family-var);--secondary-h5-font-weight-var:var(--secondary-font-weight-var);--secondary-h5-line-height-var:var(--secondary-line-height-var);--secondary-h5-font-size-var:20px;--secondary-h6-font-family-var:var(--secondary-font-family-var);--secondary-h6-font-weight-var:var(--secondary-font-weight-var);--secondary-h6-line-height-var:var(--secondary-line-height-var);--secondary-h6-font-size-var:var(--secondary-font-size-var);--secondary-p-font-family-var:var(--secondary-font-family-var);--secondary-p-font-weight-var:var(--secondary-font-weight-var);--secondary-p-line-height-var:1.5em;--secondary-p-font-size-var:var(--secondary-font-size-var);--secondary-button-font-family-var:var(--secondary-font-family-var);--secondary-button-font-weight-var:var(--secondary-font-weight-var);--secondary-button-line-height-var:1.5em;--secondary-button-font-size-var:var(--secondary-font-size-var);--secondary-divider-font-family-var:var(--secondary-font-family-var);--secondary-divider-font-weight-var:var(--secondary-font-weight-var);--secondary-divider-line-height-var:var(--secondary-line-height-var);--secondary-divider-font-size-var:var(--secondary-font-size-var)}::-webkit-scrollbar{width:.5vw;height:.5vh;background:#fff0}::-webkit-scrollbar-thumb{border-radius:var(--border-radius-var);background:-webkit-linear-gradient(var(--primary-color),var(--primary-color))}*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{position:relative;scroll-behavior:smooth}body{color:var(--black-color);background-color:var(--white-color);font-size:var(--primary-font-size-var);font-family:var(--primary-font-family-var);font-weight:var(--primary-font-weight-var);line-height:var(--primary-line-height-var);transition-duration:var(--transition-duration-var)}.default{font-size:var(--primary-font-size-var);font-family:var(--primary-font-family-var);font-weight:var(--primary-font-weight-var);line-height:var(--primary-line-height-var)}h1,.h1{font-size:var(--primary-h1-font-size-var);font-family:var(--primary-h1-font-family-var);font-weight:var(--primary-h1-font-weight-var);line-height:var(--primary-h1-line-height-var)}h2,.h2{font-size:var(--primary-h2-font-size-var);font-family:var(--primary-h2-font-family-var);font-weight:var(--primary-h2-font-weight-var);line-height:var(--primary-h2-line-height-var)}h3,.h3{font-size:var(--primary-h3-font-size-var);font-family:var(--primary-h3-font-family-var);font-weight:var(--primary-h3-font-weight-var);line-height:var(--primary-h3-line-height-var)}h4,.h4{font-size:var(--primary-h4-font-size-var);font-family:var(--primary-h4-font-family-var);font-weight:var(--primary-h4-font-weight-var);line-height:var(--primary-h4-line-height-var)}h5,.h5{font-size:var(--primary-h5-font-size-var);font-family:var(--primary-h5-font-family-var);font-weight:var(--primary-h5-font-weight-var);line-height:var(--primary-h5-line-height-var)}h6,.h6{font-size:var(--primary-h6-font-size-var);font-family:var(--primary-h6-font-family-var);font-weight:var(--primary-h6-font-weight-var);line-height:var(--primary-h6-line-height-var)}p,.p{font-size:var(--primary-p-font-size-var);font-family:var(--primary-p-font-family-var);font-weight:var(--primary-p-font-weight-var);line-height:var(--primary-p-line-height-var)}button,.button{font-size:var(--primary-button-font-size-var);font-family:var(--primary-button-font-family-var);font-weight:var(--primary-button-font-weight-var);line-height:var(--primary-button-line-height-var)}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p,.p,button,.button{margin:0;padding:0}p,.p,button,.button{text-align:center}ul{margin:0;padding:0;list-style:none}a{text-decoration:none}i{font-size:var(--icon-font-size-var)}img{width:100%;height:100%}form input,form textarea{height:50px;outline:none;color:var(--black-color);border:var(--border-var);padding:var(--padding-var);box-shadow:var(--box-shadow-var);background-color:var(--white-color);border-radius:var(--border-radius-var);transition-duration:var(--transition-duration-var)}form label,form input{font-size:var(--primary-font-size-var);font-family:var(--primary-font-family-var);font-weight:var(--primary-font-weight-var);line-height:var(--primary-line-height-var)}form textarea{min-height:150px;padding:var(--padding-var);font-size:var(--primary-p-font-size-var);font-family:var(--primary-p-font-family-var);font-weight:var(--primary-p-font-weight-var);line-height:var(--primary-p-line-height-var)}form input::placeholder,form textarea::placeholder{color:var(--gray-color);transition-duration:var(--transition-duration-var)}form input:focus,form textarea:focus{color:var(--primary-color);border:var(--border-hover-var);background-color:var(--primary-10-color)}form input:focus::placeholder,form textarea:focus::placeholder{color:var(--primary-color)}#particles-js{width:100%;z-index:-1;height:100%;position:absolute}.container{display:flex;margin-left:auto;margin-right:auto;flex-direction:column;min-height:calc(100vh - 1.51px);padding-left:var(--padding-var);padding-right:var(--padding-var);max-width:calc(1024px + (2 * var(--padding-var)))}.main{flex-grow:1;display:flex;flex-direction:column}.back-to-top{z-index:9999;cursor:pointer;position:fixed;left:var(--margin-var);bottom:var(--margin-var)}.color-mode{z-index:9999;cursor:pointer;position:fixed;right:var(--margin-var);bottom:var(--margin-var)}.color-mode i{font-size:0;transition:font-size var(--transition-duration-var)}.color-mode .show{font-size:20px}@media (max-width:768px){#particles-js{display:none}}