.Selectable{-webkit-touch-callout:initial;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.UnSelectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.HorizontalScrolling{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden}@keyframes FadeIn{from{opacity:.3}to{opacity:1}}@keyframes FadeInLeft{from{opacity:.1;-webkit-transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0)}}@keyframes FadeInTop{from{opacity:.1;-webkit-transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes AppearHeight{from{-webkit-transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0)}}.TransitionFaster{-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}.TransitionFast{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.TransitionMedium{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.TransitionSlow{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease}:root{--primaryColor:#93002e;--darkGrey:#262626;--mediumGrey:#777777;--lightGrey:#e2e2e2;--headerHeight:80px;--topBannersHeight:200px;--middleBannersHeight:200px}@media only screen and (min-width:800px){:root{--headerHeight:200px}}body .banner img{height:var(--topBannersHeight);object-fit:cover;object-position:center}body input::-webkit-inner-spin-button,body input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body input[type=number]{-moz-appearance:textfield}body .quotation{margin-block:60px}body .quotation>div{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:20px}body .quotation>div h1{margin:0 auto}body .quotation>div .information:first-child{display:flex;flex-direction:column;gap:20px}body .quotation>div .information{width:100%}body .quotation>div .information>div{display:flex;flex-direction:column;justify-content:left;align-items:flex-start;gap:5px}body .quotation>div .information>div label{color:var(--darkGrey)}body .quotation>div .information>div input,body .quotation>div .information>div textarea{width:100%;padding:10px 2px;border:1px solid var(--lightGrey);color:var(--darkGrey);border-radius:5px}body .quotation>div .information>div textarea{width:100%;height:100px;border-radius:5px 5px 20px 5px}body .quotation>div button{margin:10px auto;text-transform:capitalize;font-size:1rem;width:40%;display:flex;justify-content:center;align-items:center}body .quotation>div button div:last-child{display:none}body .quotation>div button .loader{font-size:0;width:20px;height:20px;border:4px solid #f3f3f3;border-top:4px solid var(--primaryColor)}body .quotation>div .loading{pointer-events:none}body .quotation>div .loading div:first-child{display:none}body .quotation>div .loading div:last-child{display:block}body .quotation>div .result{margin:0 auto}@media only screen and (min-width:800px){body .quotation>div{width:60%}body .quotation>div .information:first-child{flex-direction:row;gap:20px;justify-content:space-between}body .quotation>div .information:first-child>div{width:100%}}@media only screen and (min-width:1100px){body .quotation>div{width:40%}}html[lang=ar] body .quotation>div .information textarea{border-radius:5px 5px 5px 20px}