@font-face{font-family:GeneralSans Bold;src:local("GeneralSans Bold"),url(/fonts/GeneralSans-Bold.otf) format("opentype")}@font-face{font-family:GeneralSans BoldItalic;src:local("GeneralSans BoldItalic"),url(/fonts/GeneralSans-BoldItalic.otf) format("opentype")}@font-face{font-family:GeneralSans Extralight;src:local("GeneralSans Extralight"),url(/fonts/GeneralSans-Extralight.otf) format("opentype")}@font-face{font-family:GeneralSans ExtralightItalic;src:local("GeneralSans ExtralightItalic"),url(/fonts/GeneralSans-ExtralightItalic.otf) format("opentype")}@font-face{font-family:GeneralSans Italic;src:local("GeneralSans Italic"),url(/fonts/GeneralSans-Italic.otf) format("opentype")}@font-face{font-family:GeneralSans Light;src:local("GeneralSans Light"),url(/fonts/GeneralSans-Light.otf) format("opentype")}@font-face{font-family:GeneralSans LightItalic;src:local("GeneralSans LightItalic"),url(/fonts/GeneralSans-LightItalic.otf) format("opentype")}@font-face{font-family:GeneralSans Medium;src:local("GeneralSans Medium"),url(/fonts/GeneralSans-Medium.otf) format("opentype")}@font-face{font-family:GeneralSans MediumItalic;src:local("GeneralSans MediumItalic"),url(/fonts/GeneralSans-MediumItalic.otf) format("opentype")}@font-face{font-family:GeneralSans Regular;src:local("GeneralSans Regular"),url(/fonts/GeneralSans-Regular.otf) format("opentype")}@font-face{font-family:GeneralSans Semibold;src:local("GeneralSans Semibold"),url(/fonts/GeneralSans-Semibold.otf) format("opentype")}@font-face{font-family:GeneralSans SemiboldItalic;src:local("GeneralSans SemiboldItalic"),url(/fonts/GeneralSans-SemiboldItalic.otf) format("opentype")}body{margin:0;padding:0}.portfolio{display:flex;flex-direction:column;align-items:center;position:relative}.portfolio .main{height:100vh;width:100%;background-size:cover;background-position:bottom;position:relative}.portfolio .main .main-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2}.portfolio .main .main-info h1{font-family:GeneralSans Bold;font-size:8rem;max-width:1000px;word-wrap:break-word;text-transform:uppercase;margin:0}.portfolio .main .main-info .by{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}.portfolio .main .main-info .by:after,.portfolio .main .main-info .by:before{content:"";display:block;width:50px;height:2px;background-color:#dc2626}.portfolio .main .main-info p{font-family:GeneralSans Regular;font-size:2rem;margin-top:20px;color:#ffffffde}.portfolio .main:before{background-image:linear-gradient(180deg,rgba(0,0,0,1),rgba(0,0,0,1));height:100%}.portfolio .main:after,.portfolio .main:before{content:"";position:absolute;top:0;left:0;opacity:.5;width:100%;z-index:1}.portfolio .main:after{background-image:linear-gradient(180deg,rgba(0,0,0,1),rgba(0,0,0,0));height:15%}.main .slick-dots{margin:20px;justify-content:center;align-items:end;top:0;right:0;bottom:0;flex-direction:column;gap:10px;position:absolute;display:flex!important;left:auto;z-index:123}.main .slick-dots li{width:7px!important;height:30px!important;position:relative}.main .slick-dots li button{display:flex;width:7px;height:30px;position:relative;padding:0;opacity:.5!important}.main .slick-dots li button:focus:before{opacity:inherit!important}.main .slick-dots li.slick-active button{opacity:1!important}.main .slick-dots li button:before{content:"";border-radius:0;border:none;width:7px;height:inherit;transition:.5s;background-color:#fff;position:relative}.main .slick-vertical .slick-slide{border:1px solid rgb(32,32,32)!important;height:100vh!important}.portfolio .main img{width:100%;object-fit:cover}.main .scroll-indicator{position:absolute;bottom:20px;left:50%;animation:bounceUpDown 2s ease-in-out infinite;z-index:999;cursor:pointer}.main .scroll-indicator:before{content:"";top:0;left:0;width:1px;height:40px;background-color:#ffffffde}@keyframes bounceUpDown{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.portfolio .infoSection{width:100%;padding:96px 32px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.portfolio .about{background-color:#f9fafb}.portfolio .my-work{padding:96px 50px}.portfolio .infoSection:before{content:"";top:0;left:0;width:4px;height:80px;background-color:#dc2626}.portfolio .pageSection:before{content:"";top:0;left:0;width:80px!important;height:4px!important;background-color:#dc2626}.portfolio .pageSection{padding:46px 32px!important}.portfolio .infoSection h1{font-family:GeneralSans Bold;font-size:3rem;margin:40px;color:#000;text-transform:uppercase}.portfolio .infoSection .header{font-family:GeneralSans Medium;font-size:1.5rem;color:#000;line-height:1.5}.portfolio .infoSection .body{font-family:GeneralSans Regular;font-size:1.125rem;color:rgb(55 65 81);line-height:1.5}.portfolio .my-work .body{margin-top:-20px;margin-bottom:40px}.portfolio .infoSection .container{max-width:43rem;width:100%;display:flex;align-items:center;flex-direction:column}.portfolio .infoSection .info{display:flex;justify-content:center;margin-top:32px;gap:30px}.portfolio .infoSection .info-counter{display:flex;align-items:center;flex-direction:column-reverse;gap:10px}.portfolio .infoSection .info-counter .label{font-family:GeneralSans Medium;font-size:.875rem;color:rgb(55 65 81);text-transform:uppercase}.portfolio .infoSection .info-counter .value{font-family:GeneralSans Bold;font-size:1.875rem;color:#dc2626}.portfolio .infoSection .work-grid{gap:40px;margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:1920px}.portfolio .infoSection .work-item{flex:0.1 1 calc(50% - 40px);display:flex;flex-direction:column;overflow:hidden;background:#fff;text-decoration:none;transition:transform .3s ease;position:relative;width:100%;height:500px}.portfolio .infoSection .work-item:hover .work-image{transform:scale(1.05);filter:brightness(.8)}.portfolio .infoSection .work-item:hover :after{width:100px}.portfolio .infoSection .work-item .image-container{position:relative;width:100%;height:100%;overflow:hidden}.portfolio .infoSection .work-image{width:100%;height:auto;object-fit:cover;transition:.5s ease}.portfolio .infoSection .work-info{display:flex;flex-direction:column;align-items:start;padding:70px 20px 20px;gap:10px;position:absolute;bottom:0;width:100%;z-index:1;opacity:.8;transition:.2s}.portfolio .infoSection .work-item:hover .work-info{opacity:1;transition:.5s ease}.portfolio .infoSection .work-info:before{content:"";position:absolute;bottom:0;left:0;background-image:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0));opacity:.7;width:100%;height:100%;z-index:-1}.portfolio .infoSection .work-info:after{content:"";width:60px;height:2px;margin-top:5px;background-color:#dc2626;transition:.5s ease}.portfolio .infoSection .work-title{font-family:GeneralSans SemiBold;font-size:1.5rem;color:#fff;margin:0;text-transform:uppercase}.portfolio .infoSection .work-location{font-family:GeneralSans Medium;font-size:.875rem;margin:0;color:rgba(255,255,255,.603);text-transform:uppercase}.loading_screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;opacity:1;visibility:visible;z-index:99999;transition:opacity .5s ease,visibility .5s ease}.loading_screen.hidden{opacity:0;visibility:hidden}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media only screen and (max-width:1300px){.portfolio .infoSection .work-item{height:350px}}@media only screen and (max-width:1000px){.portfolio .infoSection .work-item{flex:.1 calc(100% - 40px)}}@media only screen and (max-width:700px){.slick-dots{visibility:hidden}.portfolio .main .main-info h1{font-size:4rem}.portfolio .main .main-info p{font-size:1.5rem}}@media only screen and (max-width:600px){.portfolio .my-work{padding:96px 20px;overflow:hidden}.portfolio .infoSection .work-title{text-align:left;font-size:1rem}.portfolio .infoSection .work-location{text-align:left;font-size:.8rem}.portfolio .infoSection .work-info{gap:5px;padding:70px 15px 15px}.portfolio .infoSection .work-grid{width:calc(100% + 80px);gap:20px}.portfolio .infoSection .work-item{height:300px}}