.african-agent-section{width:100%;margin-bottom:15px;padding:0 15px}.african-agent-section section{border:1px solid #e7e7e7;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;padding:120px 300px;display:flex}.african-agent-section section .h1-content h1{text-align:center;color:#292929;font-family:Nova Klasse,sans-serif;font-size:36px;font-weight:400;line-height:38px}.african-agent-section section .h1-content .wrap{align-items:center;gap:3px;display:flex}.african-agent-section section .agents{flex-direction:row;align-items:center;display:flex}.african-agent-section section .agents .agent-card{filter:drop-shadow(0 3px 12px #00000040);border:5px solid #f5f5ed;border-radius:12px;width:100px;height:90px;margin-right:-5px;overflow:hidden;transform:rotate(-6deg)}.african-agent-section section .agents .agent-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.african-agent-section section .agents .agent-card:nth-child(2){transform:rotate(-12deg)}.african-agent-section section .agents .agent-card:nth-child(3){transform:rotate(12deg)}.african-agent-section section .agents .agent-card:nth-child(4){transform:rotate(-12deg)}.african-agent-section section .agents .agent-card:nth-child(5){transform:rotate(6deg)}.african-agent-section section p{text-align:center;color:#292929;max-width:402px;font-size:21px;font-weight:600;line-height:24px}.african-agent-section section .buttons-container{justify-content:center;align-items:center;gap:10px;height:42px;display:flex}.african-agent-section section .buttons-container .tag-btn{cursor:pointer;background:#c4f92866;border:.5px solid #075143;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:fit-content;height:100%;padding:10px 30px 16px;display:flex}.african-agent-section section .buttons-container .tag-btn .txt{text-align:center;letter-spacing:.01em;color:#041915;font-size:16px;font-weight:700;line-height:24px}.african-agent-section section .buttons-container .tag-btn.nxt{background:#041915;border:none;gap:10px;padding:10px 30px 16px}.african-agent-section section .buttons-container .tag-btn.nxt .txt{color:#fff}@media (max-width:575px){.african-agent-section{margin-bottom:10px;padding:0 10px}.african-agent-section section{border-radius:30px;gap:20px;padding:120px 30px}.african-agent-section section .h1-content{margin-bottom:40px}.african-agent-section section .h1-content h1{font-size:21px;font-weight:400;line-height:22px}.african-agent-section section .h1-content .wrap{flex-wrap:wrap;justify-content:center;gap:3px}.african-agent-section section .h1-content .wrap img{width:47px!important;height:22px!important}.african-agent-section section .agents .agent-card{border-width:3.73px;border-radius:8.96px;width:74.6973px;height:67.2276px;margin-right:-15px}.african-agent-section section p{max-width:310px;font-size:18px;font-weight:600;line-height:21px}.african-agent-section section .buttons-container{height:auto}.african-agent-section section .buttons-container .tag-btn{border-radius:12px;height:38px;padding:10px 20px 16px}.african-agent-section section .buttons-container .tag-btn .txt{letter-spacing:.01em;font-size:14px;font-weight:700;line-height:16px}}@media (min-width:576px) and (max-width:769px){.african-agent-section{padding:0 10px}.african-agent-section section{border-radius:24px;gap:28px;padding:60px 24px}.african-agent-section section .h1-content h1{font-size:26px;line-height:30px}.african-agent-section section .h1-content .wrap{flex-wrap:wrap;justify-content:center;gap:4px}.african-agent-section section .h1-content .wrap img{width:56px!important;height:26px!important}.african-agent-section section .agents .agent-card{border-width:4px;border-radius:10px;width:72px;height:65px;margin-right:-6px}.african-agent-section section p{max-width:320px;font-size:17px;line-height:22px}.african-agent-section section .buttons-container{height:auto}.african-agent-section section .buttons-container .tag-btn{border-radius:10px;padding:10px 22px 14px}.african-agent-section section .buttons-container .tag-btn .txt{font-size:14px;line-height:20px}}@media (min-width:769px) and (max-width:991px){.african-agent-section{padding:0 12px}.african-agent-section section{border-radius:28px;gap:32px;padding:80px 60px}.african-agent-section section .h1-content h1{font-size:30px;line-height:34px}.african-agent-section section .h1-content .wrap{flex-wrap:wrap;justify-content:center;gap:4px}.african-agent-section section .h1-content .wrap img{width:66px!important;height:30px!important}.african-agent-section section .agents .agent-card{border-width:4px;width:86px;height:78px;margin-right:-5px}.african-agent-section section p{max-width:360px;font-size:19px;line-height:23px}.african-agent-section section .buttons-container{height:auto}.african-agent-section section .buttons-container .tag-btn{padding:10px 26px 14px}.african-agent-section section .buttons-container .tag-btn .txt{font-size:15px}}@media (min-width:992px) and (max-width:1102px){.african-agent-section section{gap:36px;padding:100px 120px}.african-agent-section section .h1-content h1{font-size:33px;line-height:36px}.african-agent-section section .h1-content .wrap img{width:70px!important;height:32px!important}.african-agent-section section .agents .agent-card{width:94px;height:85px}.african-agent-section section p{font-size:20px;line-height:23px}}
.handle-errand-section{width:100%;margin-bottom:15px;padding:0 15px}.handle-errand-section section{background:#f5f5ed;border:1px solid #e7e7e7;border-radius:36px;justify-content:center;align-items:center;gap:60px;width:100%;height:486px;padding:60px;display:flex;position:relative;overflow:hidden}.handle-errand-section section .left-section{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:30px;max-width:403px;height:100%;padding:0;display:flex}.handle-errand-section section .left-section h2{color:#292929;font-family:Nova Klasse,sans-serif;font-size:21px;font-weight:400;line-height:22px}.handle-errand-section section .left-section .errands-container{flex-direction:column;align-items:flex-start;gap:5px;width:100%;display:flex}.handle-errand-section section .left-section .errands-container .errand{border:1px solid #e7e7e7;border-radius:15px;align-items:center;gap:20px;width:100%;height:50px;padding:5px;display:flex}.handle-errand-section section .left-section .errands-container .errand .no{background:#c4f92866;border:1px solid #e7e7e7;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:48px;height:40px;display:flex}.handle-errand-section section .left-section .errands-container .errand .no .txt{letter-spacing:.01em;color:#292929;opacity:.8;font-family:Nova Klasse,sans-serif;font-size:10px;font-weight:400;line-height:24px}.handle-errand-section section .left-section .errands-container .errand p{letter-spacing:.01em;color:#292929;flex:1;font-size:15px;font-weight:600;line-height:19px}.handle-errand-section section .right-section{background:url(https://storage.googleapis.com/midddleman-website-assets/errand-img_duxje3.png) 0 0/cover no-repeat;border-radius:36px;flex:1;justify-content:flex-end;align-items:flex-end;height:100%;padding:10px;display:flex}.handle-errand-section section .right-section .filter-container{background:#f5f5ed;border-radius:24px;justify-content:space-between;align-items:center;gap:15px;width:278px;padding:20px;display:flex}.handle-errand-section section .right-section .filter-container .filter-icon{width:40px;height:40px;position:relative}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar{background:#2d2d2d;border-radius:20px;width:40px;height:4px;position:absolute;left:0}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar:first-child{top:4px}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar:nth-child(2){top:18px}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar:nth-child(3){top:32px}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar .filter-disc{background:#2d2d2d;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:-5px;left:0}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar .filter-disc .filter-disc-dot{pointer-events:none;background:#fff;border-radius:50%;flex-shrink:0;width:5px;height:5px}.handle-errand-section section .right-section .filter-container p{color:#292929;max-width:183px;font-family:Nova Klasse,sans-serif;font-size:12px;font-weight:400;line-height:14px}@media (max-width:575px){.handle-errand-section{margin-bottom:10px;padding:0 10px}.handle-errand-section section{border-radius:30px;flex-direction:column-reverse;gap:60px;height:auto;padding:20px}.handle-errand-section section .left-section{gap:20px;max-width:100%;height:auto}.handle-errand-section section .left-section h2{font-size:18px;line-height:19px}.handle-errand-section section .left-section .errands-container{gap:5px}.handle-errand-section section .left-section .errands-container .errand{border-radius:15px;gap:16px;height:auto;min-height:50px;padding:5px}.handle-errand-section section .left-section .errands-container .errand p{font-size:14px;line-height:16px}.handle-errand-section section .right-section{border-radius:20px;width:100%;min-height:366px}.handle-errand-section section .right-section .filter-container{border-radius:12px;gap:10px;width:fit-content;padding:13.24px}.handle-errand-section section .right-section .filter-container .filter-icon{width:26.48px;height:26.48px;position:relative}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar{background:#2d2d2d;border-radius:13px;width:26.48px;height:2.65px;position:absolute;left:0}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar:first-child{top:2.65px}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar:nth-child(2){top:11.92px}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar:nth-child(3){top:21.19px}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar .filter-disc{background:#2d2d2d;border-radius:50%;justify-content:center;align-items:center;width:9.27px;height:9.27px;display:flex;position:absolute;top:-3.31px;left:0}.handle-errand-section section .right-section .filter-container .filter-icon .filter-bar .filter-disc .filter-disc-dot{pointer-events:none;background:#fff;border-radius:50%;flex-shrink:0;width:3.31px;height:3.31px}.handle-errand-section section .right-section .filter-container p{color:#292929;max-width:121.17px;font-size:7.94539px;font-weight:400;line-height:9px}}@media (min-width:576px) and (max-width:769px){.handle-errand-section{padding:0 10px}.handle-errand-section section{border-radius:28px;flex-direction:column-reverse;gap:28px;height:auto;padding:40px 24px}.handle-errand-section section .left-section{gap:22px;max-width:100%;height:auto}.handle-errand-section section .left-section h2{font-size:19px;line-height:23px}.handle-errand-section section .left-section .errands-container .errand{gap:14px;height:auto;min-height:48px;padding:8px 5px}.handle-errand-section section .left-section .errands-container .errand p{font-size:14px;line-height:18px}.handle-errand-section section .right-section{border-radius:28px;width:100%;min-height:280px}.handle-errand-section section .right-section .filter-container{border-radius:20px;width:260px;padding:16px}.handle-errand-section section .right-section .filter-container p{height:auto;font-size:11px;line-height:13px}}@media (min-width:769px) and (max-width:991px){.handle-errand-section{padding:0 12px}.handle-errand-section section{border-radius:30px;gap:32px;height:486px;padding:40px}.handle-errand-section section .left-section{max-width:340px}.handle-errand-section section .left-section h2{font-size:19px;line-height:23px}.handle-errand-section section .left-section .errands-container .errand{height:auto;min-height:48px;padding:8px 5px}.handle-errand-section section .left-section .errands-container .errand p{font-size:13px;line-height:17px}.handle-errand-section section .right-section{border-radius:28px}.handle-errand-section section .right-section .filter-container{border-radius:18px;gap:10px;width:220px;padding:14px}.handle-errand-section section .right-section .filter-container p{max-width:140px;height:auto;font-size:11px;line-height:13px}}
.sourcing-section{z-index:1;width:100%;height:350vh;margin:15px 0 calc(100px - 100vh);padding:0 15px;position:relative}.sourcing-sticky{z-index:1;position:sticky;top:15px}.sourcing-sticky section{background:#f5f5ed;border:1px solid #e7e7e7;border-radius:36px;justify-content:space-between;width:100%;height:calc(100vh - 30px);max-height:100vh;padding-right:16px;display:flex;position:relative;overflow:hidden}.sourcing-sticky section .content-title{flex-shrink:0;align-self:flex-start;max-width:55%;padding:30px}.sourcing-sticky section .content-title h1{max-width:690px;font-family:Nova Klasse,sans-serif;font-size:30px;font-weight:400;line-height:36px}.sourcing-sticky section .products-scroll-wrapper{flex-shrink:0;width:320px;height:100%;position:relative;overflow:hidden}.sourcing-sticky section .products-container{will-change:transform;flex-direction:column;gap:10px;width:100%;margin-bottom:100px;padding-top:20px;display:flex}.sourcing-sticky section .products-container .intro-product-card{background:#c4f92866;border:1px solid #e7e7e7;border-radius:24px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:10px;width:281px;height:320px;padding:50px;display:flex}.sourcing-sticky section .products-container .intro-product-card p{color:#292929;font-size:21px;font-weight:400;line-height:21px}.sourcing-sticky section .products-container .intro-product-card h3{color:#292929;font-family:Nova Klasse,sans-serif;font-size:21px;font-weight:400;line-height:21px}@media (max-width:575px){.sourcing-section{height:550vh;margin-bottom:calc(80px - 100vh);padding:0 8px}.sourcing-sticky{top:8px}.sourcing-sticky section{border-radius:24px;flex-direction:column;justify-content:space-between;align-items:stretch;padding-right:0}.sourcing-sticky section .content-title{flex-shrink:0;max-width:100%;padding:22px 20px 0}.sourcing-sticky section .content-title h1{font-size:22px;line-height:28px}.sourcing-sticky section .products-scroll-wrapper{flex-shrink:0;width:100%;height:280px;overflow:visible}.sourcing-sticky section .products-container{flex-direction:row;align-items:flex-start;gap:10px;width:max-content;height:100%;margin-bottom:0;padding-top:0;padding-left:12px}.sourcing-sticky section .products-container .intro-product-card{border-radius:16px;flex-shrink:0;width:180px;height:260px;padding:20px 16px}.sourcing-sticky section .products-container .intro-product-card p,.sourcing-sticky section .products-container .intro-product-card h3{font-size:13px;line-height:17px}}@media (min-width:576px) and (max-width:769px){.sourcing-section{height:550vh;margin-bottom:calc(90px - 100vh);padding:0 10px}.sourcing-sticky{top:10px}.sourcing-sticky section{border-radius:28px;flex-direction:column;justify-content:space-between;align-items:stretch;padding-right:0}.sourcing-sticky section .content-title{flex-shrink:0;max-width:100%;padding:26px 24px 0}.sourcing-sticky section .content-title h1{font-size:24px;line-height:30px}.sourcing-sticky section .products-scroll-wrapper{flex-shrink:0;width:100%;height:300px;overflow:visible}.sourcing-sticky section .products-container{flex-direction:row;align-items:flex-start;gap:12px;width:max-content;height:100%;margin-bottom:0;padding-top:0;padding-left:16px}.sourcing-sticky section .products-container .intro-product-card{border-radius:20px;flex-shrink:0;width:210px;height:280px;padding:24px 20px}.sourcing-sticky section .products-container .intro-product-card p,.sourcing-sticky section .products-container .intro-product-card h3{font-size:15px;line-height:19px}}@media (min-width:769px) and (max-width:991px){.sourcing-section{margin-bottom:calc(95px - 100vh);padding:0 12px}.sourcing-sticky{top:12px}.sourcing-sticky section{border-radius:30px;padding-right:12px}.sourcing-sticky section .content-title{max-width:52%;padding:26px 22px}.sourcing-sticky section .content-title h1{font-size:26px;line-height:32px}.sourcing-sticky section .products-scroll-wrapper{width:260px}.sourcing-sticky section .products-container .intro-product-card{width:240px;height:280px;padding:36px}.sourcing-sticky section .products-container .intro-product-card p,.sourcing-sticky section .products-container .intro-product-card h3{font-size:18px}}
.product-card{width:281px;height:fit-content}.product-card.filled-product{width:100%}.product-card .card-img{border:1px solid var(--Default-Color-Gray,#c3c3c3);aspect-ratio:1;border-radius:24px;width:100%;position:relative;overflow:hidden}.product-card .card-img .product-img{width:100%;height:100%;display:block}.product-card .card-img .brand-img{position:absolute;top:10px;right:10px}.product-card .card-img .action{position:absolute;bottom:10px;right:10px}.product-card .card-img .action .container{cursor:pointer;background:#fff;border:1px solid #c3c3c3;border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.product-card .card-img .action .container .add{width:9px;height:9px}.product-card .card-img .action .container .cart path{fill:#c4f928}.product-card .content{text-transform:uppercase;padding:10px}.product-card .content h4{letter-spacing:.01em;color:#464646;margin-bottom:5px;font-size:18px;font-weight:600;line-height:18px}.product-card .content p{color:#464646;letter-spacing:3px;font-size:14px;font-weight:600;line-height:14px}
.products-section{z-index:2;width:100%;margin-bottom:15px;padding:0 15px;position:relative}.products-section section{background:#fff;border:1px solid #e7e7e7;border-radius:36px;flex-direction:column;align-items:center;gap:15px;width:100%;padding:15px 15px 100px;display:flex;position:relative;overflow:hidden}.products-section section .intro{width:100%;padding-top:60px}.products-section section .intro h2{text-align:center;letter-spacing:.01em;color:#464646;margin-bottom:60px;font-family:Nova Klasse,sans-serif;font-size:24px;font-weight:400;line-height:25px}.products-section section .products-list{grid-template-columns:repeat(4,1fr);align-items:start;gap:15px;width:100%;display:grid}.products-section section .products-list .products-column{flex-direction:column;gap:15px;width:100%;display:flex}@media (max-width:575px){.products-section{margin-bottom:8px;padding:0 8px}.products-section section{border-radius:24px;gap:0;padding:0 12px 60px}.products-section section .intro{padding-top:30px}.products-section section .intro h2{text-align:center;margin-bottom:24px;font-size:20px;line-height:22px}.products-section section .products-list{flex-direction:column;gap:12px;display:flex}.products-section section .products-list .products-column{gap:12px;width:100%}.products-section section .products-list .products-column:first-child>:first-child{opacity:0!important;pointer-events:none!important;display:block!important}}@media (min-width:576px) and (max-width:769px){.products-section{margin-bottom:10px;padding:0 10px}.products-section section{border-radius:28px;padding:0 12px 80px}.products-section section .intro{padding-top:40px}.products-section section .intro h2{margin-bottom:40px;font-size:20px}.products-section section .products-list{grid-template-columns:repeat(2,1fr);gap:12px}.products-section section .products-list .products-column{gap:12px}}@media (min-width:769px) and (max-width:991px){.products-section{margin-bottom:12px;padding:0 12px}.products-section section{border-radius:30px;padding:0 14px 90px}.products-section section .intro{padding-top:50px}.products-section section .intro h2{margin-bottom:50px;font-size:22px}.products-section section .products-list{grid-template-columns:repeat(3,1fr);gap:13px}.products-section section .products-list .products-column:nth-child(4){display:none}.products-section section .products-list .products-column{gap:13px}}