/* Margin*/
.m-auto{margin:auto}
.m-0{margin:0}
.m-4{margin:4px}
.m-8{margin:8px}
.m-12{margin:12px}
.m-16{margin:16px}
.m-20{margin:20px}
.m-24{margin:24px}
.m-32{margin:32px}
.m-36{margin:36px}
.m-40{margin:40px}
.m-44{margin:44px}
.m-48{margin:48px}
.m-52{margin:52px}
.m-56{margin:56px}
.m-60{margin:60px}
.m-64{margin:64px}
.m-68{margin:68px}
.m-72{margin:72px}
.m-76{margin:76px}
.m-80{margin:80px}
.m-84{margin:84px}
.m-88{margin:88px}
.m-92{margin:92px}
.m-96{margin:96px}
.m-100{margin:100px}
.m-120{margin:120px}
.m-140{margin:140px}
.m-160{margin:160px}
.m-180{margin:180px}
.m-200{margin:200px}
.m-220{margin:220px}
.m-240{margin:240px}
.m-260{margin:260px}

/* Margin top*/
.mt-auto{margin-top:auto}
.mt-0{margin-top:0}
.mt-4{margin-top:4px}
.mt-8{margin-top:8px}
.mt-12{margin-top:12px}
.mt-16{margin-top:16px}
.mt-20{margin-top:20px}
.mt-24{margin-top:24px}
.mt-32{margin-top:32px}
.mt-36{margin-top:36px}
.mt-40{margin-top:40px}
.mt-44{margin-top:44px}
.mt-48{margin-top:48px}
.mt-52{margin-top:52px}
.mt-56{margin-top:56px}
.mt-60{margin-top:60px}
.mt-64{margin-top:64px}
.mt-68{margin-top:68px}
.mt-72{margin-top:72px}
.mt-76{margin-top:76px}
.mt-80{margin-top:80px}
.mt-84{margin-top:84px}
.mt-88{margin-top:88px}
.mt-92{margin-top:92px}
.mt-96{margin-top:96px}
.mt-100{margin-top:100px}
.mt-120{margin-top:120px}
.mt-140{margin-top:140px}
.mt-160{margin-top:160px}
.mt-180{margin-top:180px}
.mt-200{margin-top:200px}
.mt-220{margin-top:220px}
.mt-240{margin-top:240px}
.mt-260{margin-top:260px}

/* Margin Right*/
.mr-auto{margin-right:auto}
.mr-0{margin-right:0}
.mr-4{margin-right:4px}
.mr-8{margin-right:8px}
.mr-12{margin-right:12px}
.mr-16{margin-right:16px}
.mr-20{margin-right:20px}
.mr-24{margin-right:24px}
.mr-32{margin-right:32px}
.mr-36{margin-right:36px}
.mr-40{margin-right:40px}
.mr-44{margin-right:44px}
.mr-48{margin-right:48px}
.mr-52{margin-right:52px}
.mr-56{margin-right:56px}
.mr-60{margin-right:60px}
.mr-64{margin-right:64px}
.mr-68{margin-right:68px}
.mr-72{margin-right:72px}
.mr-76{margin-right:76px}
.mr-80{margin-right:80px}
.mr-84{margin-right:84px}
.mr-88{margin-right:88px}
.mr-92{margin-right:92px}
.mr-96{margin-right:96px}
.mr-100{margin-right:100px}
.mr-120{margin-right:120px}
.mr-140{margin-right:140px}
.mr-160{margin-right:160px}
.mr-180{margin-right:180px}
.mr-200{margin-right:200px}
.mr-220{margin-right:220px}
.mr-240{margin-right:240px}
.mr-260{margin-right:260px}

/* Margin bottom*/
.mb-auto{margin-bottom:auto}
.mb-0{margin-bottom:0}
.mb-4{margin-bottom:4px}
.mb-8{margin-bottom:8px}
.mb-12{margin-bottom:12px}
.mb-16{margin-bottom:16px}
.mb-20{margin-bottom:20px}
.mb-24{margin-bottom:24px}
.mb-32{margin-bottom:32px}
.mb-36{margin-bottom:36px}
.mb-40{margin-bottom:40px}
.mb-44{margin-bottom:44px}
.mb-48{margin-bottom:48px}
.mb-52{margin-bottom:52px}
.mb-56{margin-bottom:56px}
.mb-60{margin-bottom:60px}
.mb-64{margin-bottom:64px}
.mb-68{margin-bottom:68px}
.mb-72{margin-bottom:72px}
.mb-76{margin-bottom:76px}
.mb-80{margin-bottom:80px}
.mb-84{margin-bottom:84px}
.mb-88{margin-bottom:88px}
.mb-92{margin-bottom:92px}
.mb-96{margin-bottom:96px}
.mb-100{margin-bottom:100px}
.mb-120{margin-bottom:120px}
.mb-140{margin-bottom:140px}
.mb-160{margin-bottom:160px}
.mb-180{margin-bottom:180px}
.mb-200{margin-bottom:200px}
.mb-220{margin-bottom:220px}
.mb-240{margin-bottom:240px}
.mb-260{margin-bottom:260px}

/* Margin left*/
.ml-auto{margin-left:auto}
.ml-0{margin-left:0}
.ml-4{margin-left:4px}
.ml-8{margin-left:8px}
.ml-12{margin-left:12px}
.ml-16{margin-left:16px}
.ml-20{margin-left:20px}
.ml-24{margin-left:24px}
.ml-32{margin-left:32px}
.ml-36{margin-left:36px}
.ml-40{margin-left:40px}
.ml-44{margin-left:44px}
.ml-48{margin-left:48px}
.ml-52{margin-left:52px}
.ml-56{margin-left:56px}
.ml-60{margin-left:60px}
.ml-64{margin-left:64px}
.ml-68{margin-left:68px}
.ml-72{margin-left:72px}
.ml-76{margin-left:76px}
.ml-80{margin-left:80px}
.ml-84{margin-left:84px}
.ml-88{margin-left:88px}
.ml-92{margin-left:92px}
.ml-96{margin-left:96px}
.ml-100{margin-left:100px}
.ml-120{margin-left:120px}
.ml-140{margin-left:140px}
.ml-160{margin-left:160px}
.ml-180{margin-left:180px}
.ml-200{margin-left:200px}
.ml-220{margin-left:220px}
.ml-240{margin-left:240px}
.ml-260{margin-left:260px}

/* margin horizontal X*/
.mx-4{margin-right:4px;margin-left:4px}
.mx-8{margin-right:8px;margin-left:8px}
.mx-12{margin-right:12px;margin-left:12px}
.mx-16{margin-right:16px;margin-left:16px}
.mx-20{margin-right:20px;margin-left:20px}
.mx-24{margin-right:24px;margin-left:24px}
.mx-32{margin-right:32px;margin-left:32px}
.mx-36{margin-right:36px;margin-left:36px}
.mx-40{margin-right:40px;margin-left:40px}
.mx-44{margin-right:44px;margin-left:44px}
.mx-48{margin-right:48px;margin-left:48px}
.mx-52{margin-right:52px;margin-left:52px}
.mx-56{margin-right:56px;margin-left:56px}
.mx-60{margin-right:60px;margin-left:60px}
.mx-64{margin-right:64px;margin-left:64px}
.mx-68{margin-right:68px;margin-left:68px}
.mx-72{margin-right:72px;margin-left:72px}
.mx-76{margin-right:76px;margin-left:76px}
.mx-80{margin-right:80px;margin-left:80px}
.mx-84{margin-right:84px;margin-left:84px}
.mx-88{margin-right:88px;margin-left:88px}
.mx-92{margin-right:92px;margin-left:92px}
.mx-96{margin-right:96px;margin-left:96px}
.mx-100{margin-right:100px;margin-left:100px}
.mx-120{margin-right:120px;margin-left:120px}
.mx-140{margin-right:140px;margin-left:140px}
.mx-160{margin-right:160px;margin-left:160px}
.mx-180{margin-right:180px;margin-left:180px}
.mx-200{margin-right:200px;margin-left:200px}
.mx-220{margin-right:220px;margin-left:220px}
.mx-240{margin-right:240px;margin-left:240px}
.mx-260{margin-right:260px;margin-left:260px}

/* margin horizontal X*/
.my-4{margin-top:4px;margin-bottom:4px}
.my-8{margin-top:8px;margin-bottom:8px}
.my-12{margin-top:12px;margin-bottom:12px}
.my-16{margin-top:16px;margin-bottom:16px}
.my-20{margin-top:20px;margin-bottom:20px}
.my-24{margin-top:24px;margin-bottom:24px}
.my-32{margin-top:32px;margin-bottom:32px}
.my-36{margin-top:36px;margin-bottom:36px}
.my-40{margin-top:40px;margin-bottom:40px}
.my-44{margin-top:44px;margin-bottom:44px}
.my-48{margin-top:48px;margin-bottom:48px}
.my-52{margin-top:52px;margin-bottom:52px}
.my-56{margin-top:56px;margin-bottom:56px}
.my-60{margin-top:60px;margin-bottom:60px}
.my-64{margin-top:64px;margin-bottom:64px}
.my-68{margin-top:68px;margin-bottom:68px}
.my-72{margin-top:72px;margin-bottom:72px}
.my-76{margin-top:76px;margin-bottom:76px}
.my-80{margin-top:80px;margin-bottom:80px}
.my-84{margin-top:84px;margin-bottom:84px}
.my-88{margin-top:88px;margin-bottom:88px}
.my-92{margin-top:92px;margin-bottom:92px}
.my-96{margin-top:96px;margin-bottom:96px}
.my-100{margin-top:100px;margin-bottom:100px}
.my-120{margin-top:120px;margin-bottom:120px}
.my-140{margin-top:140px;margin-bottom:140px}
.my-160{margin-top:160px;margin-bottom:160px}
.my-180{margin-top:180px;margin-bottom:180px}
.my-200{margin-top:200px;margin-bottom:200px}
.my-220{margin-top:220px;margin-bottom:220px}
.my-240{margin-top:240px;margin-bottom:240px}
.my-260{margin-top:260px;margin-bottom:260px}


/* padding*/
.p-auto{padding:auto}
.p-0{padding:0}
.p-4{padding:4px}
.p-8{padding:8px}
.p-12{padding:12px}
.p-16{padding:16px}
.p-20{padding:20px}
.p-24{padding:24px}
.p-32{padding:32px}
.p-36{padding:36px}
.p-40{padding:40px}
.p-44{padding:44px}
.p-48{padding:48px}
.p-52{padding:52px}
.p-56{padding:56px}
.p-60{padding:60px}
.p-64{padding:64px}
.p-68{padding:68px}
.p-72{padding:72px}
.p-76{padding:76px}
.p-80{padding:80px}
.p-84{padding:84px}
.p-88{padding:88px}
.p-92{padding:92px}
.p-96{padding:96px}
.p-100{padding:100px}
.p-120{padding:120px}
.p-140{padding:140px}
.p-160{padding:160px}
.p-180{padding:180px}
.p-200{padding:200px}
.p-220{padding:220px}
.p-240{padding:240px}
.p-260{padding:260px}

/* padding top*/
.pt-auto{padding-top:auto}
.pt-0{padding-top:0}
.pt-4{padding-top:4px}
.pt-8{padding-top:8px}
.pt-12{padding-top:12px}
.pt-16{padding-top:16px}
.pt-20{padding-top:20px}
.pt-24{padding-top:24px}
.pt-32{padding-top:32px}
.pt-36{padding-top:36px}
.pt-40{padding-top:40px}
.pt-44{padding-top:44px}
.pt-48{padding-top:48px}
.pt-52{padding-top:52px}
.pt-56{padding-top:56px}
.pt-60{padding-top:60px}
.pt-64{padding-top:64px}
.pt-68{padding-top:68px}
.pt-72{padding-top:72px}
.pt-76{padding-top:76px}
.pt-80{padding-top:80px}
.pt-84{padding-top:84px}
.pt-88{padding-top:88px}
.pt-92{padding-top:92px}
.pt-96{padding-top:96px}
.pt-100{padding-top:100px}
.pt-120{padding-top:120px}
.pt-140{padding-top:140px}
.pt-160{padding-top:160px}
.pt-180{padding-top:180px}
.pt-200{padding-top:200px}
.pt-220{padding-top:220px}
.pt-240{padding-top:240px}
.pt-260{padding-top:260px}

/* padding Right*/
.pr-auto{padding-right:auto}
.pr-0{padding-right:0}
.pr-4{padding-right:4px}
.pr-8{padding-right:8px}
.pr-12{padding-right:12px}
.pr-16{padding-right:16px}
.pr-20{padding-right:20px}
.pr-24{padding-right:24px}
.pr-32{padding-right:32px}
.pr-36{padding-right:36px}
.pr-40{padding-right:40px}
.pr-44{padding-right:44px}
.pr-48{padding-right:48px}
.pr-52{padding-right:52px}
.pr-56{padding-right:56px}
.pr-60{padding-right:60px}
.pr-64{padding-right:64px}
.pr-68{padding-right:68px}
.pr-72{padding-right:72px}
.pr-76{padding-right:76px}
.pr-80{padding-right:80px}
.pr-84{padding-right:84px}
.pr-88{padding-right:88px}
.pr-92{padding-right:92px}
.pr-96{padding-right:96px}
.pr-100{padding-right:100px}
.pr-120{padding-right:120px}
.pr-140{padding-right:140px}
.pr-160{padding-right:160px}
.pr-180{padding-right:180px}
.pr-200{padding-right:200px}
.pr-220{padding-right:220px}
.pr-240{padding-right:240px}
.pr-260{padding-right:260px}

/* padding bottom*/
.pb-auto{padding-bottom:auto}
.pb-0{padding-bottom:0}
.pb-4{padding-bottom:4px}
.pb-8{padding-bottom:8px}
.pb-12{padding-bottom:12px}
.pb-16{padding-bottom:16px}
.pb-20{padding-bottom:20px}
.pb-24{padding-bottom:24px}
.pb-32{padding-bottom:32px}
.pb-36{padding-bottom:36px}
.pb-40{padding-bottom:40px}
.pb-44{padding-bottom:44px}
.pb-48{padding-bottom:48px}
.pb-52{padding-bottom:52px}
.pb-56{padding-bottom:56px}
.pb-60{padding-bottom:60px}
.pb-64{padding-bottom:64px}
.pb-68{padding-bottom:68px}
.pb-72{padding-bottom:72px}
.pb-76{padding-bottom:76px}
.pb-80{padding-bottom:80px}
.pb-84{padding-bottom:84px}
.pb-88{padding-bottom:88px}
.pb-92{padding-bottom:92px}
.pb-96{padding-bottom:96px}
.pb-100{padding-bottom:100px}
.pb-120{padding-bottom:120px}
.pb-140{padding-bottom:140px}
.pb-160{padding-bottom:160px}
.pb-180{padding-bottom:180px}
.pb-200{padding-bottom:200px}
.pb-220{padding-bottom:220px}
.pb-240{padding-bottom:240px}
.pb-260{padding-bottom:260px}

/* padding left*/
.pl-auto{padding-left:auto}
.pl-0{padding-left:0}
.pl-4{padding-left:4px}
.pl-8{padding-left:8px}
.pl-12{padding-left:12px}
.pl-16{padding-left:16px}
.pl-20{padding-left:20px}
.pl-24{padding-left:24px}
.pl-32{padding-left:32px}
.pl-36{padding-left:36px}
.pl-40{padding-left:40px}
.pl-44{padding-left:44px}
.pl-48{padding-left:48px}
.pl-52{padding-left:52px}
.pl-56{padding-left:56px}
.pl-60{padding-left:60px}
.pl-64{padding-left:64px}
.pl-68{padding-left:68px}
.pl-72{padding-left:72px}
.pl-76{padding-left:76px}
.pl-80{padding-left:80px}
.pl-84{padding-left:84px}
.pl-88{padding-left:88px}
.pl-92{padding-left:92px}
.pl-96{padding-left:96px}
.pl-100{padding-left:100px}
.pl-120{padding-left:120px}
.pl-140{padding-left:140px}
.pl-160{padding-left:160px}
.pl-180{padding-left:180px}
.pl-200{padding-left:200px}
.pl-220{padding-left:220px}
.pl-240{padding-left:240px}
.pl-260{padding-left:260px}

/* padding horizontal X*/
.px-4{padding-right:4px;padding-left:4px}
.px-8{padding-right:8px;padding-left:8px}
.px-12{padding-right:12px;padding-left:12px}
.px-16{padding-right:16px;padding-left:16px}
.px-20{padding-right:20px;padding-left:20px}
.px-24{padding-right:24px;padding-left:24px}
.px-32{padding-right:32px;padding-left:32px}
.px-36{padding-right:36px;padding-left:36px}
.px-40{padding-right:40px;padding-left:40px}
.px-44{padding-right:44px;padding-left:44px}
.px-48{padding-right:48px;padding-left:48px}
.px-52{padding-right:52px;padding-left:52px}
.px-56{padding-right:56px;padding-left:56px}
.px-60{padding-right:60px;padding-left:60px}
.px-64{padding-right:64px;padding-left:64px}
.px-68{padding-right:68px;padding-left:68px}
.px-72{padding-right:72px;padding-left:72px}
.px-76{padding-right:76px;padding-left:76px}
.px-80{padding-right:80px;padding-left:80px}
.px-84{padding-right:84px;padding-left:84px}
.px-88{padding-right:88px;padding-left:88px}
.px-92{padding-right:92px;padding-left:92px}
.px-96{padding-right:96px;padding-left:96px}
.px-100{padding-right:100px;padding-left:100px}
.px-120{padding-right:120px;padding-left:120px}
.px-140{padding-right:140px;padding-left:140px}
.px-160{padding-right:160px;padding-left:160px}
.px-180{padding-right:180px;padding-left:180px}
.px-200{padding-right:200px;padding-left:200px}
.px-220{padding-right:220px;padding-left:220px}
.px-240{padding-right:240px;padding-left:240px}
.px-260{padding-right:260px;padding-left:260px}


/* padding horizontal X*/
.py-4{padding-top:4px;padding-bottom:4px}
.py-8{padding-top:8px;padding-bottom:8px}
.py-12{padding-top:12px;padding-bottom:12px}
.py-16{padding-top:16px;padding-bottom:16px}
.py-20{padding-top:20px;padding-bottom:20px}
.py-24{padding-top:24px;padding-bottom:24px}
.py-32{padding-top:32px;padding-bottom:32px}
.py-36{padding-top:36px;padding-bottom:36px}
.py-40{padding-top:40px;padding-bottom:40px}
.py-44{padding-top:44px;padding-bottom:44px}
.py-48{padding-top:48px;padding-bottom:48px}
.py-52{padding-top:52px;padding-bottom:52px}
.py-56{padding-top:56px;padding-bottom:56px}
.py-60{padding-top:60px;padding-bottom:60px}
.py-64{padding-top:64px;padding-bottom:64px}
.py-68{padding-top:68px;padding-bottom:68px}
.py-72{padding-top:72px;padding-bottom:72px}
.py-76{padding-top:76px;padding-bottom:76px}
.py-80{padding-top:80px;padding-bottom:80px}
.py-84{padding-top:84px;padding-bottom:84px}
.py-88{padding-top:88px;padding-bottom:88px}
.py-92{padding-top:92px;padding-bottom:92px}
.py-96{padding-top:96px;padding-bottom:96px}
.py-100{padding-top:100px;padding-bottom:100px}
.py-120{padding-top:120px;padding-bottom:120px}
.py-140{padding-top:140px;padding-bottom:140px}
.py-160{padding-top:160px;padding-bottom:160px}
.py-180{padding-top:180px;padding-bottom:180px}
.py-200{padding-top:200px;padding-bottom:200px}
.py-220{padding-top:220px;padding-bottom:220px}
.py-240{padding-top:240px;padding-bottom:240px}
.py-260{padding-top:260px;padding-bottom:260px}


.pi-start-0{
  padding-inline-start:0;
}
/* border*/
.b-auto{border:auto}
.b-0{border:0}
.b-4{border:4px}
.b-8{border:8px}
.b-12{border:12px}
.b-16{border:16px}
.b-20{border:20px}
.b-24{border:24px}
.b-32{border:32px}
.b-36{border:36px}
.b-40{border:40px}
.b-44{border:44px}
.b-48{border:48px}
.b-52{border:52px}
.b-56{border:56px}
.b-60{border:60px}
.b-64{border:64px}
.b-68{border:68px}
.b-72{border:72px}
.b-76{border:76px}
.b-80{border:80px}
.b-84{border:84px}
.b-88{border:88px}
.b-92{border:92px}
.b-96{border:96px}
.b-100{border:100px}
.b-120{border:120px}
.b-140{border:140px}
.b-160{border:160px}
.b-180{border:180px}
.b-200{border:200px}
.b-220{border:220px}
.b-240{border:240px}
.b-260{border:260px}

/* border top*/
.bt-auto{border-top:auto}
.bt-0{border-top:0}
.bt-4{border-top:4px}
.bt-8{border-top:8px}
.bt-12{border-top:12px}
.bt-16{border-top:16px}
.bt-20{border-top:20px}
.bt-24{border-top:24px}
.bt-32{border-top:32px}
.bt-36{border-top:36px}
.bt-40{border-top:40px}
.bt-44{border-top:44px}
.bt-48{border-top:48px}
.bt-52{border-top:52px}
.bt-56{border-top:56px}
.bt-60{border-top:60px}
.bt-64{border-top:64px}
.bt-68{border-top:68px}
.bt-72{border-top:72px}
.bt-76{border-top:76px}
.bt-80{border-top:80px}
.bt-84{border-top:84px}
.bt-88{border-top:88px}
.bt-92{border-top:92px}
.bt-96{border-top:96px}
.bt-100{border-top:100px}
.bt-120{border-top:120px}
.bt-140{border-top:140px}
.bt-160{border-top:160px}
.bt-180{border-top:180px}
.bt-200{border-top:200px}
.bt-220{border-top:220px}
.bt-240{border-top:240px}
.bt-260{border-top:260px}

/* border Right*/
.br-auto{border-right:auto}
.br-0{border-right:0}
.br-4{border-right:4px}
.br-8{border-right:8px}
.br-12{border-right:12px}
.br-16{border-right:16px}
.br-20{border-right:20px}
.br-24{border-right:24px}
.br-32{border-right:32px}
.br-36{border-right:36px}
.br-40{border-right:40px}
.br-44{border-right:44px}
.br-48{border-right:48px}
.br-52{border-right:52px}
.br-56{border-right:56px}
.br-60{border-right:60px}
.br-64{border-right:64px}
.br-68{border-right:68px}
.br-72{border-right:72px}
.br-76{border-right:76px}
.br-80{border-right:80px}
.br-84{border-right:84px}
.br-88{border-right:88px}
.br-92{border-right:92px}
.br-96{border-right:96px}
.br-100{border-right:100px}
.br-120{border-right:120px}
.br-140{border-right:140px}
.br-160{border-right:160px}
.br-180{border-right:180px}
.br-200{border-right:200px}
.br-220{border-right:220px}
.br-240{border-right:240px}
.br-260{border-right:260px}

/* border bottom*/
.bb-auto{border-bottom:auto}
.bb-0{border-bottom:0}
.bb-4{border-bottom:4px}
.bb-8{border-bottom:8px}
.bb-12{border-bottom:12px}
.bb-16{border-bottom:16px}
.bb-20{border-bottom:20px}
.bb-24{border-bottom:24px}
.bb-32{border-bottom:32px}
.bb-36{border-bottom:36px}
.bb-40{border-bottom:40px}
.bb-44{border-bottom:44px}
.bb-48{border-bottom:48px}
.bb-52{border-bottom:52px}
.bb-56{border-bottom:56px}
.bb-60{border-bottom:60px}
.bb-64{border-bottom:64px}
.bb-68{border-bottom:68px}
.bb-72{border-bottom:72px}
.bb-76{border-bottom:76px}
.bb-80{border-bottom:80px}
.bb-84{border-bottom:84px}
.bb-88{border-bottom:88px}
.bb-92{border-bottom:92px}
.bb-96{border-bottom:96px}
.bb-100{border-bottom:100px}
.bb-120{border-bottom:120px}
.bb-140{border-bottom:140px}
.bb-160{border-bottom:160px}
.bb-180{border-bottom:180px}
.bb-200{border-bottom:200px}
.bb-220{border-bottom:220px}
.bb-240{border-bottom:240px}
.bb-260{border-bottom:260px}

/* border left*/
.bl-auto{border-left:auto}
.bl-0{border-left:0}
.bl-4{border-left:4px}
.bl-8{border-left:8px}
.bl-12{border-left:12px}
.bl-16{border-left:16px}
.bl-20{border-left:20px}
.bl-24{border-left:24px}
.bl-32{border-left:32px}
.bl-36{border-left:36px}
.bl-40{border-left:40px}
.bl-44{border-left:44px}
.bl-48{border-left:48px}
.bl-52{border-left:52px}
.bl-56{border-left:56px}
.bl-60{border-left:60px}
.bl-64{border-left:64px}
.bl-68{border-left:68px}
.bl-72{border-left:72px}
.bl-76{border-left:76px}
.bl-80{border-left:80px}
.bl-84{border-left:84px}
.bl-88{border-left:88px}
.bl-92{border-left:92px}
.bl-96{border-left:96px}
.bl-100{border-left:100px}
.bl-120{border-left:120px}
.bl-140{border-left:140px}
.bl-160{border-left:160px}
.bl-180{border-left:180px}
.bl-200{border-left:200px}
.bl-220{border-left:220px}
.bl-240{border-left:240px}
.bl-260{border-left:260px}

/* border horizontal X*/
.bx-4{border-right:4px;border-left:4px}
.bx-8{border-right:8px;border-left:8px}
.bx-12{border-right:12px;border-left:12px}
.bx-16{border-right:16px;border-left:16px}
.bx-20{border-right:20px;border-left:20px}
.bx-24{border-right:24px;border-left:24px}
.bx-32{border-right:32px;border-left:32px}
.bx-36{border-right:36px;border-left:36px}
.bx-40{border-right:40px;border-left:40px}
.bx-44{border-right:44px;border-left:44px}
.bx-48{border-right:48px;border-left:48px}
.bx-52{border-right:52px;border-left:52px}
.bx-56{border-right:56px;border-left:56px}
.bx-60{border-right:60px;border-left:60px}
.bx-64{border-right:64px;border-left:64px}
.bx-68{border-right:68px;border-left:68px}
.bx-72{border-right:72px;border-left:72px}
.bx-76{border-right:76px;border-left:76px}
.bx-80{border-right:80px;border-left:80px}
.bx-84{border-right:84px;border-left:84px}
.bx-88{border-right:88px;border-left:88px}
.bx-92{border-right:92px;border-left:92px}
.bx-96{border-right:96px;border-left:96px}
.bx-100{border-right:100px;border-left:100px}
.bx-120{border-right:120px;border-left:120px}
.bx-140{border-right:140px;border-left:140px}
.bx-160{border-right:160px;border-left:160px}
.bx-180{border-right:180px;border-left:180px}
.bx-200{border-right:200px;border-left:200px}
.bx-220{border-right:220px;border-left:220px}
.bx-240{border-right:240px;border-left:240px}
.bx-260{border-right:260px;border-left:260px}

/* border horizontal X*/
.by-4{border-top:4px;border-bottom:4px}
.by-8{border-top:8px;border-bottom:8px}
.by-12{border-top:12px;border-bottom:12px}
.by-16{border-top:16px;border-bottom:16px}
.by-20{border-top:20px;border-bottom:20px}
.by-24{border-top:24px;border-bottom:24px}
.by-32{border-top:32px;border-bottom:32px}
.by-36{border-top:36px;border-bottom:36px}
.by-40{border-top:40px;border-bottom:40px}
.by-44{border-top:44px;border-bottom:44px}
.by-48{border-top:48px;border-bottom:48px}
.by-52{border-top:52px;border-bottom:52px}
.by-56{border-top:56px;border-bottom:56px}
.by-60{border-top:60px;border-bottom:60px}
.by-64{border-top:64px;border-bottom:64px}
.by-68{border-top:68px;border-bottom:68px}
.by-72{border-top:72px;border-bottom:72px}
.by-76{border-top:76px;border-bottom:76px}
.by-80{border-top:80px;border-bottom:80px}
.by-84{border-top:84px;border-bottom:84px}
.by-88{border-top:88px;border-bottom:88px}
.by-92{border-top:92px;border-bottom:92px}
.by-96{border-top:96px;border-bottom:96px}
.by-100{border-top:100px;border-bottom:100px}
.by-120{border-top:120px;border-bottom:120px}
.by-140{border-top:140px;border-bottom:140px}
.by-160{border-top:160px;border-bottom:160px}
.by-180{border-top:180px;border-bottom:180px}
.by-200{border-top:200px;border-bottom:200px}
.by-220{border-top:220px;border-bottom:220px}
.by-240{border-top:240px;border-bottom:240px}
.by-260{border-top:260px;border-bottom:260px}




/* min height */
.mh-48{min-height:48px}
.mh-56{min-height:56px}
.mh-64{min-height:64px}
.mh-72{min-height:72px}
.mh-80{min-height:80px}
.mh-88{min-height:88px}
.mh-96{min-height:96px}
.mh-120{min-height:120px}


/* font-size */
.text-12{font-size:12px}
.text-14{font-size:14px}
.text-16{font-size:16px}
.text-18{font-size:18px}
.text-20{font-size:20px}
.text-24{font-size:24px}
.text-28{font-size:28px}
.text-32{font-size:32px}
.text-36{font-size:36px}
.text-40{font-size:40px}
.text-44{font-size:44px}
.text-48{font-size:48px}
.text-56{font-size:56px}
.text-64{font-size:64px}
.text-72{font-size:72px}
.text-96{font-size:96px}


/* font-weight */
.text-300{font-weight:300}
.text-400{font-weight:400}
.text-500{font-weight:500}
.text-600{font-weight:600}
.text-700{font-weight:700}
.text-800{font-weight:800}
.text-900{font-weight: 900}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-italic{font-style: italic;}
.text-oblique{font-style: oblique;}


/* displays */
.d-grid{display:grid}
.d-flex{display:flex}
.d-block{display:block}
.d-inline-block{display:inline-block}
.d-none{display:none}

/* displays  align*/
.jc-end{justify-content: flex-end}
.jc-start{justify-content: flex-start}
.jc-center{justify-content: center}
.jc-around{justify-content: space-around}
.jc-between{justify-content: space-between}
.ai-end{align-items: flex-end}
.ai-start{align-items: flex-end}
.ai-center{align-items: center}
.ac-end{align-content: flex-end}
.ac-start{align-content: flex-start}
.ac-center{align-content: center}
.ac-arround{align-content: space-around}
.ac-between{align-content: space-between}


/* Grid Columns */
.col-1{display: grid}
.col-2{display: grid;grid-template-columns:1fr 1fr}
.col-3{display: grid;grid-template-columns: 1fr 1fr 1fr}
.col-4{display: grid;grid-template-columns: repeat(4,1fr)}
.col-6{display: grid;grid-template-columns: repeat(3,1fr)}
.col-8{display: grid;grid-template-columns: repeat(8,1fr)}
.col-12{display: grid;grid-template-columns: repeat(12,1fr)}


/* Columns span */
.span-1{grid-column: 1}
.span-2{grid-column: span 2}
.span-3{grid-column: span 3}
.span-4{grid-column: span 4}
.span-5{grid-column: span 5}
.span-6{grid-column: span 6}
.span-7{grid-column: span 7}
.span-8{grid-column: span 8}
.span-9{grid-column: span 9}