.navbar ul.ul-dark-scrolled{background-color:rgba(255,255,255,.255)}.navbar ul.ul-white-scrolled{background-color:rgba(109,102,102,.255)}.navbar ul.ul-dark{background-color:rgba(95,95,95,.525);color:black}.navbar ul.ul-white{background-color:rgba(95,95,95,.525);color:white}.navbar-menu li{cursor:pointer}.navbar .upwork-link{color:rgba(201,221,240,.94)}h1.logo{font-weight:800;color:white}.auto-service-container{width:100%;overflow:hidden;position:relative}.items-container{transition:scroll-behavior .5s ease-in-out}.menu:hover{p{transition:all .5s}h3,p{color:white}a{color:#a20081}}.sub-title{color:rgba(201,221,240,.94)}.all-services::-webkit-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.work{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hero{padding-top:130px;justify-content:center;gap:100px}.header{p{font-size:1vw}button,p{color:white}button{border:none;font-weight:500;background-color:#ffffff66;padding:1vw 2.3vw}}.header .image-view{border:.3px solid gray;opacity:80%;width:600px;height:400px;align-items:center;justify-content:start;overflow:"hidden",}.media-container{position:relative;margin:0 auto;overflow:hidden;box-shadow:0 30px 50px #663670b3;border-radius:1 solid #fff}.slide{display:flex;position:relative}.media,.slide{width:100%;height:100%}.media{position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out;box-shadow:inset 0 0 20px 20px rgba(0,0,0,.5)}.media.active{opacity:1}.media .media-image{opacity:35%}.media .media-image,.media .media-video{object-fit:cover;width:100%;height:100%}.content{position:absolute;top:40%;line-height:25px;align-items:flex-start;padding:0 15px;transform:translateY(-50%);color:#eee;text-align:left}.content .name{font-size:30px;font-weight:700;font-family:serif,sans-serif;text-transform:uppercase;opacity:0;animation:animate 1s ease-in-out 1 forwards}.content .des{margin-top:10px;margin-bottom:20px;opacity:0;animation:animate 1s ease-in-out .3s 1 forwards}.content a.see-more{background-color:rgba(255,255,255,.804);color:black;border:none;cursor:pointer;opacity:0;animation:animate 1s ease-in-out .6s 1 forwards;z-index:1003}@keyframes animate{0%{opacity:0;transform:translateY(100px);filter:blur(33px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.button{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:30px}.button .icon{border-radius:50px;border:none;cursor:pointer;color:rgba(239,239,239,.757);transition:background-color .3s}.button .icon:hover{color:#ffffffef}.about h1{max-lines:5}.contact input,textarea{background-color:rgba(211,220,228,.229);border-radius:15px;border:.5 solid #80607a8a}.contact button.submit{background-color:rgba(255,255,255,.811);transition:.3s ease-in-out}.contact p.send-success{color:rgb(182,246,182)}.contact p.send-error{color:rgb(237,162,162)}.footer{background-color:#11001f}.abs-custome-view-container{position:fixed;bottom:10%;z-index:1000;.popup-content{text-align:center}}.abs-custome-view{padding:8px 20px;border:1px solid rgba(201,221,240,.94);border-radius:50px;background:linear-gradient(135deg,#667eea8b,#ec48de8d);box-shadow:0 4px 20px rgba(37,99,235,.15);backdrop-filter:blur(10px);position:relative}.abs-custome-view:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background-image:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899,#f97316) 1;z-index:-1}.abs-custome-view-md{position:relative}.abs-custome-view-md:before{content:"";position:absolute;top:-3px;left:-1px;right:-1px;bottom:-3px;z-index:-1}.abs-custome-view-md-inside{padding:0}.abs-custome-view:hover{box-shadow:0 8px 32px rgba(37,99,235,.4);background-image:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899,#f97316) 1;transform:translateY(-2px)}.abs-custome-scrolled{.popup-content{transform:translateY(15%)}}.abs-custome-unscrolled{.popup-content{transform:translateY(0)}}.abs-custome{background-color:rgba(255,255,255,.581)/50}