.project-details{padding-bottom:50px}.project-details .container{display:flex}.project-details .btns:only-child{margin-top:0}.project-details .left{width:62.278%}.project-details .gallery{width:100%}.project-details .main{margin-bottom:20px;overflow:hidden;padding-bottom:57%;position:relative;width:100%}.project-details .main .img{display:block;inset:0;opacity:0;position:absolute;transition:opacity .6s ease,visibility .6s ease;visibility:hidden;z-index:1}.project-details .main .img.active{opacity:1;visibility:visible;z-index:2}.project-details .main .img img{display:block;height:100%;object-fit:cover;width:100%}.project-details .thumbs-wrap{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;width:100%}.project-details .thumbs-wrap::-webkit-scrollbar{display:none}.project-details .thumbs{display:flex;gap:16px;width:max-content}.project-details .thumb-item{background:none;border:none;cursor:pointer;flex:0 0 110px;height:110px;opacity:.55;overflow:hidden;padding:0;transition:opacity .3s ease,border-color .3s ease,transform .3s ease;width:110px}.project-details .thumb-item img{display:block;height:100%;object-fit:cover;width:100%}.project-details .thumb-item.active,.project-details .thumb-item:hover{opacity:1}.project-details .right{flex:1;padding-left:50px}.project-details .btn-item+.btn-item{margin-top:20px}.project-details .btns{margin-top:30px}@media(max-width:991px){.project-details .container{display:block}.project-details .left{width:100%}.project-details .right{padding:40px 0 0;width:100%}}@media (max-width:767px){.project-details .thumb-item{flex:0 0 85px;height:60px;width:85px}}