i,html{margin:0;padding:0;line-height:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;scroll-behavior:smooth}*{border:0;padding:0;margin:0;list-style:none;font-style:normal;line-height:normal}img{max-width:100%;height:auto;vertical-align:bottom;display:inline-block}input,textarea,select,select option,button{outline-style:none}button,input[type=submit]{cursor:pointer}input:focus{outline:0}li,a{text-decoration:none;transition:all .3s ease-in-out;outline:0}li{transition:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{direction:rtl;font-size:12px;margin:0;padding:0;text-align:right;overflow-x:hidden;height:100%}header{display:grid;grid-template-columns:auto 1fr auto;grid-gap:1rem;align-items:center;padding:1rem;position:fixed;top:0;right:0;left:0;z-index:10}header .pic img{height:3.5rem;width:100%;object-fit:contain}header ul{display:flex;justify-content:center;align-items:center;gap:2rem}header ul li a{font-size:1.3rem;font-weight:700;color:#fff}header .left{padding:.5rem 1rem;border-radius:5px;background:white;color:#00143c;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.scrolled{background:white;box-shadow:0 10px 10px #0003}.scrolled ul li a{color:#000}.scrolled .left{background:#00143C;color:#fff}.infoItems{padding-top:290px;padding-bottom:245px;position:relative;background:#1C3B41;overflow:hidden;height:120dvh}.infoItems:before{background:linear-gradient(180deg,rgba(26,24,33,.45) .11%,#1A1821 100%);position:absolute;top:0;left:0;content:"";width:100%;height:100%;z-index:1}.infoItems .shape2 img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;object-fit:cover;opacity:.7}.infoItems .shape1 img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.infoItems .container{position:absolute;top:0;bottom:0;right:0;left:0;display:grid;justify-content:center;align-items:center;align-content:center;z-index:8}.infoItems .container h1{text-align:center;font-size:3rem;font-weight:900;color:#fff;opacity:0;animation:shine 1s linear forwards}@keyframes shine{to{opacity:1;font-size:4rem}}.infoItems .container .buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem;margin-bottom:2rem}.infoItems .container .buttons a{background:#00143C;border-radius:5px;padding:.5rem 2rem;color:#fff;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.infoItems .container .card1{padding:1rem;border:1px dashed white;width:50%;border-radius:10px;margin:auto;margin-bottom:1rem}.infoItems .container .card1 .title{text-align:center;font-size:1rem;font-weight:700;color:red;display:grid}.infoItems .container .card1 .item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:1rem}.infoItems .container .card1 .item .name,.infoItems .container .card1 .item .val{font-size:.9rem;font-weight:500;color:#fff}.infoItems .container .icons{display:flex;justify-content:center;align-items:center;gap:1rem}.infoItems .container .icons .icon{background:white;padding:.5rem;border-radius:50%;position:relative}.infoItems .container .icons .icon img{height:3rem;width:3rem}.infoItems .container .icons .icon span{background:red;width:24px;height:24px;border-radius:50%;display:grid;align-items:center;justify-content:center;color:#fff;font-size:.85rem;position:absolute;top:0;right:0}.demos{border-radius:30px;padding:5rem 0;position:relative;z-index:5;transform:translateY(-30px);background:white}.demos .titles{position:relative;text-align:center;margin-bottom:-4rem}.demos .titles .nameEn{font-size:10rem;font-weight:900;color:#000;opacity:.05;line-height:9rem}.demos .titles .name{font-size:5rem;font-weight:900;color:#000;transform:translateY(-8rem);display:grid;grid-template-columns:1fr}.demos .titles .name span{text-shadow:0 10px 10px rgba(0,0,0,.5);margin-top:-2rem}.demos ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;position:relative;padding:0 5rem}.demos ul li .item{display:grid;border:1px solid #eee;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 5px 10px #0000000d}.demos ul li .item .title{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:.5rem;background:#001439;padding:.5rem}.demos ul li .item .title .name{font-size:1.2rem;font-weight:700;color:#fff}.demos ul li .item .title .url{border:1px solid rgba(255,255,255,.3);padding:5px;border-radius:5px;text-align:left;color:#fff;opacity:.8;font-size:.8rem;direction:ltr}.demos ul li .item .pic{height:30vw;overflow:hidden}.demos ul li .item .pic img{transition:all 2s ease-in-out}.demos ul li .item .empty{height:30vw;background:black;display:grid;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff}.demos ul li .roll:hover .pic img{transform:translateY(calc(-100% + 30rem))}.demos ul:before{content:"";background-repeat:no-repeat;position:absolute;top:0;bottom:0;margin:auto;right:-3rem;height:10rem;left:-3rem;background-image:url(/img/shape3.svg);background-position:50%}.features{margin-top:5rem}.features .titles{position:relative;text-align:center;margin-bottom:-3rem}.features .titles .nameEn{font-size:10rem;font-weight:900;color:#000;opacity:.05;line-height:9rem}.features .titles .name{font-weight:900;color:#000;margin-top:-8rem;display:grid;grid-template-columns:1fr;font-size:5rem}.features .titles .name span{margin-top:-2rem;text-shadow:0 10px 10px rgba(0,0,0,.5)}.features .items{width:90%;margin:auto;margin-top:5rem;display:grid;grid-template-columns:1fr 1fr;border:2px solid #eee;border-radius:20px}.features .items .item{position:relative;padding:2rem;display:grid;grid-template-columns:1fr;gap:1rem;border-bottom:2px solid #eee}.features .items .item .pic{border-radius:20px;overflow:hidden;border:2px solid #eee;background:#edf6ff}.features .items .item .pic img{height:20rem;width:100%;object-fit:contain}.features .items .item .des{display:grid;text-align:center;align-items:center;align-content:center}.features .items .item .des .name{font-size:1.5rem;font-weight:900;color:#00194c}.features .items .item .des p{margin-top:1rem;font-size:1.1rem;font-weight:500;color:#666}.features .items .item:nth-last-child(2),.features .items .item:last-child{border-bottom:0}.features .items .item:nth-child(2n){border-right:2px solid #eee}.features .items .item:nth-child(2n):before{position:absolute;top:-11px;right:-11px;content:"";width:20px;height:20px;border-radius:50%;border:5px solid #00143C;background:white}.pictures{direction:ltr;margin-top:15rem}.pictures .titles{position:relative;text-align:center}.pictures .titles .nameEn{font-size:10rem;font-weight:900;color:#000;opacity:.05;line-height:9rem}.pictures .titles .name{font-weight:900;color:#000;margin-top:-8rem;display:grid;grid-template-columns:1fr;font-size:5rem}.pictures .titles .name span{margin-top:-2rem;text-shadow:0 10px 10px rgba(0,0,0,.5)}.pictures .splides{margin-top:5rem;display:grid}.pictures .splide{margin-top:2rem}.pictures .splide .splide__track{overflow:hidden!important}.pictures .splide .splide__slide{padding:.5rem}.pictures .splide .splide__slide img{width:100%;height:200px;object-fit:cover;border-radius:10px;display:block;border:2px solid #eee}.res{display:grid;justify-content:center;background:#00143C;position:relative;padding-top:10rem;margin-top:8rem}.res i{position:absolute;top:-2rem;right:0;left:0}.res i svg{width:100%;color:#fff}.res .des p{text-align:center;font-size:1rem;font-weight:500;color:#fff}.res .des h3{font-size:3rem;font-weight:900;color:#fff;text-align:center;line-height:2.8rem;margin-bottom:3rem}.res .options{display:flex;justify-content:center;margin-bottom:5rem}.res .options .option{padding:0 3rem;border-left:1px solid white;text-align:center}.res .options .option img{height:3rem}.res .options .option .name{font-weight:900;color:#fff;font-size:.75rem;text-align:center;margin-top:.8rem;direction:ltr}.res .options .option .body{font-weight:500;color:#fff;font-size:.7rem;text-align:center}.res .options .option:last-child{border-left:0}.res .pics{display:grid;justify-content:center;margin-bottom:-6rem}.res .pics .pic{position:relative}.res .pics .pic .main img{height:35rem;object-fit:contain}.res .pics .pic .tablet{position:absolute;bottom:0;right:-3rem}.res .pics .pic .tablet img{height:20rem}.res .pics .pic .mobile{position:absolute;bottom:3rem;left:0}.res .pics .pic .mobile img{height:18rem}
