:root{--bodyFont:"DM Sans", sans-serif;--titleFont:"Poppins", sans-serif;--transition:all 0.3s ease;--body_bg:#ffffff;--globalColor:#f4f3f1;--borderColor:#dfe0e4;--bodyColor:#404a60;--titleColor:#222e48;--primaryColor:#022e2d;--secondaryColor:#b07e50;--whiteColor:#ffffff;--blackColor:#171717;--linkColor:#022e2d;--hoverColor:var(--secondaryColor);--boxBorderRadius:12px;--imageBorderRadius:4px;--btnBorderRadius:8px;--btnBgColor:#022e2d;--btnHoverBgColor:#b07e50;--btnColor:#ffffff;--btnHoverColor:#ffffff;--btnBgColor2:transparent;--btnHoverBgColor2:#022e2d;--btnColor2:#222e48;--btnHoverColor2:#ffffff}.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:var(--primaryColor)}.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:var(--primaryColor)}.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:var(--primaryColor)}.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:var(--primaryColor)}.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}