.cards-projects-area{display:grid;padding-top:50px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:35px;gap:35px}.single-project-card{transition:all .5s ease-in}.single-project-card:hover{transform:translateY(-3px);transition:all .3s ease-in}.card-image-container{height:200px;position:relative;overflow:hidden;border-radius:10px}.card-image-container img{object-fit:cover}.project-card-title{color:var(--dark-green);font-weight:500;font-size:17px;padding-top:8px;font-family:var(--font-primary);text-decoration:none}.info-area{padding-top:20px;color:var(--gray-text);display:flex;flex-direction:column;gap:6px}.info-element{font-family:var(--font-primary);font-size:12px;display:flex}.info-element .box-1{width:50%}.badge-area-card-project{position:absolute;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;top:16px;left:16px;justify-content:space-between;padding:11px;background-color:rgba(255,255,255,.9);border-radius:5px;z-index:10;font-family:var(--font-primary);font-weight:500;color:var(--dark-green);font-size:11px}.status-open{background-color:rgb(34,170,153)}.status-closed,.status-open{width:6px;height:6px;border-radius:100%;margin-right:10px}.status-closed{background-color:rgb(160,160,160)}.progress-card{padding-top:10px;font-family:var(--font-secondary);font-size:11px;color:var(--gray-text)}.progress-container{width:100%;background-color:#f0f0f0;border-radius:10px;overflow:hidden;margin-bottom:10px;height:8px}.progress-bar{height:100%;background-color:rgb(34,170,153);width:0;transition:width .4s ease}.progress-info{display:flex;justify-content:space-between;color:#333}.button-card{display:block;width:-moz-fit-content;width:fit-content;margin-top:20px;text-align:center;font-size:12px}.single-project-area{display:flex;padding-top:200px;gap:45px}.single-project-area .left-side{width:30%;display:flex;flex-direction:column}.single-project-area .left-side .sticky-box{position:-webkit-sticky;position:sticky;top:20%;display:flex;flex-direction:column;gap:20px}.single-project-area .left-side .contact-box{background-color:var(--bg-gray);padding:15px;border-radius:5px}.single-project-area .left-side .contact-box .box-1{display:flex;justify-content:space-around;align-items:center}.single-project-area .left-side .button-text{font-family:var(--font-primary);font-size:13px;display:flex;gap:5px;padding-top:10px;padding-bottom:2px;align-items:center;color:var(--dark-green);border-bottom:1px solid var(--dark-green)}.single-project-area .left-side .image-container{position:relative;height:50px;width:50px;border-radius:50%;overflow:hidden}.single-project-area .right-side{width:70%}.page-image-container{height:340px;position:relative;overflow:hidden;border-radius:10px}.page-image-container img{object-fit:cover}.single-project-area .area-details{padding-top:20px;font-family:var(--font-primary);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px}.single-project-area .right-side .icon-container{border-radius:50%;background-color:var(--bg-gray);display:flex;width:20px;height:25px;padding:20px;align-items:center;justify-content:center}.single-project-area .right-side .icon-container img{width:20px;height:20px;filter:invert(19%) sepia(23%) saturate(1394%) hue-rotate(152deg) brightness(99%) contrast(95%);opacity:.6}.single-project-area .area-details .element{display:flex;gap:20px;align-items:center;justify-content:flex-start}.single-project-area .area-details .info-container{display:flex;flex-direction:column}.single-project-area .time-box{font-family:var(--font-primary);color:var(--dark-green);font-weight:500;margin-block:20px;padding:40px 20px;text-align:left;font-size:20px;display:flex;align-items:center;justify-content:space-around;gap:20px;border-block:solid 1px var(--light-gray)}.single-project-area .time-box img{width:40px;filter:invert(100%) sepia(1%) saturate(6551%) hue-rotate(179deg) brightness(90%) contrast(106%)}.single-project-area .main-result-profit{font-size:70px;color:white;font-weight:700;font-family:var(--font-secondary)}.single-project-area .profit-subtitle{color:white;font-family:var(--font-primary)}.single-project-area .profit-result-box{padding-top:45px;display:flex;flex-direction:column;align-items:center;gap:10px}.single-project-area .profit-currency{font-family:var(--font-secondary);color:white}@media (max-width:1200px){.single-project-area{padding-top:100px}}@media (max-width:1000px){.single-project-area .left-side .contact-box .box-1{flex-direction:column;gap:20px;padding-block:20px}}@media (max-width:900px){.single-project-area{flex-direction:column-reverse}.single-project-area .left-side,.single-project-area .right-side{width:100%}.left-side .name-area{display:flex;flex-direction:column;align-items:center}.single-project-area .left-side .image-container{height:70px;width:70px}.single-project-area .main-result-profit{font-size:40px}}@media (max-width:600px){.single-project-area{padding-top:50px}}