:root{--portfolio-banner-right-width:616px}@media (max-width:1380px){:root{--portfolio-banner-right-width:570px}}@media (max-width:1200px){:root{--portfolio-banner-right-width:426px}}@media (max-width:991px){:root{--portfolio-banner-right-width:345px}}.portfolio-banner.ssse{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-top:var(--header-height)}@media (max-width:991px){.portfolio-banner.ssse{min-height:unset;padding-top:0}}.portfolio-banner:not(.ssse){padding-top:var(--header-height)}@media (max-width:991px){.portfolio-banner:not(.ssse){padding-top:0}}.portfolio-banner .portfolio-banner-box{background:linear-gradient(180deg,#fff,#fff7e0);position:relative;width:100%;z-index:1}.portfolio-banner .portfolio-banner-box.ssse>.container{display:flex;flex-grow:1}.portfolio-banner .portfolio-banner-inner{display:flex;justify-content:space-between}.portfolio-banner .portfolio-banner-inner.ssse{gap:42px;min-height:390px;padding-top:20px}@media (min-width:992px) and (max-width:1440px){.portfolio-banner .portfolio-banner-inner.ssse{min-height:240px}}@media (max-width:1200px){.portfolio-banner .portfolio-banner-inner.ssse{gap:30px}}@media (max-width:991px){.portfolio-banner .portfolio-banner-inner.ssse{gap:12px;min-height:320px}}@media (max-width:768px){.portfolio-banner .portfolio-banner-inner.ssse{flex-direction:column;gap:24px;padding-bottom:30px}}.portfolio-banner .portfolio-banner-inner:not(.ssse){gap:42px;min-height:470px;padding-top:28px}@media (max-width:1380px){.portfolio-banner .portfolio-banner-inner:not(.ssse){min-height:430px;padding-top:24px}}@media (max-width:1200px){.portfolio-banner .portfolio-banner-inner:not(.ssse){gap:30px;min-height:360px}}@media (max-width:991px){.portfolio-banner .portfolio-banner-inner:not(.ssse){gap:12px;min-height:320px}}@media (max-width:768px){.portfolio-banner .portfolio-banner-inner:not(.ssse){flex-direction:column;gap:24px;padding-bottom:30px}}.portfolio-banner .portfolio-banner-left{max-width:calc(100% - var(--portfolio-banner-right-width) - 42px);padding-bottom:38px;padding-top:38px;width:100%}@media (max-width:1200px){.portfolio-banner .portfolio-banner-left{max-width:calc(100% - var(--portfolio-banner-right-width) - 30px)}}@media (max-width:991px){.portfolio-banner .portfolio-banner-left{max-width:calc(100% - var(--portfolio-banner-right-width) - 12px);padding-bottom:20px;padding-top:10px}}@media (max-width:768px){.portfolio-banner .portfolio-banner-left{max-width:100%;padding-bottom:0;padding-top:0}}@media (min-width:992px) and (max-width:1440px){.portfolio-banner .portfolio-banner-inner.ssse .portfolio-banner-left{display:flex;flex-direction:column;justify-content:center;padding-bottom:20px;padding-top:0}}.portfolio-banner .title-wrap .h1{font-size:50px;font-weight:700;line-height:1.3}@media (max-width:1440px){.portfolio-banner .title-wrap .h1{font-size:38px}}@media (max-width:1380px){.portfolio-banner .title-wrap .h1{font-size:36px}}@media (max-width:1300px){.portfolio-banner .title-wrap .h1{font-size:34px}}@media (max-width:1200px){.portfolio-banner .title-wrap .h1{font-size:32px}}@media (max-width:991px){.portfolio-banner .title-wrap .h1{font-size:30px}}@media (max-width:768px){.portfolio-banner .title-wrap .h1{font-size:28px}}@media (max-width:575px){.portfolio-banner .title-wrap .h1{font-size:24px}}.portfolio-banner .title-wrap .h1 span{color:#ffbc00}.portfolio-banner .portfolio-banner-meta{display:flex;max-width:430px;padding-top:40px;width:100%}@media (max-width:991px){.portfolio-banner .portfolio-banner-meta{padding-top:0}}@media (min-width:769px) and (max-width:991px){.portfolio-banner .portfolio-banner-meta{flex-direction:column;gap:20px}}@media (max-width:768px){.portfolio-banner .portfolio-banner-meta{max-width:100%}}@media (min-width:992px) and (max-width:1440px){.portfolio-banner .portfolio-banner-inner.ssse .portfolio-banner-left .portfolio-banner-meta{padding-top:20px}}.portfolio-banner .portfolio-meta{align-items:center;border-right:1px solid #efe2bd;display:flex;gap:13px;width:50%}.portfolio-banner .portfolio-meta:last-child{border:unset;justify-content:flex-end}@media (min-width:769px) and (max-width:991px){.portfolio-banner .portfolio-meta{border-right:unset;width:100%}.portfolio-banner .portfolio-meta:last-child{justify-content:flex-start}}.portfolio-banner .portfolio-meta-icon{align-items:center;background-color:#fff2cd;border-radius:44px;display:flex;height:44px;justify-content:center;width:44px}@media (max-width:768px){.portfolio-banner .portfolio-meta-icon{height:33px;width:33px}}.portfolio-banner .portfolio-meta-icon svg{max-height:100%;max-width:100%}@media (max-width:768px){.portfolio-banner .portfolio-meta-icon svg{width:14px}}.portfolio-banner .portfolio-meta-info{display:flex;flex-direction:column}.portfolio-banner .portfolio-meta-label{color:#b8b8b8;font-size:14px}@media (max-width:768px){.portfolio-banner .portfolio-meta-label{font-size:10px}}.portfolio-banner .portfolio-meta-data{color:#000;font-size:16px;font-weight:600}@media (max-width:768px){.portfolio-banner .portfolio-meta-data{font-size:12px}}.portfolio-banner .portfolio-banner-right{display:flex;flex-direction:column;max-width:var(--portfolio-banner-right-width);width:100%}@media (max-width:768px){.portfolio-banner .portfolio-banner-right{max-width:100%}}.portfolio-banner .portfolio-banner-image-wrap{border-radius:30px;display:flex;height:calc(100% + 90px);margin-bottom:-90px;overflow:hidden;width:100%}@media (max-width:1200px){.portfolio-banner .portfolio-banner-image-wrap{height:calc(100% + 60px);margin-bottom:-60px}}@media (max-width:768px){.portfolio-banner .portfolio-banner-image-wrap{border-radius:15px;height:100%;margin-bottom:0}}.portfolio-banner .portfolio-banner-image-wrap img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.portfolio-banner .portfolio-banner-bottom-box{background-color:#000;position:relative;z-index:0}.portfolio-banner .portfolio-banner-bottom-box.ssse{align-items:center;display:flex;flex-grow:1;padding-bottom:50px;padding-top:110px}@media (min-width:992px) and (max-width:1440px){.portfolio-banner .portfolio-banner-bottom-box.ssse{padding-bottom:50px;padding-top:120px}}@media (max-width:991px){.portfolio-banner .portfolio-banner-bottom-box.ssse{padding-top:100px}}@media (max-width:768px){.portfolio-banner .portfolio-banner-bottom-box.ssse{padding-bottom:100px;padding-top:120px}}.portfolio-banner .portfolio-banner-bottom-box:not(.ssse){padding-bottom:84px;padding-top:166px}@media (max-width:1380px){.portfolio-banner .portfolio-banner-bottom-box:not(.ssse){padding-bottom:80px;padding-top:160px}}@media (max-width:1200px){.portfolio-banner .portfolio-banner-bottom-box:not(.ssse){padding-bottom:60px;padding-top:110px}}@media (max-width:991px){.portfolio-banner .portfolio-banner-bottom-box:not(.ssse){padding-top:100px}}@media (max-width:768px){.portfolio-banner .portfolio-banner-bottom-box:not(.ssse){padding-bottom:100px;padding-top:120px}}.portfolio-banner .portfolio-banner-bottom-box .shape-001{display:flex;left:0;position:absolute;top:0}@media (max-width:1380px){.portfolio-banner .portfolio-banner-bottom-box .shape-001{left:-90px;top:-90px}}@media (max-width:1200px){.portfolio-banner .portfolio-banner-bottom-box .shape-001{left:-110px;top:-110px}}.portfolio-banner .portfolio-banner-bottom-box .shape-002{bottom:0;display:flex;position:absolute;right:70px}@media (max-width:1380px){.portfolio-banner .portfolio-banner-bottom-box .shape-002{bottom:-90px;right:20px}}@media (max-width:1200px){.portfolio-banner .portfolio-banner-bottom-box .shape-002{bottom:-110px;right:40px}}@media (max-width:768px){.portfolio-banner .portfolio-banner-bottom-box .shape-002{right:60px}}.portfolio-banner .portfolio-banner-bottom-inner{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:858px;width:100%}.portfolio-banner .portfolio-banner-bottom-box.ssse .portfolio-banner-bottom-inner{max-width:980px}@media (min-width:992px) and (max-width:1440px){.portfolio-banner .portfolio-banner-bottom-box.ssse .portfolio-banner-bottom-inner{max-width:unset}}.portfolio-banner .portfolio-banner-bottom-title{margin-left:auto;margin-right:auto;max-width:512px;width:100%}@media (min-width:992px) and (max-width:1440px){.portfolio-banner .portfolio-banner-bottom-title{max-width:unset}}.portfolio-banner .portfolio-banner-bottom-title .h1{color:#fff;line-height:1.3;text-align:center}@media (min-width:992px) and (max-width:1440px){.portfolio-banner .portfolio-banner-bottom-title .h1{font-size:30px;margin-bottom:10px}}.portfolio-banner .portfolio-banner-bottom-desc{width:100%}.portfolio-banner .portfolio-banner-bottom-desc p{color:#bbb;font-size:16px;font-weight:300;line-height:1.6;text-align:center}
/*# sourceMappingURL=portfolio-banner.css.map */