:root{--bodyFont:"Inter", sans-serif;--titleFont:"Inter", sans-serif;--primaryColor:#01A66B;--secondaryColor:#005651;--seceondary2Color:#ffaf40;--bodyColor:#4B655C;--whiteColor:#ffffff;--titleColor:#1C1E30;--borderColor:#CDE4DC;--inputbgColor:#E6F7F1;--shadow6:0px 16px 32px 0px rgba(0, 0, 0, .06);--transition:0.4s all ease}.mb-24{margin-bottom:24px}body.single.single-tp-portfolios{overflow:visible}.tp-portfolio-inner-content-side-wrapper{position:sticky;top:140px;padding-bottom:40px}.tp-portfolio-stylestyle1 .portfolio-item{position:relative;z-index:1;overflow:hidden}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-image{position:relative;z-index:2}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-image img{width:100%}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-image span.popup-icon{position:absolute;left:50%;top:50%;content:"";transform:translate(-50%,-50%);display:inline-block;padding:10px 12px;background-color:#fff;color:#090908;border-radius:50%;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-image span.popup-icon:hover{color:#fff;background-color:#F95D00}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-image.portfolio-image-overlay-gradient::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:linear-gradient(to bottom,#fff0 0%,#000000 100%);z-index:auto;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content.portfolio-item-content-absolute{position:absolute;left:0;bottom:-50px;right:0;width:100%;z-index:3;padding:25px;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolio-cat a{display:inline-block;color:#090908;background-color:#fff;border-radius:30px;font-size:10px;text-transform:uppercase;padding:5px 15px;margin-bottom:10px;font-weight:500}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolio-cat a:hover{color:#fff;background-color:var(--primaryColor)}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolio-title{font-size:20px;font-weight:700}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolio-title a{color:#fff}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolio-title a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolios-btn{margin-top:10px;color:#fff;display:inline-block}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolios-btn:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle1 .portfolio-item .portfolio-item-content .portfolios-btn i{display:inline-block}.tp-portfolio-stylestyle1 .portfolio-item:hover .portfolio-item-content-absolute{opacity:1;visibility:visible;bottom:0}.tp-portfolio-stylestyle1 .portfolio-item:hover .portfolio-item-image::before{opacity:1;visibility:visible}.tp-portfolio-stylestyle2 .portfolio-item{position:relative;z-index:1;overflow:hidden}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-image{position:relative;z-index:2}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-image img{width:100%}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-image span.popup-icon{position:absolute;left:50%;top:50%;content:"";transform:translate(-50%,-50%);display:inline-block;padding:10px 12px;background-color:#fff;color:#090908;border-radius:50%;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-image span.popup-icon:hover{color:#fff;background-color:#F95D00}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-image.portfolio-image-overlay-gradient::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:linear-gradient(to bottom,#fff0 0%,#000000 100%);z-index:auto;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content.portfolio-item-content-absolute{position:absolute;left:0;bottom:-50px;right:0;width:100%;z-index:3;padding:25px;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolio-cat a{display:inline-block;color:#090908;background-color:#fff;border-radius:30px;font-size:10px;text-transform:uppercase;padding:5px 15px;margin-bottom:10px;font-weight:500}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolio-cat a:hover{color:#fff;background-color:var(--primaryColor)}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolio-title{font-size:20px;font-weight:700}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolio-title a{color:#fff}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolio-title a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolios-btn{margin-top:10px;color:#fff;display:inline-block}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolios-btn:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle2 .portfolio-item .portfolio-item-content .portfolios-btn i{display:inline-block}.tp-portfolio-stylestyle2 .portfolio-item:hover .portfolio-item-content-absolute{opacity:1;visibility:visible;bottom:0}.tp-portfolio-stylestyle2 .portfolio-item:hover .portfolio-item-image::before{opacity:1;visibility:visible}.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-5 .col:nth-child(1),.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-5 .col:nth-child(3),.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-5 .col:nth-child(5){margin-top:30px}@media (max-width:1200px){.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-5 .col:nth-child(1),.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-5 .col:nth-child(3),.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-5 .col:nth-child(5){margin-top:0!important}}.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-4 .col:nth-child(1),.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-4 .col:nth-child(3){margin-top:40px}@media (max-width:1200px){.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-4 .col:nth-child(1),.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-4 .col:nth-child(3){margin-top:0!important}}.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-3 .col:nth-child(1),.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-3 .col:nth-child(3){margin-top:50px}@media (max-width:1200px){.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-3 .col:nth-child(1),.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-3 .col:nth-child(3){margin-top:0!important}}.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-2 .col:nth-child(1){margin-top:50px}@media (max-width:1200px){.tp-portfolio-stylestyle2 .grid .row.row-cols-xl-2 .col:nth-child(1){margin-top:0!important}}.tp-portfolio-stylestyle3 .portfolio-item{position:relative;z-index:1;overflow:hidden}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-image{position:relative;z-index:2}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-image img{width:100%}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-image span.popup-icon{position:absolute;left:50%;top:50%;content:"";transform:translate(-50%,-50%);display:inline-block;padding:10px 12px;background-color:#fff;color:#090908;border-radius:50%;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-image span.popup-icon:hover{color:#fff;background-color:#F95D00}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-image.portfolio-image-overlay-gradient::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:linear-gradient(to bottom,#fff0 0%,#000000 100%);z-index:auto;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content.portfolio-item-content-absolute{position:absolute;left:0;bottom:-50px;right:0;width:100%;z-index:3;padding:25px;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content .portfolio-cat a{display:inline-block;color:#090908;background-color:#fff;border-radius:30px;font-size:10px;text-transform:uppercase;padding:5px 15px;margin-bottom:10px;font-weight:500}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content .portfolio-cat a:hover{color:#fff;background-color:var(--primaryColor)}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content .portfolio-title{font-size:20px;font-weight:700}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content .portfolio-title a{color:#fff}.tp-portfolio-stylestyle3 .portfolio-item .portfolio-item-content .portfolio-title a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle3 .portfolio-item .portfolios-btn-part .portfolios-btn{margin-top:0;color:#fff;display:inline-block}.tp-portfolio-stylestyle3 .portfolio-item .portfolios-btn-part .portfolios-btn:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle3 .portfolio-item .portfolios-btn-part .portfolios-btn i{display:inline-block}.tp-portfolio-stylestyle3 .portfolio-item .portfolios-btn-part.portfolio-btn-absolute{position:absolute;right:0;top:0;z-index:2;padding:25px 20px;opacity:0;visibility:hidden;transition:all 0.3s linear 0s;top:-50px}.tp-portfolio-stylestyle3 .portfolio-item:hover .portfolio-item-content-absolute{opacity:1;visibility:visible;bottom:0}.tp-portfolio-stylestyle3 .portfolio-item:hover .portfolio-item-image::before{opacity:1;visibility:visible}.tp-portfolio-stylestyle3 .portfolio-item:hover .portfolio-btn-absolute{opacity:1;visibility:visible;top:0}.tp-portfolio-stylestyle4 .portfolio-item{position:relative;z-index:1;overflow:hidden;align-items:center}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-image{position:relative;z-index:2;flex:1}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-image img{width:100%}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-image span.popup-icon{position:absolute;left:50%;top:50%;content:"";transform:translate(-50%,-50%);display:inline-block;padding:10px 12px;background-color:#fff;color:#090908;border-radius:50%;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-image span.popup-icon:hover{color:#fff;background-color:#F95D00}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-image.portfolio-image-overlay-gradient::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-image:linear-gradient(to bottom,#fff0 0%,#000000 100%);z-index:auto;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content{width:-moz-max-content;width:max-content;padding:40px}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content.portfolio-item-content-absolute{position:absolute;left:0;bottom:-50px;right:0;width:100%;z-index:3;padding:25px;opacity:0;visibility:hidden;transition:all 0.3s linear 0s}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolio-cat a{display:inline-block;color:#090908;font-size:10px;margin-bottom:10px;font-weight:500}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolio-cat a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolio-title{font-size:20px;font-weight:700}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolio-title a{color:#090908}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolio-title a:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolios-btn{margin-top:10px;color:#090908;display:inline-block}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolios-btn:hover{color:var(--primaryColor)}.tp-portfolio-stylestyle4 .portfolio-item .portfolio-item-content .portfolios-btn i{display:inline-block}.tp-portfolio-stylestyle4 .portfolio-item:hover .portfolio-item-image::before{opacity:1;visibility:visible}.tp-portfolio-stylestyle4 .grid .row .col:nth-child(even) .portfolio-item{flex-direction:row-reverse}.recent-project-one .project-card p{color:#222e48}.recent-project-one .project-card .project-box{background-color:#fff;align-items:center;padding:12px;display:flex;gap:20px;color:#222e48}@media (min-width:1400px){.recent-project-one .project-card .project-box{gap:40px}}.recent-project-one .project-card .project-box p{color:#404a60}.recent-project-one .project-card .project-box h5{min-width:182px}.recent-project-one .project-card .project-box:hover{background-color:#9fd456}.recent-project-one .project-card .project-box:hover .arrow-sm{background-color:#222e48;color:#fff}.recent-project-one .project-card .project-box .arrow-sm{flex-shrink:0;width:48px;height:48px;border:1px solid #9fd456;transition:all 400ms ease-in-out;font-size:1.6rem;color:#9fd456;display:flex;align-items:center;justify-content:center}.recent-project-one .img-box img{width:270px;-o-object-fit:cover;object-fit:cover;height:125px}.recent-project-one .project-title{font-size:20px;color:#222e48;font-weight:600}.recent-project-one .arrow-sm i{font-size:20px;transform:rotate(-45deg)}