.portfolio-slider-main{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:700px;top:-5px}.portfolio-slider-main::after{content:'';width:100%;height:100%;position:absolute;left:0;bottom:0;background-image:linear-gradient(to top,#000 11%,transparent)}.portfolio-slider-main-image-container{position:absolute;transition:transform .5s ease,opacity .5s ease;opacity:0;transform:scale(.8)}.portfolio-slider-main-image-container.active{opacity:1;transform:scale(.7);z-index:1}.portfolio-slider-main-image-content{font-size:4rem}.portfolio-slider-main-image-container.prev,.portfolio-slider-main-image-container.next{opacity:.8;transform:translateX(-50%) scale(.4)}.portfolio-slider-main-image-container.prev{transform:translateX(-50%) scale(.4)}.portfolio-slider-main-image-container.next{transform:translateX(50%) scale(.4)}.portfolio-slider-thumbnails{display:flex;justify-content:center;margin-top:0;position:relative;bottom:75px}.portfolio-slider-thumbnail{margin:0 5px;cursor:pointer;display:none}.portfolio-slider-thumbnail.active{display:block;z-index:1;filter:brightness(.9)}.portfolio-slider-thumbnail img{width:100px;border-radius:5px;opacity:.6;transition:opacity .3s}.portfolio-slider-thumbnail.active img{opacity:1}.portfolio-portfolio-Section{background-color:var(--light-bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 17%}#port-section-api{background-color:var(--light-bg-color-2)}.api-client-h1{margin-top:5px;margin-bottom:2%}.potfolio-Portfolio{width:100%;margin:0 auto;display:grid;place-items:center}.portfolio-Portfolio-content{display:flex;flex-wrap:wrap;gap:110px;justify-content:center;width:100%;max-width:90%}.portfolio-Portfolio-item{font-family:var(--font-family);position:relative;width:300px}.portfolio-Portfolio-image img{max-width:100%}.portfolio-Portfolio-description{margin-top:10px;color:var(--font-color)}.portfolio-Portfolio-description a{text-decoration:none;color:var(--font-color)}.portfolio-Portfolio-description a :hover{color:var(--main-color)}.portfolio-Portfolio-description h1{font-size:25px;font-family:var(--font-family);transition:.5s ease;display:flex;text-align:center;justify-content:center}.portfolio-Portfolio-description p{font-size:17px;font-family:var(--font-family);display:flex;text-align:justify}.api-client-h2{color:var(--font-color-2);font-family:var(--font-family);margin-bottom:2%;font-size:20px;font-weight:normal}@media(max-width:1800px){.potfolio-Portfolio{width:143%;margin:0}.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container .portfolio-slider-main-image-content h2{font-size:30px}}@media(max-width:1424px){.potfolio-Portfolio{width:150%}.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container .portfolio-slider-main-image-content h2{font-size:25px}.portfolio-slider-main-image-container.active{transform:scale(.7)}.portfolio-slider-main-image-container.prev{transform:translateX(-40%) scale(.35)}.portfolio-slider-main-image-container.next{transform:translateX(40%) scale(.35)}.portfolio-slider-main-image-content{display:none}}@media(max-width:1390px){.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container img{width:90%}.portfolio-slider-secondary-image-container{bottom:-100px;gap:0;left:50px}.portfolio-slider-secondary-image-container .portfolio-slider-main-image-container img{width:65%;height:45%}.portfolio-slider-main{height:450px}.portfolio-slider-main-image-container.active{transform:scale(.5)}.portfolio-slider-main-image-container.prev{transform:translateX(-30%) scale(.3)}.portfolio-slider-main-image-container.next{transform:translateX(30%) scale(.3)}.portfolio-slider-thumbnails{display:none}}@media(max-width:1067px){.portfolio-slider-secondary-image-container{left:100px}.portfolio-slider-main{height:400px}.portfolio-slider-main-image-container.active{transform:scale(.4)}.portfolio-slider-main-image-container.prev{transform:translateX(-20%) scale(.25)}.portfolio-slider-main-image-container.next{transform:translateX(20%) scale(.25)}}@media(max-width:991px){.portfolio-slider-secondary-image-container .portfolio-slider-main-image-container img{width:50%;height:35%}.portfolio-slider-main-image-container.active{transform:scale(.4)}.portfolio-slider-main-image-container.prev{transform:translateX(-20%) scale(.25)}.portfolio-slider-main-image-container.next{transform:translateX(20%) scale(.25)}}@media(max-width:849px){.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container img{width:100%;object-fit:unset}.portfolio-slider-secondary-image-container{display:none}.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container .portfolio-slider-main-image-content h2{font-size:45px}.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container .portfolio-slider-main-image-content{margin-top:-7%}.portfolio-slider-main{height:300px}.portfolio-slider-main-image-container.active{transform:scale(.35)}.portfolio-slider-main-image-container.prev{transform:translateX(-20%) scale(.15)}.portfolio-slider-main-image-container.next{transform:translateX(20%) scale(.15)}.api-client-h1{margin-top:-20px}.api-client-h2{font-size:15px}}@media screen and (max-width:796px){.portfolio-Portfolio-content{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;padding:0 20px;-ms-overflow-style:none;scrollbar-width:none;gap:0}.portfolio-Portfolio-content::-webkit-scrollbar{display:none}.portfolio-Portfolio-item{flex-shrink:0;margin-right:20px;box-shadow:0 1rem 1rem -2px rgba(0,0,0,.28);border-bottom:2px solid #ececec}.portfolio-Portfolio-item:last-child{margin-right:0}.portfolio-Portfolio-description{min-height:28%;padding:2%}}@media(max-width:617px){.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container img{height:90%}.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container::after{background-image:linear-gradient(to top,#000 20%,transparent)}.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container .portfolio-slider-main-image-content h2{font-size:40px}.portfolio-slider-main{height:250px}.portfolio-slider-main-image-container.active{transform:scale(.25)}.portfolio-slider-main-image-container.prev{transform:translateX(-15%) scale(.15)}.portfolio-slider-main-image-container.next{transform:translateX(15%) scale(.15)}}@media screen and (max-width:496px){.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container .portfolio-slider-main-image-content{margin-top:0%}.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container img{height:80%}.portfolio-slider-main-image-container.active{transform:scale(.25)}.portfolio-slider-main-image-container.prev{transform:translateX(-15%) scale(.15)}.portfolio-slider-main-image-container.next{transform:translateX(15%) scale(.15)}}@media(max-width:450px){.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container .portfolio-slider-main-image-content h2{font-size:30px}.portfolio-slider-main-image-container.active{transform:scale(.22)}.portfolio-slider-main-image-container.prev{transform:translateX(-13%) scale(.1)}.portfolio-slider-main-image-container.next{transform:translateX(13%) scale(.1)}.api-client-h2{font-size:10px}}@media(max-width:375px){.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container .portfolio-slider-main-image-content h2{font-size:20px}.portfolio-slider-main-image-container.active{transform:scale(.2)}.portfolio-slider-main-image-container.prev{transform:translateX(-10%) scale(.1)}.portfolio-slider-main-image-container.next{transform:translateX(10%) scale(.1)}.portfolio-Portfolio-item{width:260px}}@media screen and (max-width:303px){.portfolio-Portfolio-item{width:200px}.portfolio-slider-main{height:150px}.portfolio-slider-main-image-container.active{transform:scale(.15)}.portfolio-slider-main-image-container.prev{transform:translateX(-10%) scale(.1)}.portfolio-slider-main-image-container.next{transform:translateX(10%) scale(.1)}}@media screen and (max-width:283px){.portfolio-slider .portfolio-slider-main-image .portfolio-slider-main-image-container .portfolio-slider-main-image-content h2{font-size:20px}.home-content .companyNameField{font-size:20px}.portfolio-slider-main-image-container.active{transform:scale(.15)}.portfolio-slider-main-image-container.prev{transform:translateX(-10%) scale(.1)}.portfolio-slider-main-image-container.next{transform:translateX(10%) scale(.1)}}@media screen and (max-width:240px){.portfolio-slider-main-image-container.active{transform:scale(.14)}.portfolio-slider-main-image-container.prev{transform:translateX(-10%) scale(.1)}.portfolio-slider-main-image-container.next{transform:translateX(10%) scale(.1)}}