.tabs_container{margin-top:20px;height:100%;width:100%;padding:10px;box-shadow:0 2px 16px #000}.tabs_box{width:100%;display:flex;gap:10px;align-items:center;border-bottom:2px solid #e5e5e5;position:relative}.tabs_box,.tabs_box .tab_button{font-size:18px;font-weight:600;transition:.4s ease-in-out}.tabs_box .tab_button{background:none;padding:18px;cursor:pointer;border:none}.tabs_box .tab_button.active{color:#25bfbf}.tabs_contant .contant{display:none;animation:moving .5s}.tabs_container .contant table{overflow-x:scroll;overflow:hidden}.wrapper{display:inline-flex}.wrapper .icon{margin:0 8px;flex-direction:column;cursor:pointer;border:1px solid #25bfbf;padding:10px;font-size:20px;z-index:2}.wrapper .icon,.wrapper .icon Link{display:flex;align-items:center;justify-content:center;position:relative;border-radius:50%}.wrapper .icon Link{height:40px;width:40px;z-index:-2}.wrapper .icon .tooltip,.wrapper .icon Link{background-color:#25bfbf;box-shadow:0 10px 10px rgba(0,0,0,.1)}.wrapper .icon .tooltip{position:absolute;font-size:18px;top:0;padding:10px 18px;border-radius:20px;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .icon:hover .tooltip{top:-60px;opacity:1;pointer-events:auto}.wrapper .icon .tooltip:before{position:absolute;content:"";height:15px;width:15px;background:#25bfbf;bottom:-6px;left:50%;transform:translateX(-50%) rotate(45deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .icon:hover .tooltip,.wrapper .icon:hover Link{text-shadow:0 -1px 0 rgba(0,0,0,.4)}.wrapper .facebook:hover,.wrapper .facebook:hover .tooltip,.wrapper .facebook:hover .tooltip:before,.wrapper .facebook:hover Link{background:#3b5999;border:1px solid #3b5999}.wrapper .linkedin:hover,.wrapper .linkedin:hover .tooltip,.wrapper .linkedin:hover .tooltip:before,.wrapper .linkedin:hover Link{background:#0077b5;border:1px solid #0077b5}.wrapper .github:hover,.wrapper .github:hover .tooltip,.wrapper .github:hover .tooltip:before,.wrapper .github:hover Link{background:#333;border:1px solid #333}.header{position:fixed;top:0;left:0;width:100%;padding:1rem 10%;display:flex;justify-content:space-between;align-items:center;z-index:100}.header:before{left:0;background-color:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:-1}.header:after,.header:before{content:"";position:absolute;top:0;width:100%;height:100%}.header:after{left:-100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:.5s}.header:hover:after{left:100%}.logo{font-size:2rem;color:#fff;font-weight:700}.logo span{color:#25bfbf}.navbers a{font-size:1.15rem;color:#fff;width:500;margin-left:2rem;background:none;transition:.5s ease}.navbers a:hover{color:#25bfbf}.navbers a.active_navber{color:#25bfbf;padding-bottom:2px;border-bottom:2px solid #25bfbf}#check,.icons{display:none}.icons{position:absolute;right:5%;font-size:2.8rem;color:#fff;cursor:pointer;background:none}@media (max-width:992px){.header{padding:1.3rem 5%}}@media (max-width:768px){.icons{display:inline-flex}#check:checked~.icons #menu-icon,.icons #close-icon{display:none}#check:checked~.icons #close-icon{display:block}.navbers{position:absolute;top:100%;left:0;width:100%;height:0;background-color:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:.5rem 1rem rgba(0,0,0,.1);overflow:hidden;transition:.3s ease}#check:checked~.navbers{height:17.2rem;overflow:hidden}.navbers a{display:block;font-size:1.1rem;margin:1rem 0;text-align:center;transform:translateY(-50px);transition:.3s ease}.active_navber{color:#25bfbf!important}#check:checked~.navbers a{transform:translateY(0);opacity:1;transition-duration:calc(.15s * var(--i))}}.wrapper{padding:5px}.box-area{display:grid;grid-template-columns:repeat(minmax(300px,1rf));grid-gap:20px;margin-top:50px}.box{border-radius:10px;position:relative;overflow:hidden;box-shadow:0 2px 16px #000}.box Image{transition:transform .5s}.box Image,.overlay{width:100%;border-radius:10px;display:flex}.overlay{height:0;background:linear-gradient(transparent,#061b28 48%);position:absolute;left:0;bottom:0;overflow:hidden;align-items:center;justify-content:center;flex-direction:column;padding:0 20px;text-align:center;font-size:14px;transition:height .5s}.overlay h3{font-weight:500;margin-bottom:5px;margin-top:30%;font-family:bebas neue;font-size:30px}.overlay .live-link .link{margin-top:10px;color:#262626;font-size:14px;background:#fff;border-radius:50px;text-align:center;padding:5px 10px}.live-link{display:flex;align-items:center;justify-content:center;gap:10px}.box:hover img{transform:scale(1.2)}.box:hover .overlay{height:100%}.justify-content-center .pagination,menu,ol,ul{width:100%;display:flex!important;justify-content:center!important;align-items:center;gap:1.15rem!important;margin-top:10px}.page-item .active{border:none;background:#25bfbf!important;color:#eee}.page-item{display:flex;justify-content:center;align-items:center;padding:3px 13px;font-size:24px;background:#072232;color:#eee;border-radius:100%;box-shadow:0 0 5px 5px #25bfbf;cursor:pointer}.containers{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;margin-top:15px}.containers .card{position:relative;height:250px;width:100%;margin:10px 0;border-radius:10px;cursor:pointer}.containers .card .imgBx{position:absolute;top:0;left:0;width:100%;height:100%;background:#061b28;z-index:1;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:9px}.containers .card:hover .imgBx{width:100px;height:100px;left:-75;top:calc(50% - 50px);transition:.5s ease-in-out;background:#061b28;border-radius:0 5px 5px 0}.containers .card .imgBx:before{content:attr(data-text);position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:6em;color:#092f46;font-weight:700}.containers .card .imgBx{font-size:150px;transition:.5s ease-in-out}.containers .card:hover .imgBx{font-size:70px}.containers .card .content{position:absolute;right:0;width:calc(100% - 85px);height:100%;padding:20px;display:flex;color:#000;justify-content:center;align-items:center}.containers .card .content h3{margin-bottom:5px;font-size:24px}.containers .card .content a{display:inline-block;margin-top:10px;padding:5px 10px;background:#0b3652;border-radius:5px;color:#fff}@media screen and (max-width:1024px){.containers{grid-template-columns:repeat(2,1fr);margin-top:10px}}@media screen and (max-width:699px){.containers{grid-template-columns:repeat(1,1fr);gap:10px}.containers .card{max-width:300px;margin:auto;flex-direction:column;height:auto}.containers .card .imgBx{position:relative}.containers .card .imgBx,.containers .card:hover .imgBx{width:100%;height:200px;left:0;background:#092f46}.containers .card .content{position:relative;width:100%}}.container{display:grid;grid-template-columns:repeat(2,1fr);gap:10;align-content:center;align-items:center;justify-items:center}@media screen and (max-width:598px){.container{grid-template-columns:repeat(1,1fr)}}.progress-bar{position:relative;background-color:#061b28;border-radius:10px;margin-top:30px;width:230px;height:230px}.text{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.1rem}.progress-bar svg,.text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-bar svg circle{fill:none;stroke-width:8px;stroke-dasharray:505;stroke-dashoffset:505;stroke-linecap:round;animation:animate 2s linear forwards}.conmmunication svg circle{stroke:#ff0;transition:stroke-dashoffset 2s linear}.conmmunication svg circle.animated{stroke-dashoffset:65}.team svg circle{stroke:red;transform:stroke-dashoffset 2s linear}.team svg circle.animated{stroke-dashoffset:55}.Problem svg circle{stroke:#fff;animation:Problem 2s linear forwards}.Leadership svg circle{stroke:aqua;animation:Leadership 2s linear forwards}.tabs_container_technology{margin-top:20px;height:100%;width:100%;padding:5px;box-shadow:0 2px 16px #000;border-radius:10px}.tabs_box_technology{padding-top:10px;width:100%;display:flex;flex-wrap:wrap;gap:2px;align-items:center;justify-content:space-between;border-bottom:2px solid #e5e5e5;position:relative}.tabs_box_technology,.tabs_box_technology .tab_button{font-size:16px;font-weight:600;transition:.4s ease-in-out}.tabs_box_technology .tab_button{background:none;padding:10px;cursor:pointer;border:none}.tabs_box_technology .tab_button.active{color:#25bfbf}.tabs_contant{padding:20px}.tabs_contant .contanted{display:none;animation:moving .5s}@keyframes moving{0%{transform:translateX(50px);opacity:0;transition:0}to{transform:translateX(0);opacity:1;transition:1.8s ease}}.tabs_contant .contant.active{display:block}.tabs_container .contant h3{margin-bottom:10px}.skills{width:100%}.skill-name{font-size:14px;font-weight:700;text-transform:uppercase;margin:20px 0}.skill-bar{background:#fff}.skill-bar,.skill-per{height:.5rem;border-radius:10px}.skill-per{background:#25bfbf;position:relative;animation:animation-bar 2.5s 1;animation:scroll(0)}.skill-per:before{content:attr(per);padding:4px 6px;border-radius:10px;top:-36px;color:#fff;transform:translateX(50%)}.skill-per:after,.skill-per:before{position:absolute;background:#25bfbf;font-size:1rem;right:0}.skill-per:after{content:"";width:10px;height:10px;top:-10px;transform:translateX(50%) rotate(45deg);border-radius:2px}@keyframes animation-bar{0%{width:0}to{width:100%;animation:scroll(1)}}.loading2{background-color:#061b28;width:100%;height:100vh}.loading2,.loading2_container{display:flex;justify-content:center;align-items:center}.loading2_container{position:relative}.rings{width:200px;height:200px;border:0 solid #061b28;border-radius:50%;position:absolute}.rings:first-child{border-bottom-width:8px;border-color:#ff00ea;animation:rotate1 2s linear infinite}.rings:nth-child(2){border-right-width:8px;border-color:#fe0;animation:rotate2 2s linear infinite}.rings:nth-child(3){border-top-width:8px;border-color:#00ff0d;animation:rotate3 2s linear infinite}.loading{color:#fff}@keyframes rotate1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes rotate2{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes rotate3{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}