.box-container{width:fit-content;height:fit-content;margin:0 7px;display:inline-block;position:relative}.box-container .blank-box{text-align:center;color:#000;background-color:#fff;border:2px solid #db7219;border-radius:50% 50% 20px 20px/15% 15% 45px 45px;width:fit-content;padding:10px 20px;position:relative}.box-container .blank-triangle{clip-path:polygon(0 100%,0 0,100% 0);background-color:#fff;border:2px solid #db7219;border-top-left-radius:5px;width:15px;height:12px;position:relative;bottom:10px;left:25px;transform:rotate(264deg)skew(41deg)skewY(-10deg)}.box-container .orange-box{text-align:center;color:#2d2d2d;background-color:#db7219;border:4px solid #db7219;border-radius:50% 50% 20px 20px/15% 15% 45px 45px;width:fit-content;padding:10px 20px;font-size:16px;font-weight:700;position:relative}.box-container .orange-triangle{clip-path:polygon(0 100%,0 0,100% 0);background-color:#db7219;border-top-left-radius:5px;width:25px;height:20px;position:relative;bottom:17px;left:20px;transform:rotate(256deg)skew(32deg)}.box-container .grey-box{text-align:center;color:#2d2d2d;background-color:#d5d5d5;border:4px solid #d5d5d5;border-radius:50% 50% 20px 20px/15% 15% 45px 45px;width:fit-content;padding:10px 20px;font-size:16px;font-weight:700;position:relative}.box-container .grey-triangle{clip-path:polygon(0 100%,0 0,100% 0);background-color:#d5d5d5;border-top-left-radius:5px;width:25px;height:20px;position:relative;bottom:17px;left:20px;transform:rotate(256deg)skew(32deg)}.box-container .orange-shadow-box{text-align:center;width:fit-content;font-size:16px;font-weight:800;font-family:var(--font-open-sans);color:#2d2d2d;background-color:#db7219;border:4px solid #db7219;border-radius:50% 50% 20px 20px/15% 15% 45px 45px;padding:10px 20px;position:relative;box-shadow:3px 3px #f4d4b9}.box-container .orange-triangle-wrap{filter:drop-shadow(3px 3px #f4d4b9);z-index:1}.box-container .orange-shadow-triangle{clip-path:polygon(0 100%,0 0,100% 0);background-color:#db7219;border-top-left-radius:5px;width:25px;height:20px;position:relative;bottom:15px;left:20px;transform:rotate(256deg)skew(32deg)}.box-container .green-shadow-box{text-align:center;width:fit-content;font-size:36px;font-family:var(--font-righteous);color:#fff;background-color:#00ad7a;border-radius:50% 50% 20px 20px/15% 15% 45px 45px;padding:7px 20px;position:relative;box-shadow:3px 3px #8cd4bf}.box-container .green-triangle-wrap{filter:drop-shadow(3px 3px #8cd4bf);z-index:1}.box-container .green-shadow-triangle{clip-path:polygon(0 100%,0 0,100% 0);background-color:#00ad7a;border-top-left-radius:5px;width:25px;height:20px;position:relative;bottom:15px;left:25px;transform:rotate(256deg)skew(32deg)}.box-container .grey-blank-box{text-align:center;width:fit-content;font-size:16px;font-family:var(--font-open-sans);color:#2d2d2d;background-color:#cbcbcb;border:4px solid #cbcbcb;border-radius:50% 50% 20px 20px/15% 15% 45px 45px;padding:10px 20px;font-weight:500;position:relative}.box-container .grey-blank-triangle{clip-path:polygon(0 100%,0 0,100% 0);background-color:#cbcbcb;border-top-left-radius:5px;width:25px;height:20px;position:relative;bottom:17px;left:20px;transform:rotate(256deg)skew(32deg)}.box-container_2{width:fit-content;height:fit-content;position:relative}.box-container_2 .small-green-box{text-align:center;width:fit-content;font-size:12px;font-weight:700;font-family:var(--font-open-sans);color:#000;background-color:#00ad7a;border-radius:50% 50% 20px 20px/15% 15% 45px 45px;padding:7px 25px;position:relative}.box-container_2 .small-green-triangle{clip-path:polygon(0 100%,0 0,100% 0);background-color:#00ad7a;border-top-left-radius:5px;width:25px;height:20px;position:relative;bottom:17px;left:20px;transform:rotate(256deg)skew(32deg)}.box-container_3{flex-direction:column;width:fit-content;height:fit-content;display:flex;position:relative}.box-container_3 .small-yellow-box{text-align:center;color:#000;background-color:#ffc000;border-radius:50% 50% 20px 20px/15% 15% 45px 45px;width:50%;padding:7px 25px;font-size:25px;font-weight:500;position:relative}.box-container_3 .small-yellow-triangle{clip-path:polygon(0 100%,0 0,100% 0);background-color:#ffc000;border-top-left-radius:5px;width:25px;height:20px;position:relative;bottom:17px;left:20px;transform:rotate(256deg)skew(32deg)}@media only screen and (max-width:768px){.box-container .green-shadow-box{font-size:32px!important}.box-container_3{flex-direction:column;align-items:center;width:fit-content;height:fit-content;display:flex;position:relative}}