.grey_container::after,.grey_container::before{content:"";width:200px;height:350px;background:linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 100%)}.sub_container{display:flex;flex-direction:column;align-items:center;margin-top:5%}#portfolio_page_container .guarantee_text_container{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:5rem}#guarantee_text1{font-family:var(--poppins-font);color:var(--matt-black);font-size:3rem;font-weight:700;line-height:normal;text-align:center}.black-dashed_lines{display:flex;gap:.3rem;height:1rem;overflow:hidden}.black-dashed_line1,.black-dashed_line2{height:7px;background-color:var(--primary-green);border-radius:.4rem}.black-dashed_line1{width:55px}.black-dashed_line2{width:15px}.grey_container,.white_container{position:relative;width:100%;display:flex}.white_container{height:50vh;align-items:center;justify-content:center}.grey_container{height:70vh;background-color:#2e343f;align-items:center;justify-content:center}.bottom_left_pattern,.top_right_pattern{width:auto;height:fit-content;position:absolute;z-index:-1}.grey_container::before{position:absolute;top:0;left:0;border-bottom-right-radius:15px}.grey_container::after{position:absolute;bottom:0;right:0;border-top-left-radius:15px}.top_right_pattern{right:5%;top:-20%}.bottom_left_pattern{bottom:-20%;left:10%}.card-left,.card-right{position:absolute;box-shadow:0 8px 20px rgba(0,0,0,.1);overflow:hidden;z-index:1;font-family:var(--poppins-font)}.card-left{top:40%;display:flex;width:80%;height:55%;background-color:#fff;border-radius:10px}.dots-container{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;justify-content:center}.dot{width:10px;height:10px;margin:0 5px;border-radius:50%;background-color:#333;cursor:pointer;border:1px solid #ccc}.dot.active-dot{background-color:var(--primary-green)}.card-left .left-section,.card-right .right-section{position:relative;display:flex;align-items:center;justify-content:center;width:10%}.card-left .vertical-text,.card-right .vertical-text{transform:rotate(-90deg);transform-origin:center;font-size:38px;font-weight:700;color:#6c757d;letter-spacing:2px;text-align:center}.card-left .image-section,.card-right .image-section{width:60%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.card-left .image-section img{height:100%;transition:width .75s,filter .3s;background:#333}.card-right .image-section img{height:100%;transition:width .75s,filter .3s;background:#fff}.card-left .image-section img.autoplaying,.card-right .image-section img.autoplaying{transition:none}.card-left .image-section img.overlay{position:relative;background:#333}.card-right .image-section img.overlay{position:relative;background:#fff}.card-left .right-section{padding:40px;flex:1;display:flex;flex-direction:column;justify-content:center;width:30%}.card-left .right-section h2{font-size:26px;margin:0;color:#333}.card-left .right-section p{margin:20px 0;font-size:18px;color:#6c757d;line-height:1.6}.card-left .view-project-button,.card-right .view-project-button{display:inline-block;padding:10px 20px;font-size:1rem;font-weight:700;color:var(--white);text-decoration:none;text-align:center;transition:.3s;width:fit-content;cursor:pointer;background:var(--primary-blue);border-radius:.625rem;white-space:nowrap;font-family:var(--poppins-font)}.card-left .view-project-button:hover,.card-right .view-project-button:hover{background-color:var(--primary-green);color:var(--primary-blue)}.card-right{top:43%;display:flex;width:80%;height:85%;background-color:#fff;border-radius:10px}.card-right .left-section{padding:25px;flex:1;display:flex;flex-direction:column;justify-content:center;width:30%}.card-right .left-section h2{font-size:28px;margin:0;color:#333}.card-right .left-section p{margin:20px 0;font-size:16px;color:#6c757d;line-height:1.6}.seventh-section{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:25vh}@media screen and (max-width:1600px){.card-left .vertical-text,.card-right .vertical-text{font-size:36px}.card-left .right-section p{font-size:16px}.card-left .right-section h2,.card-right .left-section h2{font-size:20px}.card-left .right-section{padding:10px 15px}.card-left{height:50%}}@media screen and (max-width:1200px){.card-left .vertical-text,.card-right .vertical-text{font-size:30px}.card-left .right-section p{font-size:14px}.card-left,.card-right{width:95%}}@media screen and (max-width:1025px){.mobile-card-left{display:flex!important}.card-left,.card-right{display:flex;flex-direction:column;align-items:center;width:94%;max-width:580px;height:auto;padding:20px}.card-left .right-section,.card-right .left-section{padding:15px 0 0;width:100%}.card-left .image-section,.card-right .image-section{width:100%;height:330px;box-shadow:2px 0 3px 0 #0000006E}.card-left .image-section img,.card-right .image-section img{box-shadow:none}.card-left .vertical-text,.card-right .vertical-text{transform:rotate(0);text-align:center;font-size:24px;padding-bottom:6px}.card-right .left-section{order:3}.card-right .right-section{order:1}.card-right .image-section{order:2}.grey_container{min-height:90vh!important}.card-left .right-section p,.card-right .left-section p{margin-top:10px;font-size:11px}.bottom_left_pattern,.top_right_pattern{display:none}#guarantee_text1{font-size:2.2rem}.card-right{top:43%}.sub_container{max-height:600px!important}.sub_container .card-left{top:30%!important}}@media screen and (min-width:1025px){.card-left,.card-right{min-height:430px;max-height:430px;max-width:1350px}}