@font-face{font-family:"Vanda";src:url(../fonts/Vanda.eot);src:url("../fonts/vanda.eot?#iefix") format("embedded-opentype"),url(../fonts/Vanda.woff2) format("woff2"),url(../fonts/Vanda.woff) format("woff");font-weight:400;font-style:normal}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;font-family:"Montserrat",sans-serif;direction:rtl;font-family:"Vanda",sans-serif}body{background:#e1ecf2;overflow:hidden}:root{--blue-color:#27475e;--golden-color:#baa669;--gray-color:#818287;--white-color:#fdfdfd;--black-color:#000000}.wrapper{margin:10px}.top-navbar{width:calc(100% - 20px);height:60px;display:flex;position:fixed;top:10px}.hamburger{width:70px;height:100%;background:var(--blue-color);padding:14px 16px;border-radius:0 20px 0 0;cursor:pointer}.hamburger div{width:34px;height:3px;background:var(--white-color);margin:5px 0;border-radius:5px}.top-menu{width:calc(100% - 70px);height:100%;background:var(--white-color);border-radius:20px 0 0 0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 1px 1px rgb(0 0 0 / .1)}.logo{width:120px}.logo img{width:100%}.top-menu ul{display:flex;position:relative}.top-menu ul li a{display:block;margin:0 10px;width:34px;height:34px;line-height:34px;text-align:center;border:1px solid #27475e;border-radius:50%;color:var(--blue-color)}.top-menu ul li a:hover{background:var(--blue-color);color:var(--white-color)}.sidebar{position:fixed;top:70px;background:var(--blue-color);width:210px;height:calc(100% - 80px);border-radius:0 0 20px 0;transition:all 0.3s ease}.sidebar ul li a{display:flex;padding:20px;position:relative;margin-bottom:1px;color:var(--white-color);white-space:nowrap}.sidebar ul li a:before{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background:var(--white-color);display:none}.sidebar ul li a span.icon img{display:inline-block;width:20px;position:absolute;top:50%;transform:translateY(-50%)}.title{display:inline-block;margin-right:30px;font-size:18px}.sidebar ul li a:hover,.sidebar ul li a.active{background:#818287a4}.sidebar ul li a:hover:before,.sidebar ul li a.active:before{display:block}.main-container{width:(100% - 200px);margin-top:60px;margin-right:200px;padding:15px;transition:all 0.3s ease}.wrapper.collapse .sidebar{width:70px}.wrapper.collapse .sidebar ul li a{text-align:center}.icon{margin:0}.wrapper.collapse .sidebar ul li a span.title{display:none}.wrapper.collapse .main-container{width:(100% - 70px);margin-left:70px}.box-sign-up{width:400px;height:500px}.box-sign-up::before{width:400px;height:500px}.box-sign-up::after{width:400px;height:500px}.box-sign-in{width:390px;height:440px}.box-sign-in::before{width:380px;height:440px}.box-sign-in::after{width:380px;height:440px}.login{display:flex;justify-content:center;align-items:center;min-height:100vh;background:url(../images/404.JPG) no-repeat center center}.box{position:relative;background:var(--white-color);border-radius:8px;overflow:hidden}.box::before{content:"";z-index:1;position:absolute;top:-50%;left:-50%;transform-origin:bottom right;background:linear-gradient(0deg,transparent,#27475e,#27475e);animation:animate 6s linear infinite}.box::after{content:"";z-index:1;position:absolute;top:-50%;left:-50%;transform-origin:bottom right;background:linear-gradient(0deg,transparent,#27475e,#27475e);animation:animate 6s linear infinite;animation-delay:-3s}@keyframes animate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.login-form{position:absolute;inset:2px;background:var(--white-color);padding:50px 40px;border-radius:8px;z-index:2;display:flex;flex-direction:column}.inputBox{position:relative;width:300px;margin-top:32px}.inputBox input{position:relative;width:100%;padding:20px 10px 10px;background:#fff0;outline:none;box-shadow:none;border:none;color:var(--white-color);font-size:1em;transition:0.5s;z-index:10}.inputBox span{position:absolute;right:0;padding:20px 0 10px;pointer-events:none;font-size:1.1em;color:#8f8f8f;letter-spacing:.05em;transition:0.5s}.inputBox input:valid~span,.inputBox input:focus~span{color:var(--blue-color);transform:translateX(0) translateY(-34px);font-size:1em}.inputBox i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--blue-color);border-radius:4px;overflow:hidden;transition:0.5s;pointer-events:none;z-index:9}.inputBox input:valid~i,.inputBox input:focus~i{height:40px}.linke input{margin-top:20px;color:#8f8f8f;cursor:pointer}.contact-pass{margin:0 8px;font-size:.9em;color:#8f8f8f;cursor:pointer}.contact-creat p{color:var(--blue-color);margin-top:15px}.error{display:flex}.error i{margin-top:8px}.error p{margin-right:8px}.green{color:green}.red{color:red}.search{position:relative;display:flex;justify-content:center;align-items:center;z-index:10;cursor:pointer}.searchBox{position:absolute;top:1px;width:100%;height:100%;display:flex;align-items:center;padding:0 5px;display:none;border:1px solid #27475e;border-radius:10px}.searchBox.active{right:-100%;display:flex}.searchBox input{width:100%;border:none;outline:none;height:30px;color:var(--blue-color);font-size:1em}.searchBtn{position:relative;right:7px;transition:0.5s}.searchBtn.active{display:none;transition:0.5s}.closeBtn{opacity:0;visibility:hidden;transition:0.5s;scale:0}.closeBtn.active{opacity:1;visibility:visible;transition:0.5s;scale:1}.notification-count{position:absolute;top:-6px;right:55px;width:20px;height:20px;border-radius:50%;background-color:#ff4927;color:var(--white-color)}.notification-count span{position:absolute;left:50%;top:-10%;transform:translateX(-50%);font-size:13px}.notification-bell{animation:bell 1s 1s both infinite}@keyframes bell{0%{transform:rotate(0)}10%{transform:rotate(30deg)}20%{transform:rotate(0)}80%{transform:rotate(0)}90%{transform:rotate(-30deg)}100%{transform:rotate(0)}}.season-notifaction{position:absolute;min-height:270px;clear:both;margin:25px 0;width:80%;top:20%;left:50%;transform:translate(-50%,-50%)}.tap-notifaction{float:right;clear:both}.tap-notifaction label{background-color:#fff;padding:10px;border:1px solid #ccc;font-size:21px;vertical-align:middle;position:relative;left:65px;width:264px;height:68px;display:table-cell}.tap-notifaction [type="radio"]{display:none}.tap-notifaction-content{position:absolute;top:0;left:0;background:#fff;right:190px;bottom:0;padding:20px;border:1px solid #ccc}.tap-notifaction-content span{animation:0.5s ease-out 0s 1 slideInFromTop}[type="radio"]:checked~label{background:#fff;border-bottom:2px solid #27475e;z-index:1}[type="radio"]:checked~label~.tap-notifaction-content{z-index:2}.wrapper-profile{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);width:50%;display:flex;box-shadow:0 1px 20px 0 rgb(69 90 100 / .08)}.wrapper-profile .left{width:35%;background-image:linear-gradient(to right bottom,#27475e,#2e516b,#355c78,#3c6786,#437294);padding:30px 25px;border-top-left-radius:5px;border-radius:0 20px 20px 0;text-align:center;color:var(--white-color)}.wrapper-profile .left h4{margin-bottom:20px;font-size:1.4rem}.wrapper-profile .left p{font-size:1rem}.wrapper-profile .right{width:65%;background:var(--white-color);padding:30px 25px}.wrapper-profile .right .info{margin-bottom:200px}.wrapper-profile .right .info h2{margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #e0e0e0;color:var(--blue-color)}.wrapper-profile .right .info-data{display:flex;justify-content:space-between}.wrapper-profile .right .info-data .data{width:45%}.wrapper-profile .right .info-data .data h4{color:var(--blue-color);margin-bottom:5px;font-size:1.2rem}.wrapper-profile .right .info-data .data p{font-size:13px;margin-bottom:10px;color:#919aa3;font-size:1.2rem}.button-all{position:relative;background-color:var(--blue-color);color:var(--blue-color);text-decoration:none;font-size:1.2em;font-weight:700;transition:0.5s}.button-sign-up{margin-top:30px;padding:3px 30px;width:100px;font-size:1rem;padding:4px 30px;text-align:center}.button-box{right:75%;padding:3px 30px}.button-box-profile{right:85%;padding:3px 30px}.button-sign-up:hover:hover .mini-line::after{width:20px;left:80%}.button-sign-up:hover .mini-line::before{width:20px;left:20%}.button-all:hover{background:var(--blue-color);color:var(--blue-color)}.button-all::before{content:"";position:absolute;inset:2px;background:var(--white-color)}.button-all span{position:relative;z-index:1}.mini-line{position:absolute;inset:0;display:block}.mini-line::before{content:"";position:absolute;top:0;left:80%;width:10%;height:4px;background-color:var(--white-color);transform:translateX(-50%) skewX(325deg);transition:0.5s}.button-box:hover .mini-line::before{width:20px;left:20%}.mini-line::after{content:"";position:absolute;bottom:0;left:20%;width:10px;height:4px;background-color:var(--white-color);transform:translateX(-50%) skewX(325deg);transition:0.5s}.button-box:hover:hover .mini-line::after{width:20px;left:80%}.main-container{min-height:90vh;position:relative;height:100%}.slider-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1400px;height:90%;background:#fff0}.slide .item-slide{width:200px;height:300px;position:absolute;top:50%;transform:translate(0,-50%);border-radius:20px;box-shadow:0 10px 40px #e1ecf296;background-position:50% 50%;background-size:cover;display:inline-block;transition:0.5s}.item-slide-image1{background-image:url(../images/project-2.jpg)}.item-slide-image2{background-image:url(../images/project-4.jpg)}.item-slide-image3{background-image:url(../images/project-5.jpg)}.item-slide-image4{background-image:url(../images/project-6.jpg)}.item-slide-image5{background-image:url(../images/project-7.jpg)}.slide .item-slide:nth-child(1),.slide .item-slide:nth-child(2){top:0;left:0;transform:translate(0,0);border-radius:0;width:100%;height:100%}.slide .item-slide:nth-child(3){left:-5%}.slide .item-slide:nth-child(4){left:calc(-5% + 220px)}.slide .item-slide:nth-child(5){left:calc(-5% + 440px)}.slide .item-slide:nth-child(n+6){left:calc(-5% + 660px);opacity:0}.item-slide .content-slide{position:absolute;top:50%;right:65px;width:450px;color:#eee;transform:translate(0,-50%);display:none}.slide .item-slide:nth-child(2) .content-slide{display:block}.content-slide .title-slider{font-size:40px;font-weight:700;opacity:0;animation:slideShow 1s ease-in-out 1 forwards}.content-slide .text-slider{margin-top:10px;margin-bottom:20px;opacity:0;animation:slideShow 1s ease-in-out 0.3s 1 forwards}.content-slide button{padding:10px 20px;border:none;cursor:pointer;opacity:0;animation:slideShow 1s ease-in-out 0.6s 1 forwards}@keyframes slideShow{from{opacity:0;transform:translate(0,100px);filter:blur(33px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.button-slider{width:100%;text-align:center;position:absolute;bottom:20px}.button-slider button{width:40px;height:35px;background-color:#e1ecf2;border-radius:8px;border:none;cursor:pointer;margin:0 5px;border:1px solid #000;transition:0.3s}.button-slider button:hover{background:var(--blue-color);color:#e1ecf2;border-color:var(--white-color)}form .form-row{display:flex;margin:32px 0}form .form-row .input-data{width:100%;height:40px;margin:0 20px;position:relative}form .form-row{height:70px}.input-data input{display:block;width:100%;height:100%;border:none;font-size:17px;outline:none;background-color:#fff0;border-bottom:2px solid rgb(0 0 0 / .12)}.input-data input:focus~label,.input-data input:valid~label{transform:translateY(-20px);font-size:14px;color:#27475e;font-weight:700}.input-data label{position:absolute;pointer-events:none;bottom:10px;font-size:16px;transition:all 0.3s ease;color:#27475e}.input-data .underline{position:absolute;bottom:0;height:2px;width:100%}.input-data .underline:before{position:absolute;content:"";height:2px;width:100%;background:#27475e;transform:scaleX(0);transform-origin:center;transition:transform 0.3s ease}.input-data input:focus~.underline:before,.input-data input:valid~.underline:before{transform:scale(1)}.modal-container{display:none;position:fixed;z-index:1;width:100%;height:100vh;overflow:auto;background-color:#fff0}.modal-content{width:40%;background-color:aliceblue;margin:auto;margin-top:100px;animation:animatetop 0.5s;box-shadow:0 10px 15px -3px rgb(0 0 0 / .3)}.modal-body{padding:15px 20px;text-align:justify;line-height:1.5rem}.modal-header{display:flex;justify-content:center;align-items:center;padding:10px 16px;background-color:#27475e;color:#fff;justify-content:space-between}.modal-header .closeBtnPorofile{font-size:25px}@keyframes animatetop{0%{margin-top:-300px;opacity:0}100%{margin-top:100px;opacity:1}}.modal-container-bell{display:block;position:fixed;z-index:1;width:100%;height:100vh;overflow:auto;background-color:#fff0;top:7%;left:-78%}.modal-content-bell{width:17%;background-color:aliceblue;box-shadow:0 10px 15px -3px rgb(0 0 0 / .3)}.modal-body-bell{padding:15px 20px;text-align:justify;line-height:1.5rem}.modal-header-bell{display:flex;justify-content:center;align-items:center;padding:5px 16px;background-color:#27475e;color:#fff;justify-content:space-between;font-size:.7rem}.modal-header-bell .closeBtnPorofile{font-size:25px}.body-bell-child{color:var(--blue-color);border-bottom:2px solid #27475e}.body-bell-child:hover{background-color:#27475e52}.body-bell-child time{font-size:.8rem}.body-bell-child a{font-size:.9rem;margin-right:50%;color:var(--blue-color)}.body-bell-child a:hover{text-decoration:underline}.wrapper-gallery{max-width:1100px;width:100%;position:relative;right:20%;margin-top:15%}.wrapper-gallery i{top:50%;height:50px;width:50px;cursor:pointer;font-size:1.25rem;position:absolute;text-align:center;line-height:50px;background:#fff;border-radius:50%;box-shadow:0 3px 6px rgb(0 0 0 / .23);transform:translateY(-50%);transition:transform 0.1s linear}.wrapper-gallery i:active{transform:translateY(-50%) scale(.85)}.wrapper-gallery i:first-child{left:-22px}.wrapper-gallery i:last-child{right:-22px}.wrapper-gallery .carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% / 3) - 12px);overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;border-radius:8px;scroll-behavior:smooth;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel.no-transition{scroll-behavior:auto}.carousel.dragging{scroll-snap-type:none;scroll-behavior:auto}.carousel.dragging .card{cursor:grab;user-select:none}.carousel :where(.card,.img){display:flex;justify-content:center;align-items:center}.carousel .card{scroll-snap-align:start;height:342px;list-style:none;background:#fff;cursor:pointer;padding-bottom:15px;flex-direction:column;border-radius:8px}.carousel .card .img{background:#27475e;height:178px;width:178px;border-radius:50%}.card .img img{width:170px;height:170px;border-radius:50%;object-fit:cover;border:4px solid #fff}.carousel .card h2{font-weight:500;font-size:1.56rem;margin:30px 0 5px}@media screen and (max-width:900px){.wrapper-gallery .carousel{grid-auto-columns:calc((100% / 2) - 9px)}}@media screen and (max-width:600px){.wrapper-gallery .carousel{grid-auto-columns:100%}}@media screen and (max-width:1440px){.slider-wrapper{width:1000px;height:70%}.slide .item-slide{width:160px;height:240px}.slide .item-slide:nth-child(3){left:-2%}.slide .item-slide:nth-child(4){left:calc(-2% + 170px)}.slide .item-slide:nth-child(5){left:calc(-2% + 340px)}.slide .item-slide:nth-child(n+6){left:calc(-2% + 510px)}.content-slide .title-slider{font-size:1.5rem}.content-slide .text-slider{font-size:.9rem;width:85%}.button-slider button{width:35px;height:30px}}@media screen and (max-width:1280px){.wrapper-profile .right{width:100%;padding:30px 12px}.wrapper-profile .right .info h2{font-size:1.3rem}.wrapper-profile .right .info-data .data h4{font-size:1rem}.wrapper-profile .right .info-data .data p{font-size:1rem;width:100%}.button-all{font-size:1em}}@media screen and (max-width:1024px){.wrapper-profile{width:60%;left:40%}}@media screen and (max-width:834px){.sidebar{width:60px}.wrapper.collapse .sidebar{width:60px}.sidebar ul li .title{display:none}.top-menu{height:90%;font-size:.7rem}.sidebar ul li a span.icon{margin-right:5px}.hamburger{width:60px;padding:14px 20px}.hamburger div{width:25px}.logo{width:80px}.notification-count{top:-10px;right:30px;width:18px;height:18px;line-height:20px}.top-menu ul li a{width:26px;height:26px;line-height:24px;margin:0 3px}.searchBox{top:-2px;height:auto}.wrapper-profile{display:block;width:70%;left:40%;top:55%}.wrapper-profile .left{width:100%;padding:5px;border-radius:0}.wrapper-profile .right{width:100%}.wrapper-profile .right .info-data{display:block}.wrapper-profile .left h4{margin-bottom:10px;font-size:1.4rem}.button-box{right:0%}.wrapper-profile .right .info-data .data{width:100%}.slider-wrapper{width:280px}.slide .item-slide:nth-child(3),.slide .item-slide:nth-child(4),.slide .item-slide:nth-child(5),.slide .item-slide:nth-child(n+6){display:none}.slider-wrapper{left:85%;top:40%}.button-slider button{width:25px;height:20px}.item-slide .content-slide{position:absolute;top:120%;right:10px;width:100%;color:var(--blue-color)}}