.dashed-border-boxes{display:flex;gap:20px 40px;justify-content:space-between;margin-bottom:60px;position:relative;&:before{background:transparent;border-top:2px dashed #8c8c8c;bottom:0;content:"";height:2px;margin:auto;position:absolute;right:3px;top:0;width:200vw;z-index:1}.dashed-point{align-items:center;background:linear-gradient(0deg,hsla(0,0%,85%,.6),hsla(0,0%,85%,.6)),#fff;border:2px dashed #d9d9d9;display:flex;gap:15px;padding:24px 48px;position:relative;z-index:5;&.metalic-bg{background:linear-gradient(268deg,hsla(0,0%,85%,.87),hsla(0,0%,100%,.91) 36.11%,hsla(0,0%,85%,.96) 65.27%,#fff 95.19%);border:1px solid #d9d9d9;box-shadow:0 4px 20px 0 rgba(0,0,0,.1)}h6{font-weight:700;margin:0}}}@media (max-width:1200px){.dashed-border-boxes{flex-wrap:wrap;.dashed-point{padding:18px 30px}}}@media (max-width:993px){.dashed-border-boxes{flex-direction:column;flex-wrap:wrap;justify-content:center;margin:0 auto 35px;max-width:320px;&:before{border-left:2px dashed #8c8c8c;border-top:unset;bottom:unset;height:100%;left:0;margin:auto;right:0;top:0;width:2px;z-index:1}.dashed-point{flex:0 0 100%}}}