.container{width:1372px; margin:0 auto}
.container .container{width:100%}

.row{display:flex; padding:var(--gap) 0; margin-right:var(--gap-revers); margin-left:var(--gap-revers);}
[class^="col-"]{padding-right:var(--gap); padding-left:var(--gap)}
.col-start{margin-left:auto}
.col-middle{margin-right:auto; margin-left:auto}
.col-end{margin-right:auto}
.col-1{width:calc((100% / 12) * 1)}
.col-2{width:calc((100% / 12) * 2)}
.col-3{width:calc((100% / 12) * 3)}
.col-4{width:calc((100% / 12) * 4)}
.col-5{width:calc((100% / 12) * 5)}
.col-6{width:calc((100% / 12) * 6)}
.col-7{width:calc((100% / 12) * 7)}
.col-8{width:calc((100% / 12) * 8)}
.col-9{width:calc((100% / 12) * 9)}
.col-10{width:calc((100% / 12) * 10)}
.col-11{width:calc((100% / 12) * 11)}
.col-12{width:calc((100% / 12) * 12)}

.space-right-1{margin-right:calc((100% / 12) * 1)}
.space-right-2{margin-right:calc((100% / 12) * 2)}
.space-right-3{margin-right:calc((100% / 12) * 3)}
.space-right-4{margin-right:calc((100% / 12) * 4)}
.space-right-5{margin-right:calc((100% / 12) * 5)}
.space-right-6{margin-right:calc((100% / 12) * 6)}
.space-right-7{margin-right:calc((100% / 12) * 7)}
.space-right-8{margin-right:calc((100% / 12) * 8)}
.space-right-9{margin-right:calc((100% / 12) * 9)}
.space-right-10{margin-right:calc((100% / 12) * 10)}
.space-right-11{margin-right:calc((100% / 12) * 11)}

.space-left-1{margin-left:calc((100% / 12) * 1)}
.space-left-2{margin-left:calc((100% / 12) * 2)}
.space-left-3{margin-left:calc((100% / 12) * 3)}
.space-left-4{margin-left:calc((100% / 12) * 4)}
.space-left-5{margin-left:calc((100% / 12) * 5)}
.space-left-6{margin-left:calc((100% / 12) * 6)}
.space-left-7{margin-left:calc((100% / 12) * 7)}
.space-left-8{margin-left:calc((100% / 12) * 8)}
.space-left-9{margin-left:calc((100% / 12) * 9)}
.space-left-10{margin-left:calc((100% / 12) * 10)}
.space-left-11{margin-left:calc((100% / 12) * 11)}
