@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap);.client-section{opacity:0;position:relative;text-align:center;transform:translateY(60px);transition:opacity 1s ease,transform 1s ease}.client-section.animate-in{opacity:1;transform:translateY(0)}.client-section.animate-in .header-line{transform:scaleX(1)}.wrapper-container{opacity:0;position:relative;text-align:center;transform:translateY(60px);transition:opacity 1s ease,transform 1s ease}.wrapper-container.animate-in{opacity:1;transform:translateY(0)}.wrapper-container.animate-in .header-line{transform:scaleX(1)}.procurement-wrapper{align-items:center;background:linear-gradient(#f8f9fa);display:flex;justify-content:center;min-height:600px;opacity:0;overflow:hidden;padding:5rem 1rem;position:relative;transition:opacity 1s ease}.procurement-wrapper.visible{opacity:1}.background-gradient{background:linear-gradient(135deg,#fff,#f5f5f5 50%,#f0f0f0);z-index:-2}.background-gradient,.floating-particles{height:100%;left:0;position:absolute;top:0;width:100%}.floating-particles{overflow:hidden;z-index:-1}.particle{animation:float 15s linear infinite;background:#f4b31c33;border-radius:50%;height:6px;position:absolute;width:6px}.particle:nth-child(2n){background:#fcc136a8;height:8px;width:8px}.particle:nth-child(3n){background:#fcc13666;height:4px;width:4px}.particle:nth-child(4n){background:#00000030;height:10px;width:10px}@keyframes float{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) translateX(100px)}}.particle:first-child{animation-delay:0s;animation-duration:20s;left:10%}.particle:nth-child(2){animation-delay:1s;animation-duration:18s;left:20%}.particle:nth-child(3){animation-delay:2s;animation-duration:16s;left:30%}.particle:nth-child(4){animation-delay:.5s;animation-duration:19s;left:40%}.particle:nth-child(5){animation-delay:1.5s;animation-duration:17s;left:50%}.particle:nth-child(6){animation-delay:2.5s;animation-duration:15s;left:60%}.particle:nth-child(7){animation-delay:.2s;animation-duration:22s;left:70%}.particle:nth-child(8){animation-delay:1.2s;animation-duration:21s;left:80%}.particle:nth-child(9){animation-delay:2.2s;animation-duration:20s;left:90%}.particle:nth-child(10){animation-delay:.8s;animation-duration:19s;left:15%}.particle:nth-child(11){animation-delay:1.8s;animation-duration:18s;left:25%}.particle:nth-child(12){animation-delay:2.8s;animation-duration:17s;left:35%}.particle:nth-child(13){animation-delay:.3s;animation-duration:16s;left:45%}.particle:nth-child(14){animation-delay:1.3s;animation-duration:15s;left:55%}.particle:nth-child(15){animation-delay:2.3s;animation-duration:14s;left:65%}.particle:nth-child(16){animation-delay:.7s;animation-duration:23s;left:75%}.particle:nth-child(17){animation-delay:1.7s;animation-duration:22s;left:85%}.particle:nth-child(18){animation-delay:2.7s;animation-duration:21s;left:95%}.particle:nth-child(19){animation-delay:.4s;animation-duration:20s;left:5%}.particle:nth-child(20){animation-delay:1.4s;animation-duration:19s;left:15%}.procurement-content{margin:0 auto;position:relative;width:100%;z-index:1}.procurement-header{margin-bottom:1rem;opacity:0;position:relative;text-align:center;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.procurement-header.animate-in{opacity:1;transform:translateY(0)}.procurement-header.animate-in .header-line{transform:scaleX(1)}.procurement-header h1{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;position:relative}.procurement-header h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b00,#ffb800);-webkit-background-clip:text!important}.procurement-header.animate-in .text-gradient:after{transform:scaleX(1)}.procurement-header p{color:#4a4a4a;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.6;margin:0 auto;max-width:800px;opacity:0;text-transform:capitalize;transform:translateY(20px);transition:opacity .8s ease .6s,transform .8s ease .6s}.procurement-header.animate-in p{opacity:1;transform:translateY(0)}.procurement-main{align-items:center;display:flex;gap:2rem;height:500px;justify-content:space-between;padding:1rem;width:100%!important}.procurement-image-section{flex:1;height:400px;perspective:1000px;position:relative;width:100%!important}.image-container{border-radius:16px;box-shadow:0 20px 40px #0000001a,0 8px 16px #fcc23626;cursor:pointer;height:400px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:transform .5s ease,box-shadow .5s ease;width:100%}.image-container:hover{box-shadow:0 25px 50px #00000026,0 10px 20px #fcc23633}.image-overlay{background:linear-gradient(135deg,#0006,#0000 50%);height:100%;left:0;top:0;width:100%;z-index:2}.image-overlay,.image-shine{pointer-events:none;position:absolute}.image-shine{animation:shine 8s linear infinite;background:linear-gradient(135deg,#fff0,#ffffff08 40%,#ffffff1a 50%,#ffffff08 60%,#fff0);height:300%;left:-100%;top:-100%;transform:rotate(45deg);width:300%;z-index:3}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.procurement-image{height:100%;object-fit:cover;position:absolute;transition:opacity .8s ease,transform 1.2s cubic-bezier(.23,1,.32,1);width:100%;z-index:1}.procurement-indicators{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.indicator{background-color:#1a1a1a1a;border:none;border-radius:4px;cursor:pointer;height:.5rem;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:2.5rem}.indicator:after{background:linear-gradient(90deg,#fcc236,#f90);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .5s ease;width:100%}.indicator.active{box-shadow:0 2px 8px #fcc2364d;width:3.5rem}.indicator.active:after{transform:translateX(0)}.procurement-accordion{display:flex;flex:1;flex-direction:column;gap:1rem;height:400px;width:100%!important}.accordion-item{animation:slideIn .6s forwards;background:#fff;border:1px solid #eaeaeacc;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;opacity:0;overflow:hidden;transform:translateX(50px);transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.procurement-wrapper.visible .accordion-item{animation-play-state:running}.accordion-item:hover{background:#fafafa;transform:translateX(4px) scale(1.01)}.accordion-item.active{background:#fff8e6;border-left:4px solid #fcc236;box-shadow:0 4px 12px #fcc2361a,0 2px 4px #0000000d}.accordion-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.header-content{align-items:center;display:flex;gap:1rem}.accordion-icon{stroke-width:1.5;color:#fcc236;transition:transform .3s ease,color .3s ease}.accordion-item.active .accordion-icon{transform:scale(1.2)}.accordion-header h2{color:#1a1a1a;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;margin:0;transition:color .3s ease}.accordion-item:hover .accordion-header h2{color:#fcc236}.accordion-icon-container{align-items:center;background:#fcc2361a;border-radius:50%;display:flex;height:32px;justify-content:center;transition:background .3s ease,transform .3s ease;width:32px}.accordion-item.active .accordion-icon-container{background:#fcc23633;transform:rotate(180deg)}.accordion-chevron{color:#fcc236;transition:transform .3s ease}.accordion-content{max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.accordion-content.expanded{max-height:300px}.accordion-content ul{list-style-type:none;margin:0;padding:0 1.3rem 1.3rem}.accordion-content li{color:#4a4a4a;font-family:Outfit,sans-serif;font-size:1rem;line-height:1.5;margin:.55rem 0;opacity:0;padding-left:1.7rem;position:relative;transform:translateX(-20px);transition:transform .3s ease,color .3s ease}.accordion-content li.animate-in{animation:fadeInRight .5s forwards}@keyframes fadeInRight{to{opacity:1;transform:translateX(0)}}.accordion-content li:hover{color:#1a1a1a;transform:translateX(4px)}.accordion-content li:before{color:#fcc236;content:"•";font-size:1.25rem;left:0;line-height:1;position:absolute}@media (max-width:1200px){.procurement-main{gap:2rem}.image-container{min-height:400px}}@media (max-width:968px){.procurement-wrapper{padding:0}.procurement-main{flex-direction:column;gap:3rem;padding:0!important}.procurement-accordion,.procurement-image-section{width:100%}.procurement-header h1{font-size:2rem;line-height:150%}.procurement-header p{font-size:1.125rem}.image-container{min-height:350px}.accordion-item{transform:translateY(30px)}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}}@media (max-width:640px){.procurement-main{flex-direction:column;gap:3rem;height:100%;padding:0!important}.procurement-wrapper{padding:3rem 1rem}.procurement-image-section{width:100%}.procurement-accordion{min-height:500px}.procurement-header{margin-bottom:2.5rem}.procurement-header h1{font-size:2rem}.procurement-header p{font-size:1rem}.image-container{min-height:300px}.accordion-header{padding:1.25rem}.accordion-content ul{padding:0 1.25rem 1.25rem}}@media (max-width:480px){.procurement-wrapper{min-height:700px;padding:2rem 1rem}.crane-image{display:none}.procurement-header h1{font-size:1.75rem}.image-container{min-height:250px}.header-content{gap:.5rem}.accordion-header h2{font-size:1.1rem}}.flowing-text-container{background:#0000;overflow:hidden;padding:1rem 0;position:relative;width:100%}.flowing-text-container:before{top:0}.flowing-text-container:after,.flowing-text-container:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0}.flowing-text-container:after{bottom:0}.flow-wrapper{padding:.5rem 0;position:relative;white-space:nowrap}.flow-content{animation-duration:calc(20s/var(--speed, 1));animation-iteration-count:infinite;animation-timing-function:linear;display:inline-block;white-space:nowrap;will-change:transform}.flow-left .flow-content{animation-name:flowLeft}.flow-right .flow-content{animation-name:flowRight}.flow-item{color:#000;display:inline-block;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:.05em;padding:0 .875rem;text-shadow:0 0 20px #ffffffba,0 0 40px #ffffffb5;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.flow-item:hover{color:#0073ff;cursor:pointer;text-shadow:0 0 20px #60a5fa66,0 0 40px #60a5fa33;transform:scale(1.1) translateY(-2px)}.separator{color:#ffa600a1;font-size:1.2rem;margin:0 1rem;vertical-align:middle}@media (max-width:768px){.flowing-text-container{padding:.5rem}.flow-item{font-size:1rem;padding:0 .2rem}.flow-wrapper{padding:.3rem}.separator{font-size:.8rem;margin:0 1rem}}@keyframes flowLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes flowRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.benefits-container{opacity:0;position:relative;text-align:center;transform:translateY(60px);transition:opacity 1s ease,transform 1s ease}.benefits-container.animate-in{opacity:1;transform:translateY(0)}.benefits-container.animate-in .header-line{transform:scaleX(1)}.why-mprocure-section.design1{margin-bottom:30px;overflow:hidden;position:relative}.why-mprocure-container{background-color:#f8f9fa;margin:0 auto;max-width:1300px;opacity:0;position:relative;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;z-index:1}.why-mprocure-container.animate-in{opacity:1;transform:translateY(0)}.why-mprocure-container.animate-in .header-line{transform:scaleX(1)}.section-heading{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;margin-bottom:50px;position:relative;text-align:center;text-transform:capitalize}.section-heading span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b00,#ffb800);-webkit-background-clip:text!important}.background-circle{border-radius:50%;opacity:.1;position:absolute;z-index:0}.circle1{background:linear-gradient(135deg,#ff6b00,#ffb800);height:300px;left:-100px;top:-100px;width:300px}.circle2{background:linear-gradient(135deg,#ffb800,#ff6b00);bottom:-200px;height:400px;right:-150px;width:400px}.circle3{background:linear-gradient(135deg,#f90,#ffd000);height:200px;right:10%;top:40%;width:200px}.achievement-grid{display:grid;gap:30px;grid-template-columns:repeat(3,1fr);justify-content:center;margin-bottom:30px}.achievement-card{background-color:#fff;border-bottom:3px solid #9095a0;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease;z-index:1}.card-inner{display:flex;flex-direction:column;height:100%;transition:transform .3s ease}.achievement-card:hover .card-inner{transform:translateY(-5px)}.card-image-container{overflow:hidden;position:relative}.card-image{cursor:pointer;height:250px;object-fit:cover;position:relative;transition:transform .5s ease;width:100%;z-index:0}.card-overlay{background:linear-gradient(180deg,#0000,#0000004d);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.achievement-card:hover .card-overlay{opacity:1}.achievement-card:hover .card-image{transform:scale(1.05)}.card-texts{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:24px;position:relative}.card-caption{color:#1a2b3c;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0;text-align:center}.pagination-controls{display:flex;gap:10px;justify-content:center;margin-top:30px}.pagination-arrow{background:#0000;border:none;color:#ff6b00;cursor:pointer;transition:color .3s ease}.pagination-arrow:hover{color:#0c0c0c}.pagination-dot{background-color:#ddd;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.pagination-dot.active{background:linear-gradient(90deg,#ff6b00,#ffb800);transform:scale(1.2)}@media (max-width:992px){.section-heading{font-size:2.5rem;margin-bottom:40px}.achievement-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.card-image{height:220px}}@media (max-width:768px){.why-mprocure-section{padding:30px 15px}.section-heading{font-size:2rem;margin-bottom:30px}.achievement-grid{gap:20px;grid-template-columns:1fr}.card-image{height:200px}}.materials-container{font-family:Outfit,sans-serif!important}.vendor-sub-container{opacity:0;position:relative;transform:translateY(60px);transition:opacity 1s ease,transform 1s ease}.vendor-sub-container.animate-in{opacity:1;transform:translateY(0)}.vendor-sub-container.animate-in .header-line{transform:scaleX(1)}.testimonial-section{opacity:0;position:relative;transform:translateY(60px);transition:opacity 1s ease,transform 1s ease}.testimonial-section.animate-in{opacity:1;transform:translateY(0)}.testimonial-section.animate-in .header-line{transform:scaleX(1)}.blog-section{opacity:0;position:relative;transform:translateY(60px);transition:opacity 1s ease,transform 1s ease}.blog-section.animate-in{opacity:1;transform:translateY(0)}.header-line{background:linear-gradient(90deg,#fcc236,#f90);border-radius:2px;height:5px;margin:0 auto 1.5rem;transform:scaleX(0);transition:transform 1s ease .5s;width:100px}.blog-section.animate-in .header-line{transform:scaleX(1)}.font-family{font-family:Outfit,sans-serif}