.projects_parent_container{z-index:1;background-color:#0000;width:100%;height:100vh;margin-top:80px;position:absolute;overflow-y:auto}.section-title{padding-top:10px!important}.projects-section{text-align:center;background-color:#0000;width:100%;height:100%}.projects-container{flex-wrap:wrap;justify-content:space-around;gap:2rem;padding-top:30px;padding-bottom:30px;display:flex}.project-card{background:#00000069;border-radius:12px;max-width:375px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 10px #0000001a}.project-card:hover{transform:translateY(-10px);box-shadow:0 6px 18px #00000026}.project-title{color:#07c;margin-bottom:1rem;font-size:1.2rem}.project-description{color:#f0eeee;text-align:left;margin-bottom:1rem;font-size:.9rem}.project-tech{color:#999;text-align:left;margin-bottom:1.5rem;font-size:.8rem}.project-link{color:#fff;background-color:#07c;border-radius:6px;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .3s;display:inline-block}.project-link:hover{background-color:#005fa3}.project_btn{float:left}.link_btn{float:right}.disabled_link{background-color:gray}.disabled_link:hover{cursor:default;background-color:gray}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;height:100vh;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:linear-gradient(135deg,#061161 0%,#780206 50%,#061161 100%);border-radius:8px;width:90%;max-width:1200px;height:90vh;padding:2rem;position:relative;overflow-y:auto;max-width:800px!important}.close-modal{cursor:pointer;color:#fff;font-size:2rem;position:absolute;top:10px;right:20px}.close-modal:hover{color:#bab8b8!important}.model-heading{color:#07c;margin-bottom:20px;text-decoration:underline}.model-short-intro{text-align:left;color:#fff;margin-bottom:20px}.model-details{text-align:left;color:#fff;margin-top:20px}.slider-container{max-width:50rem;height:26.625rem;margin:0 auto;position:relative;overflow:hidden}.slide{justify-content:center;align-items:center;width:100%;height:26.625rem;transition:transform 1s;display:flex;position:absolute;top:0}.project-image,.project-video{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:all .5s ease-in-out;transform:translate(0)}.slider-button{color:#fff;cursor:pointer;z-index:999;background:#00000080;border:none;padding:10px;font-size:2rem;transition:background .3s;position:absolute;top:50%;transform:translateY(-50%)}.slider-button:hover{background:#000c}.prev{left:10px}.next{right:10px}@media (max-width:768px){.projects-container{flex-direction:column;align-items:center}.modal-content{width:90%}.project-image,.project-video{width:100%;max-height:50vh}.projects_parent_container{height:84vh!important}.link_btn{margin-top:1px}}
.gallery-container{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex}.gallery-box-1{--i:1}.gallery-box-2{--i:2}.gallery-box-3{--i:3}.gallery-box-4{--i:4}.gallery-box-5{--i:5}.gallery-box-6{--i:6}.gallery-box-7{--i:7}.gallery-box-8{--i:8}.gallery-box{width:200px;height:200px;transform-style:preserve-3d;margin-top:-100px;transition:all 1.5s;position:relative;transform:perspective(1000px)rotate(0)}.gallery-box span{transform-origin:50%;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(calc(var(--i)*45deg))translateZ(300px);-webkit-box-reflect:below 0px linear-gradient(transparent,transparent,#0004);position:absolute;top:0;left:0}.gallery-box span img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.gallery-btns{gap:30px;display:flex;position:absolute;bottom:25px}.gallery-btns .btn{cursor:pointer;border:3px solid gray;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.gallery-btns .btn:active{background:gray;border-color:#fff!important}.gallery-btns .btn:hover{border-color:#000}.gallery-btns .btn:before{content:"";border-top:3px solid gray;border-right:3px solid gray;width:15px;height:15px;position:absolute;transform:rotate(45deg)translate(-2.5px,2.5px)}.gallery-btns .btn.prev:before{transform:rotate(225deg)translate(-2.5px,2.5px)}.gallery-btns .btn:active:before{border-top:3px solid #fff!important;border-right:3px solid #fff!important}.gallery-btns .btn:hover:before{border-top:3px solid #000;border-right:3px solid #000}