.banner-content-section{padding-bottom:0}.banner-content-section .banner-content-wrapper .banner-title-tag{margin-bottom:.6rem}.banner-content-section .banner-content-wrapper .banner-title{margin-bottom:1.06rem}.banner-content-section .banner-content-wrapper .banner-info{color:#191d26;margin-bottom:1.25rem}@media only screen and (min-width:768px){.banner-content-section .banner-content-wrapper .banner-info{margin-bottom:3.1rem;-webkit-opacity:.8;-moz-opacity:.8;-o-opacity:.8;-ms-opacity:.8;opacity:.8}}.banner-content-section .banner-content-wrapper .portfolio-banner-image{border-radius:.625rem;display:flex;overflow:hidden;padding-bottom:56.72%;position:relative}@media only screen and (min-width:768px){.banner-content-section .banner-content-wrapper .portfolio-banner-image{aspect-ratio:auto 16/9;border-radius:1.25rem;padding-bottom:0}}.banner-content-section .banner-content-wrapper .portfolio-banner-image>div{width:100%}@media only screen and (min-width:768px){.banner-content-section .banner-content-wrapper .portfolio-banner-image>div{aspect-ratio:auto 16/9}}.portfolio-navbar-section{background-color:#fff;left:0;padding:0;position:sticky;position:-webkit-sticky;right:0;top:4.72rem;z-index:9}@media only screen and (min-width:768px){.portfolio-navbar-section{top:4.7rem}}@media only screen and (min-width:1280px){.portfolio-navbar-section{top:5.625rem}}.portfolio-navbar-section .container{padding:0}@media only screen and (min-width:1440px){.portfolio-navbar-section .container{padding:0 1.875rem}}.portfolio-navbar-section .portfolio-detail-nav{border-bottom:1px solid #d9d9d9;display:grid;min-height:4.188rem}@media only screen and (min-width:768px){.portfolio-navbar-section .portfolio-detail-nav{min-height:3.75rem}}@media only screen and (min-width:1280px){.portfolio-navbar-section .portfolio-detail-nav{min-height:4rem}}.portfolio-navbar-section .portfolio-detail-nav ul{display:flex;gap:3.75rem;margin-bottom:0;overflow-x:auto;padding:0 1.5rem;white-space:nowrap}@media only screen and (min-width:768px){.portfolio-navbar-section .portfolio-detail-nav ul{gap:2rem;padding:0}}@media only screen and (min-width:1024px){.portfolio-navbar-section .portfolio-detail-nav ul{min-height:4.813rem}}@media only screen and (min-width:1260px){.portfolio-navbar-section .portfolio-detail-nav ul{gap:.2rem}}.portfolio-navbar-section .portfolio-detail-nav ul li{align-items:center;display:flex;position:relative;transition:all .1s ease}.portfolio-navbar-section .portfolio-detail-nav ul li:after{background-color:#1b76fe;bottom:0;content:"";display:block;height:.188rem;left:0;opacity:0;position:absolute;right:0;transition:all .1s ease;width:100}.portfolio-navbar-section .portfolio-detail-nav ul li .menu-item{align-items:center;cursor:pointer;display:flex;font-weight:400;height:100%;padding:1rem 0}@media only screen and (min-width:768px){.portfolio-navbar-section .portfolio-detail-nav ul li .menu-item{font-weight:500;padding:1rem 2.6rem}}@media only screen and (min-width:1260px){.portfolio-navbar-section .portfolio-detail-nav ul li .menu-item{padding:1rem 1.25rem}}@media only screen and (min-width:1024px){.portfolio-navbar-section .portfolio-detail-nav ul li:hover:after{width:100%}.portfolio-navbar-section .portfolio-detail-nav ul li:hover .menu-item{color:#1b76fe}}.portfolio-navbar-section .portfolio-detail-nav ul li.active:after{opacity:1}.portfolio-navbar-section .portfolio-detail-nav ul li.active .menu-item{color:#1b76fe}.page-wrapper{overflow:unset}