:root{--color_1:rgb(110, 140, 175);--color_2:rgb(10, 60, 90)}body{perspective:1000px}@media(min-width:700px){#left,#right{top:25%;height:50%}#bottom,#top{right:25%;width:50%}#bottom,#bottom_left,#bottom_right{bottom:0;height:10%}#bottom_left,#bottom_right,#left,#right,#top_left,#top_right{z-index:0;width:10%}#front,#front form{gap:1vw;display:flex}#errors_div_child,#message_sent #message{background-color:var(--color_1);position:relative}#close_errors_button,#close_the_message_sent_element{position:absolute;background-color:#fff;width:25px;height:25px;transition:.3s}#contact_us_div{margin:auto auto 20px;min-height:max(30vw,500px);width:max(30vw,350px);position:relative;transform-style:preserve-3d;transition:.3s}#right{position:absolute;right:0}#top{position:absolute;z-index:0;top:0;height:10%}#top_right{position:absolute;top:0;right:0;height:10%}#top_left{position:absolute;top:0;left:0;height:10%}#left{position:absolute;left:0}#bottom{position:absolute;z-index:0}#bottom_right{position:absolute;right:0}#bottom_left{position:absolute;left:0}#front{position:absolute;z-index:1;height:100%;width:100%;pointer-events:none;border-radius:50%/10%;transition:.3s;backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 0,rgba(110,140,175,.9) 0,rgba(0,255,4,.2) 20%,transparent 60%),linear-gradient(to bottom,rgba(110,140,175,.9) 0,rgb(10,60,90,.9) 100%);box-shadow:0 1vw 2vw #fff;border:.1vw solid #fff;justify-content:center;align-items:center}#front form{background-color:transparent;width:80%;height:80%;pointer-events:auto!important;flex-direction:column;align-items:center;justify-content:space-between}#front label{width:100%;font-size:max(1.2vw, 12px);text-shadow:.1vw .1vw 1vw #000}#front input,#front textarea{font-size:max(1vw, 10px);width:100%}#front input{padding:2% 5%;border:.1vw solid #fff;border-radius:5vw;height:10%}#front textarea{padding:4% 10%;border:.1vw solid #fff;border-radius:5vw;height:30%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}#front .arabic{direction:rtl;text-align:right}#front .english{direction:ltr;text-align:left}#front button{width:100%;height:15%;display:flex;align-items:center;justify-content:center;border-radius:5vw;background:linear-gradient(to bottom,var(--color_1) 0,var(--color_2) 100%);border:.1vw solid var(--color_1);box-shadow:inset .4vw 0 .8vw rgba(255,255,255,.8),inset -.2vw -.4vw 1vw rgba(0,0,0,.2),0 .8vw 1.5vw rgba(0,0,0,.4);transition:.3s;font-size:max(1.2vw, 12px);font-weight:700;text-shadow:0 0 0 #000}#front button:hover{cursor:pointer;background:linear-gradient(to bottom,var(--color_2) 0,var(--color_1) 100%);border:.1vw solid var(--color_2);box-shadow:inset .4vw 0 .8vw rgba(0,0,0,.8),inset -.2vw -.4vw 1vw rgba(255,255,255,.2),0 .8vw 1.5vw rgba(255,255,255,0);text-shadow:0 .2vw max(.5vw,5px) #000}#errors_div_parent,#message_sent{position:fixed;z-index:1000;inset:0;overflow:auto;min-height:100vh;width:100vw;backdrop-filter:blur(20px);pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}#errors_div_child{max-height:800px;max-width:600px;min-width:260px;min-height:200px;padding:40px;border-top-left-radius:30px;border-bottom-right-radius:30px;box-shadow:inset 1px 1px 10px #000,inset -1px 1px 10px #000,inset 1px -1px 10px #000,inset -1px -1px 10px #000;border:3px solid #fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}#close_errors_button,#message_sent #message{align-items:center;font-weight:700;display:flex;text-align:center}.arabic-errors h2{font-size:20px;color:#fff;text-shadow:1px 1px 10px #fff;width:100%;text-align:right}.arabic-errors ul{list-style:none;direction:rtl;width:100%}.arabic-errors li{font-size:20px;color:#000;text-shadow:1px 1px 1px #000;width:100%;text-align:right;padding-right:20px}#message_sent #message,.english-errors h2{color:#fff;text-shadow:1px 1px 10px #fff}.english-errors h2,.english-errors li{font-size:20px;width:100%;text-align:left}.english-errors ul{list-style:none;direction:ltr;width:100%}.english-errors li{color:#000;text-shadow:1px 1px 1px #000;padding-right:20px}#errors_div_child span{font-family:sans-serif!important;color:#fff;text-shadow:1px 1px 1px #fff}#close_errors_button{color:#000;border-radius:5px;justify-content:center;border:1px solid #000}#close_errors_button:hover,#close_the_message_sent_element:hover{transition:.3s;background-color:#000;color:#fff;border-color:#fff;cursor:pointer}.arabic-errors #close_errors_button{top:20px;left:20px}.english-errors #close_errors_button{top:20px;right:20px}#message_sent #message{height:20%;width:40%;justify-content:center;border-radius:10px;border:2px solid #fff;font-size:max(1.5vw, 10px)}#close_the_message_sent_element{color:#000;font-weight:700;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #000;top:20px;left:20px}}@media(max-width:700px){#left,#right{top:25%;height:50%}#bottom,#top{right:25%;width:50%}#bottom,#bottom_left,#bottom_right{bottom:0;height:10%}#bottom_left,#bottom_right,#left,#right,#top_left,#top_right{z-index:0;width:10%}#front,#front textarea{border-style:solid;border-width:max(.1vw,1px);border-color:#fff}#contact_us_div,#errors_div_child{width:max(90vw,250px);position:relative}#errors_div_child,#message_sent #message{background-color:var(--color_1);position:relative}#close_errors_button,#close_the_message_sent_element{position:absolute;background-color:#fff;width:25px;height:25px;transition:.3s}#contact_us_div{margin:auto;min-height:max(66vh,300px);transform-style:preserve-3d;transition:.3s}#right{position:absolute;right:0}#top{position:absolute;z-index:0;top:0;height:10%}#top_right{position:absolute;top:0;right:0;height:10%}#top_left{position:absolute;top:0;left:0;height:10%}#left{position:absolute;left:0}#bottom{position:absolute;z-index:0}#bottom_right{position:absolute;right:0}#bottom_left{position:absolute;left:0}#front{position:absolute;z-index:1;height:100%;width:100%;pointer-events:none;border-radius:50%/10%;transition:.3s;backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 0,rgba(110,140,175,.9) 0,rgba(0,255,4,.2) 20%,transparent 60%),linear-gradient(to bottom,rgba(110,140,175,.9) 0,rgb(10,60,90,.9) 100%);box-shadow:0 max(1vw,10px) max(2vw,20px) #fff;display:flex;justify-content:center;align-items:center;gap:max(1vw,10px)}#front form{background-color:transparent;width:80%;height:80%;pointer-events:auto!important;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1vw}#front label{width:100%;font-size:max(1.7vw, 17px);text-shadow:0 max(.1vw,1px) max(1vw,10px) #000}#front input,#front textarea{font-size:max(1.5vw, 15px);width:100%}#front input{padding:2% 5%;border:.1vw solid #fff;border-radius:5vw;height:10%}#front textarea{padding:4% 10%;border-radius:max(5vw,50px);height:30%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}#front .arabic{direction:rtl;text-align:right}#front .english{direction:ltr;text-align:left}#front button{width:100%;height:15%;display:flex;align-items:center;justify-content:center;border-radius:5vw;background:linear-gradient(to bottom,var(--color_1) 0,var(--color_2) 100%);border:.1vw solid var(--color_1);box-shadow:inset max(.4vw,4px) 0 max(.8vw,8px) rgba(255,255,255,.8),inset min(-.2vw,-2px) min(-.4vw,-4px) max(1vw,10px) rgba(0,0,0,.2),0 max(.8vw,8px) max(1.5vw,15px) rgba(0,0,0,.4);transition:.3s;font-size:max(1.7vw, 17px);font-weight:700;text-shadow:0 0 0 #000}#front button:hover{cursor:pointer;background:linear-gradient(to bottom,var(--color_2) 0,var(--color_1) 100%);border:.1vw solid var(--color_2);box-shadow:inset max(.4vw,4px) 0 max(.8vw,8px) rgba(0,0,0,.8),inset min(-.2vw,-2px) min(-.4vw,-4px) max(1vw,10px) rgba(255,255,255,.2),0 max(.8vw,8px) max(1.5vw,15px) rgba(255,255,255,0);text-shadow:0 max(.2vw,2px) max(.5vw,5px) #000}#errors_div_parent,#message_sent{position:fixed;z-index:1000;inset:0;overflow:auto;min-height:100vh;width:100vw;backdrop-filter:blur(20px);pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}#errors_div_child{max-height:800px;min-height:200px;padding:40px;border-top-left-radius:30px;border-bottom-right-radius:30px;box-shadow:inset 1px 1px 10px #000,inset -1px 1px 10px #000,inset 1px -1px 10px #000,inset -1px -1px 10px #000;border:3px solid #fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}#close_errors_button,#message_sent #message{align-items:center;font-weight:700;display:flex;text-align:center}.arabic-errors h2{font-size:20px;color:#fff;text-shadow:1px 1px 10px #fff;width:100%;text-align:right}.arabic-errors ul{list-style:none;direction:rtl;width:100%}.arabic-errors li{font-size:20px;color:#000;text-shadow:1px 1px 1px #000;width:100%;text-align:right;padding-right:20px}#message_sent #message,.english-errors h2{color:#fff;text-shadow:1px 1px 10px #fff}.english-errors h2,.english-errors li{font-size:20px;width:100%;text-align:left}.english-errors ul{list-style:none;direction:ltr;width:100%}.english-errors li{color:#000;text-shadow:1px 1px 1px #000;padding-right:20px}#errors_div_child span{font-family:sans-serif!important;color:#fff;text-shadow:1px 1px 1px #fff}#close_errors_button{color:#000;border-radius:5px;justify-content:center;border:1px solid #000}#close_errors_button:hover,#close_the_message_sent_element:hover{transition:.3s;background-color:#000;color:#fff;border-color:#fff;cursor:pointer}.arabic-errors #close_errors_button{top:20px;left:20px}.english-errors #close_errors_button{top:20px;right:20px}#message_sent #message{height:20%;width:40%;justify-content:center;border-radius:10px;border:2px solid #fff;font-size:max(1.5vw, 10px)}#close_the_message_sent_element{color:#000;font-weight:700;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #000;top:20px;left:20px}}