:root { --header-hei: 10rem; 
  --inner-pd: 5.20833333333%; 
  --inner-cont-pd: 12.5%; 
  --border-ra: 2rem; 
  --btn-top: 6rem; 
  --box-height: 50rem; 
  --color-point: #1d723e; 
  --color-txt: #3B3B3A; --color-border: #DFDFDF; --color-bg: #F9F9F9; --transi: .3s; --box-top: 16rem; --font-fm-p: "Pyeongchang"; --font-fm-pr: "Pretendard"; --font-fm-m: "Montserrat"; --font-fm-mr: "MaruBuri"; --article-btn: 6.8rem;
 --font-10: 1rem; --font-11: 1.1rem; --font-12: 1.2rem; --font-13: 1.3rem; --font-14: 1.4rem; --font-15: 1.5rem; --font-16: 1.6rem; --font-17: 1.7rem; --font-18: 1.8rem; --font-19: 1.9rem; --font-20: 2rem; --font-21: 2.1rem; --font-22: 2.2rem; --font-23: 2.3rem; --font-24: 2.4rem; --font-25: 2.5rem; --font-26: 2.6rem; --font-27: 2.7rem; --font-28: 2.8rem; --font-29: 2.9rem; --font-30: 3rem; --font-31: 3.1rem; --font-32: 3.2rem; --font-33: 3.3rem; --font-34: 3.4rem; --font-35: 3.5rem; --font-36: 3.6rem; --font-37: 3.7rem; --font-38: 3.8rem; --font-39: 3.9rem; --font-40: 4rem; --font-41: 4.1rem; --font-42: 4.2rem; --font-43: 4.3rem; --font-44: 4.4rem; --font-45: 4.5rem; --font-46: 4.6rem; --font-47: 4.7rem; --font-48: 4.8rem; --font-49: 4.9rem; --font-50: 5rem; --font-51: 5.1rem; --font-52: 5.2rem; --font-53: 5.3rem; --font-54: 5.4rem; --font-55: 5.5rem; --font-56: 5.6rem; --font-57: 5.7rem; --font-58: 5.8rem; --font-59: 5.9rem; --font-60: 6rem; --font-61: 6.1rem; --font-62: 6.2rem; --font-63: 6.3rem; --font-64: 6.4rem; --font-65: 6.5rem; --font-66: 6.6rem; --font-67: 6.7rem; --font-68: 6.8rem; --font-69: 6.9rem; --font-70: 7rem; --font-71: 7.1rem; --font-72: 7.2rem; --font-73: 7.3rem; --font-74: 7.4rem; --font-75: 7.5rem; --font-76: 7.6rem; --font-77: 7.7rem; --font-78: 7.8rem; --font-79: 7.9rem; --font-80: 8rem } 


@media all and (max-width:1600px) { /*1501까지*/ } 

@media all and (max-width:1500px) { /*1441까지*/
 :root { --font-30: 2.5rem; } 
 }

@media all and (max-width:1440px) { /*1281까지*/ } 
@media all and (max-width:1280px) { /*1024까지*/ } 
@media all and (max-width:1024px) { /*961까지*/
 :root { --inner-cont-pd: 10.5%; } 
 }
@media all and (max-width:960px) { /*769까지*/ 
 :root { --article-btn: 4.8rem; } 
 }
@media all and (max-width:768px) { /*577까지*/ 
 :root { } 
 }
@media all and (max-width:576px) { /*481까지*/ } 
@media all and (max-width:480px) { /*321까지*/ } 
@media all and (max-width:320px) { /*250까지*/ } 

.font-10 { font-size: 1rem } 

.font-11 { font-size: 1.1rem } 

.font-12 { font-size: 1.2rem } 

.font-13 { font-size: 1.3rem } 

.font-14 { font-size: 1.4rem } 

.font-15 { font-size: 1.5rem } 

.font-16 { font-size: 1.6rem } 

.font-17 { font-size: 1.7rem } 

.font-18 { font-size: 1.8rem } 

.font-19 { font-size: 1.9rem } 

.font-20 { font-size: 2rem } 

.font-21 { font-size: 2.1rem } 

.font-22 { font-size: 2.2rem } 

.font-23 { font-size: 2.3rem } 

.font-24 { font-size: 2.4rem } 

.font-25 { font-size: 2.5rem } 

.font-26 { font-size: 2.6rem } 

.font-27 { font-size: 2.7rem } 

.font-28 { font-size: 2.8rem } 

.font-29 { font-size: 2.9rem } 

.font-30 { font-size: 3rem } 

.font-31 { font-size: 3.1rem } 

.font-32 { font-size: 3.2rem } 

.font-33 { font-size: 3.3rem } 

.font-34 { font-size: 3.4rem } 

.font-35 { font-size: 3.5rem } 

.font-36 { font-size: 3.6rem } 

.font-37 { font-size: 3.7rem } 

.font-38 { font-size: 3.8rem } 

.font-39 { font-size: 3.9rem } 

.font-40 { font-size: 4rem } 

.font-41 { font-size: 4.1rem } 

.font-42 { font-size: 4.2rem } 

.font-43 { font-size: 4.3rem } 

.font-44 { font-size: 4.4rem } 

.font-45 { font-size: 4.5rem } 

.font-46 { font-size: 4.6rem } 

.font-47 { font-size: 4.7rem } 

.font-48 { font-size: 4.8rem } 

.font-49 { font-size: 4.9rem } 

.font-50 { font-size: 5rem } 

.font-51 { font-size: 5.1rem } 

.font-52 { font-size: 5.2rem } 

.font-53 { font-size: 5.3rem } 

.font-54 { font-size: 5.4rem } 

.font-55 { font-size: 5.5rem } 

.font-56 { font-size: 5.6rem } 

.font-57 { font-size: 5.7rem } 

.font-58 { font-size: 5.8rem } 

.font-59 { font-size: 5.9rem } 

.font-60 { font-size: 6rem } 

.font-61 { font-size: 6.1rem } 

.font-62 { font-size: 6.2rem } 

.font-63 { font-size: 6.3rem } 

.font-64 { font-size: 6.4rem } 

.font-65 { font-size: 6.5rem } 

.font-66 { font-size: 6.6rem } 

.font-67 { font-size: 6.7rem } 

.font-68 { font-size: 6.8rem } 

.font-69 { font-size: 6.9rem } 

.font-70 { font-size: 7rem } 

.font-71 { font-size: 7.1rem } 

.font-72 { font-size: 7.2rem } 

.font-73 { font-size: 7.3rem } 

.font-74 { font-size: 7.4rem } 

.font-75 { font-size: 7.5rem } 

.font-76 { font-size: 7.6rem } 

.font-77 { font-size: 7.7rem } 

.font-78 { font-size: 7.8rem } 

.font-79 { font-size: 7.9rem } 

.font-80 { font-size: 8rem } 

.font-w1 { font-weight: 100 } 

.font-w2 { font-weight: 200 } 

.font-w3 { font-weight: 300 } 

.font-w4 { font-weight: 400 } 

.font-w5 { font-weight: 500 } 

.font-w6 { font-weight: 600 } 

.font-w7 { font-weight: 700 } 

.font-w8 { font-weight: 800 } 

.font-w9 { font-weight: 900 } 
.mt-0 { margin-top:0 !important } 
.mt-1 { margin-top: 1rem } 

.mt-2 { margin-top: 2rem } 

.mt-3 { margin-top: 3rem } 

.mt-4 { margin-top: 4rem } 

.mt-5 { margin-top: 5rem } 

.mt-6 { margin-top: 6rem } 

.mt-7 { margin-top: 7rem } 

.mt-8 { margin-top: 8rem } 

.mt-9 { margin-top: 9rem } 

.mt-10 { margin-top: 10rem } 

.mt-11 { margin-top: 11rem } 

.mt-12 { margin-top: 12rem } 

.mt-13 { margin-top: 13rem } 

.mt-14 { margin-top: 14rem } 

.mt-15 { margin-top: 15rem } 

.mt-16 { margin-top: 16rem } 

.mt-17 { margin-top: 17rem } 

.mt-18 { margin-top: 18rem } 

.mt-19 { margin-top: 19rem } 

.mt-20 { margin-top: 20rem } 

.mt-21 { margin-top: 21rem } 

.mt-22 { margin-top: 22rem } 

.mt-23 { margin-top: 23rem } 

.mt-24 { margin-top: 24rem } 

.mt-25 { margin-top: 25rem } 

.mt-26 { margin-top: 26rem } 

.mt-27 { margin-top: 27rem } 

.mt-28 { margin-top: 28rem } 

.mt-29 { margin-top: 29rem } 

.mt-30 { margin-top: 30rem } 

.mt-31 { margin-top: 31rem } 

.mt-32 { margin-top: 32rem } 

.mt-33 { margin-top: 33rem } 

.mt-34 { margin-top: 34rem } 

.mt-35 { margin-top: 35rem } 

.mt-36 { margin-top: 36rem } 

.mt-37 { margin-top: 37rem } 

.mt-38 { margin-top: 38rem } 

.mt-39 { margin-top: 39rem } 

.mt-40 { margin-top: 40rem } 

.mt-41 { margin-top: 41rem } 

.mt-42 { margin-top: 42rem } 

.mt-43 { margin-top: 43rem } 

.mt-44 { margin-top: 44rem } 

.mt-45 { margin-top: 45rem } 

.mt-46 { margin-top: 46rem } 

.mt-47 { margin-top: 47rem } 

.mt-48 { margin-top: 48rem } 

.mt-49 { margin-top: 49rem } 

.mt-50 { margin-top: 50rem } 

.mt-51 { margin-top: 51rem } 

.mt-52 { margin-top: 52rem } 

.mt-53 { margin-top: 53rem } 

.mt-54 { margin-top: 54rem } 

.mt-55 { margin-top: 55rem } 

.mt-56 { margin-top: 56rem } 

.mt-57 { margin-top: 57rem } 

.mt-58 { margin-top: 58rem } 

.mt-59 { margin-top: 59rem } 

.mt-60 { margin-top: 60rem } 

.mt-61 { margin-top: 61rem } 

.mt-62 { margin-top: 62rem } 

.mt-63 { margin-top: 63rem } 

.mt-64 { margin-top: 64rem } 

.mt-65 { margin-top: 65rem } 

.mt-66 { margin-top: 66rem } 

.mt-67 { margin-top: 67rem } 

.mt-68 { margin-top: 68rem } 

.mt-69 { margin-top: 69rem } 

.mt-70 { margin-top: 70rem } 

.mt-71 { margin-top: 71rem } 

.mt-72 { margin-top: 72rem } 

.mt-73 { margin-top: 73rem } 

.mt-74 { margin-top: 74rem } 

.mt-75 { margin-top: 75rem } 

.mt-76 { margin-top: 76rem } 

.mt-77 { margin-top: 77rem } 

.mt-78 { margin-top: 78rem } 

.mt-79 { margin-top: 79rem } 

.mt-80 { margin-top: 80rem } 

.mb-1 { margin-bottom: 1rem } 

.mb-2 { margin-bottom: 2rem } 

.mb-3 { margin-bottom: 3rem } 

.mb-4 { margin-bottom: 4rem } 

.mb-5 { margin-bottom: 5rem } 

.mb-6 { margin-bottom: 6rem } 

.mb-7 { margin-bottom: 7rem } 

.mb-8 { margin-bottom: 8rem } 

.mb-9 { margin-bottom: 9rem } 

.mb-10 { margin-bottom: 10rem } 

.mb-11 { margin-bottom: 11rem } 

.mb-12 { margin-bottom: 12rem } 

.mb-13 { margin-bottom: 13rem } 

.mb-14 { margin-bottom: 14rem } 

.mb-15 { margin-bottom: 15rem } 

.mb-16 { margin-bottom: 16rem } 

.mb-17 { margin-bottom: 17rem } 

.mb-18 { margin-bottom: 18rem } 

.mb-19 { margin-bottom: 19rem } 

.mb-20 { margin-bottom: 20rem } 

.mb-21 { margin-bottom: 21rem } 

.mb-22 { margin-bottom: 22rem } 

.mb-23 { margin-bottom: 23rem } 

.mb-24 { margin-bottom: 24rem } 

.mb-25 { margin-bottom: 25rem } 

.mb-26 { margin-bottom: 26rem } 

.mb-27 { margin-bottom: 27rem } 

.mb-28 { margin-bottom: 28rem } 

.mb-29 { margin-bottom: 29rem } 

.mb-30 { margin-bottom: 30rem } 

.mb-31 { margin-bottom: 31rem } 

.mb-32 { margin-bottom: 32rem } 

.mb-33 { margin-bottom: 33rem } 

.mb-34 { margin-bottom: 34rem } 

.mb-35 { margin-bottom: 35rem } 

.mb-36 { margin-bottom: 36rem } 

.mb-37 { margin-bottom: 37rem } 

.mb-38 { margin-bottom: 38rem } 

.mb-39 { margin-bottom: 39rem } 

.mb-40 { margin-bottom: 40rem } 

.mb-41 { margin-bottom: 41rem } 

.mb-42 { margin-bottom: 42rem } 

.mb-43 { margin-bottom: 43rem } 

.mb-44 { margin-bottom: 44rem } 

.mb-45 { margin-bottom: 45rem } 

.mb-46 { margin-bottom: 46rem } 

.mb-47 { margin-bottom: 47rem } 

.mb-48 { margin-bottom: 48rem } 

.mb-49 { margin-bottom: 49rem } 

.mb-50 { margin-bottom: 50rem } 

.mb-51 { margin-bottom: 51rem } 

.mb-52 { margin-bottom: 52rem } 

.mb-53 { margin-bottom: 53rem } 

.mb-54 { margin-bottom: 54rem } 

.mb-55 { margin-bottom: 55rem } 

.mb-56 { margin-bottom: 56rem } 

.mb-57 { margin-bottom: 57rem } 

.mb-58 { margin-bottom: 58rem } 

.mb-59 { margin-bottom: 59rem } 

.mb-60 { margin-bottom: 60rem } 

.mb-61 { margin-bottom: 61rem } 

.mb-62 { margin-bottom: 62rem } 

.mb-63 { margin-bottom: 63rem } 

.mb-64 { margin-bottom: 64rem } 

.mb-65 { margin-bottom: 65rem } 

.mb-66 { margin-bottom: 66rem } 

.mb-67 { margin-bottom: 67rem } 

.mb-68 { margin-bottom: 68rem } 

.mb-69 { margin-bottom: 69rem } 

.mb-70 { margin-bottom: 70rem } 

.mb-71 { margin-bottom: 71rem } 

.mb-72 { margin-bottom: 72rem } 

.mb-73 { margin-bottom: 73rem } 

.mb-74 { margin-bottom: 74rem } 

.mb-75 { margin-bottom: 75rem } 

.mb-76 { margin-bottom: 76rem } 

.mb-77 { margin-bottom: 77rem } 

.mb-78 { margin-bottom: 78rem } 

.mb-79 { margin-bottom: 79rem } 

.mb-80 { margin-bottom: 80rem } 

.mr-1 { margin-right: 1rem } 

.mr-2 { margin-right: 2rem } 

.mr-3 { margin-right: 3rem } 

.mr-4 { margin-right: 4rem } 

.mr-5 { margin-right: 5rem } 

.mr-6 { margin-right: 6rem } 

.mr-7 { margin-right: 7rem } 

.mr-8 { margin-right: 8rem } 

.mr-9 { margin-right: 9rem } 

.mr-10 { margin-right: 10rem } 

.mr-11 { margin-right: 11rem } 

.mr-12 { margin-right: 12rem } 

.mr-13 { margin-right: 13rem } 

.mr-14 { margin-right: 14rem } 

.mr-15 { margin-right: 15rem } 

.mr-16 { margin-right: 16rem } 

.mr-17 { margin-right: 17rem } 

.mr-18 { margin-right: 18rem } 

.mr-19 { margin-right: 19rem } 

.mr-20 { margin-right: 20rem } 

.mr-21 { margin-right: 21rem } 

.mr-22 { margin-right: 22rem } 

.mr-23 { margin-right: 23rem } 

.mr-24 { margin-right: 24rem } 

.mr-25 { margin-right: 25rem } 

.mr-26 { margin-right: 26rem } 

.mr-27 { margin-right: 27rem } 

.mr-28 { margin-right: 28rem } 

.mr-29 { margin-right: 29rem } 

.mr-30 { margin-right: 30rem } 

.mr-31 { margin-right: 31rem } 

.mr-32 { margin-right: 32rem } 

.mr-33 { margin-right: 33rem } 

.mr-34 { margin-right: 34rem } 

.mr-35 { margin-right: 35rem } 

.mr-36 { margin-right: 36rem } 

.mr-37 { margin-right: 37rem } 

.mr-38 { margin-right: 38rem } 

.mr-39 { margin-right: 39rem } 

.mr-40 { margin-right: 40rem } 

.mr-41 { margin-right: 41rem } 

.mr-42 { margin-right: 42rem } 

.mr-43 { margin-right: 43rem } 

.mr-44 { margin-right: 44rem } 

.mr-45 { margin-right: 45rem } 

.mr-46 { margin-right: 46rem } 

.mr-47 { margin-right: 47rem } 

.mr-48 { margin-right: 48rem } 

.mr-49 { margin-right: 49rem } 

.mr-50 { margin-right: 50rem } 

.mr-51 { margin-right: 51rem } 

.mr-52 { margin-right: 52rem } 

.mr-53 { margin-right: 53rem } 

.mr-54 { margin-right: 54rem } 

.mr-55 { margin-right: 55rem } 

.mr-56 { margin-right: 56rem } 

.mr-57 { margin-right: 57rem } 

.mr-58 { margin-right: 58rem } 

.mr-59 { margin-right: 59rem } 

.mr-60 { margin-right: 60rem } 

.mr-61 { margin-right: 61rem } 

.mr-62 { margin-right: 62rem } 

.mr-63 { margin-right: 63rem } 

.mr-64 { margin-right: 64rem } 

.mr-65 { margin-right: 65rem } 

.mr-66 { margin-right: 66rem } 

.mr-67 { margin-right: 67rem } 

.mr-68 { margin-right: 68rem } 

.mr-69 { margin-right: 69rem } 

.mr-70 { margin-right: 70rem } 

.mr-71 { margin-right: 71rem } 

.mr-72 { margin-right: 72rem } 

.mr-73 { margin-right: 73rem } 

.mr-74 { margin-right: 74rem } 

.mr-75 { margin-right: 75rem } 

.mr-76 { margin-right: 76rem } 

.mr-77 { margin-right: 77rem } 

.mr-78 { margin-right: 78rem } 

.mr-79 { margin-right: 79rem } 

.mr-80 { margin-right: 80rem } 

.ml-1 { margin-left: 1rem } 

.ml-2 { margin-left: 2rem } 

.ml-3 { margin-left: 3rem } 

.ml-4 { margin-left: 4rem } 

.ml-5 { margin-left: 5rem } 

.ml-6 { margin-left: 6rem } 

.ml-7 { margin-left: 7rem } 

.ml-8 { margin-left: 8rem } 

.ml-9 { margin-left: 9rem } 

.ml-10 { margin-left: 10rem } 

.ml-11 { margin-left: 11rem } 

.ml-12 { margin-left: 12rem } 

.ml-13 { margin-left: 13rem } 

.ml-14 { margin-left: 14rem } 

.ml-15 { margin-left: 15rem } 

.ml-16 { margin-left: 16rem } 

.ml-17 { margin-left: 17rem } 

.ml-18 { margin-left: 18rem } 

.ml-19 { margin-left: 19rem } 

.ml-20 { margin-left: 20rem } 

.ml-21 { margin-left: 21rem } 

.ml-22 { margin-left: 22rem } 

.ml-23 { margin-left: 23rem } 

.ml-24 { margin-left: 24rem } 

.ml-25 { margin-left: 25rem } 

.ml-26 { margin-left: 26rem } 

.ml-27 { margin-left: 27rem } 

.ml-28 { margin-left: 28rem } 

.ml-29 { margin-left: 29rem } 

.ml-30 { margin-left: 30rem } 

.ml-31 { margin-left: 31rem } 

.ml-32 { margin-left: 32rem } 

.ml-33 { margin-left: 33rem } 

.ml-34 { margin-left: 34rem } 

.ml-35 { margin-left: 35rem } 

.ml-36 { margin-left: 36rem } 

.ml-37 { margin-left: 37rem } 

.ml-38 { margin-left: 38rem } 

.ml-39 { margin-left: 39rem } 

.ml-40 { margin-left: 40rem } 

.ml-41 { margin-left: 41rem } 

.ml-42 { margin-left: 42rem } 

.ml-43 { margin-left: 43rem } 

.ml-44 { margin-left: 44rem } 

.ml-45 { margin-left: 45rem } 

.ml-46 { margin-left: 46rem } 

.ml-47 { margin-left: 47rem } 

.ml-48 { margin-left: 48rem } 

.ml-49 { margin-left: 49rem } 

.ml-50 { margin-left: 50rem } 

.ml-51 { margin-left: 51rem } 

.ml-52 { margin-left: 52rem } 

.ml-53 { margin-left: 53rem } 

.ml-54 { margin-left: 54rem } 

.ml-55 { margin-left: 55rem } 

.ml-56 { margin-left: 56rem } 

.ml-57 { margin-left: 57rem } 

.ml-58 { margin-left: 58rem } 

.ml-59 { margin-left: 59rem } 

.ml-60 { margin-left: 60rem } 

.ml-61 { margin-left: 61rem } 

.ml-62 { margin-left: 62rem } 

.ml-63 { margin-left: 63rem } 

.ml-64 { margin-left: 64rem } 

.ml-65 { margin-left: 65rem } 

.ml-66 { margin-left: 66rem } 

.ml-67 { margin-left: 67rem } 

.ml-68 { margin-left: 68rem } 

.ml-69 { margin-left: 69rem } 

.ml-70 { margin-left: 70rem } 

.ml-71 { margin-left: 71rem } 

.ml-72 { margin-left: 72rem } 

.ml-73 { margin-left: 73rem } 

.ml-74 { margin-left: 74rem } 

.ml-75 { margin-left: 75rem } 

.ml-76 { margin-left: 76rem } 

.ml-77 { margin-left: 77rem } 

.ml-78 { margin-left: 78rem } 

.ml-79 { margin-left: 79rem } 

.ml-80 { margin-left: 80rem } 

.pt-1 { padding-top: 1rem } 

.pt-2 { padding-top: 2rem } 

.pt-3 { padding-top: 3rem } 

.pt-4 { padding-top: 4rem } 

.pt-5 { padding-top: 5rem } 

.pt-6 { padding-top: 6rem } 

.pt-7 { padding-top: 7rem } 

.pt-8 { padding-top: 8rem } 

.pt-9 { padding-top: 9rem } 

.pt-10 { padding-top: 10rem } 

.pt-11 { padding-top: 11rem } 

.pt-12 { padding-top: 12rem } 

.pt-13 { padding-top: 13rem } 

.pt-14 { padding-top: 14rem } 

.pt-15 { padding-top: 15rem } 

.pt-16 { padding-top: 16rem } 

.pt-17 { padding-top: 17rem } 

.pt-18 { padding-top: 18rem } 

.pt-19 { padding-top: 19rem } 

.pt-20 { padding-top: 20rem } 

.pt-21 { padding-top: 21rem } 

.pt-22 { padding-top: 22rem } 

.pt-23 { padding-top: 23rem } 

.pt-24 { padding-top: 24rem } 

.pt-25 { padding-top: 25rem } 

.pt-26 { padding-top: 26rem } 

.pt-27 { padding-top: 27rem } 

.pt-28 { padding-top: 28rem } 

.pt-29 { padding-top: 29rem } 

.pt-30 { padding-top: 30rem } 

.pt-31 { padding-top: 31rem } 

.pt-32 { padding-top: 32rem } 

.pt-33 { padding-top: 33rem } 

.pt-34 { padding-top: 34rem } 

.pt-35 { padding-top: 35rem } 

.pt-36 { padding-top: 36rem } 

.pt-37 { padding-top: 37rem } 

.pt-38 { padding-top: 38rem } 

.pt-39 { padding-top: 39rem } 

.pt-40 { padding-top: 40rem } 

.pt-41 { padding-top: 41rem } 

.pt-42 { padding-top: 42rem } 

.pt-43 { padding-top: 43rem } 

.pt-44 { padding-top: 44rem } 

.pt-45 { padding-top: 45rem } 

.pt-46 { padding-top: 46rem } 

.pt-47 { padding-top: 47rem } 

.pt-48 { padding-top: 48rem } 

.pt-49 { padding-top: 49rem } 

.pt-50 { padding-top: 50rem } 

.pt-51 { padding-top: 51rem } 

.pt-52 { padding-top: 52rem } 

.pt-53 { padding-top: 53rem } 

.pt-54 { padding-top: 54rem } 

.pt-55 { padding-top: 55rem } 

.pt-56 { padding-top: 56rem } 

.pt-57 { padding-top: 57rem } 

.pt-58 { padding-top: 58rem } 

.pt-59 { padding-top: 59rem } 

.pt-60 { padding-top: 60rem } 

.pt-61 { padding-top: 61rem } 

.pt-62 { padding-top: 62rem } 

.pt-63 { padding-top: 63rem } 

.pt-64 { padding-top: 64rem } 

.pt-65 { padding-top: 65rem } 

.pt-66 { padding-top: 66rem } 

.pt-67 { padding-top: 67rem } 

.pt-68 { padding-top: 68rem } 

.pt-69 { padding-top: 69rem } 

.pt-70 { padding-top: 70rem } 

.pt-71 { padding-top: 71rem } 

.pt-72 { padding-top: 72rem } 

.pt-73 { padding-top: 73rem } 

.pt-74 { padding-top: 74rem } 

.pt-75 { padding-top: 75rem } 

.pt-76 { padding-top: 76rem } 

.pt-77 { padding-top: 77rem } 

.pt-78 { padding-top: 78rem } 

.pt-79 { padding-top: 79rem } 

.pt-80 { padding-top: 80rem } 

.pb-1 { padding-bottom: 1rem } 

.pb-2 { padding-bottom: 2rem } 

.pb-3 { padding-bottom: 3rem } 

.pb-4 { padding-bottom: 4rem } 

.pb-5 { padding-bottom: 5rem } 

.pb-6 { padding-bottom: 6rem } 

.pb-7 { padding-bottom: 7rem } 

.pb-8 { padding-bottom: 8rem } 

.pb-9 { padding-bottom: 9rem } 

.pb-10 { padding-bottom: 10rem } 

.pb-11 { padding-bottom: 11rem } 

.pb-12 { padding-bottom: 12rem } 

.pb-13 { padding-bottom: 13rem } 

.pb-14 { padding-bottom: 14rem } 

.pb-15 { padding-bottom: 15rem } 

.pb-16 { padding-bottom: 16rem } 

.pb-17 { padding-bottom: 17rem } 

.pb-18 { padding-bottom: 18rem } 

.pb-19 { padding-bottom: 19rem } 

.pb-20 { padding-bottom: 20rem } 

.pb-21 { padding-bottom: 21rem } 

.pb-22 { padding-bottom: 22rem } 

.pb-23 { padding-bottom: 23rem } 

.pb-24 { padding-bottom: 24rem } 

.pb-25 { padding-bottom: 25rem } 

.pb-26 { padding-bottom: 26rem } 

.pb-27 { padding-bottom: 27rem } 

.pb-28 { padding-bottom: 28rem } 

.pb-29 { padding-bottom: 29rem } 

.pb-30 { padding-bottom: 30rem } 

.pb-31 { padding-bottom: 31rem } 

.pb-32 { padding-bottom: 32rem } 

.pb-33 { padding-bottom: 33rem } 

.pb-34 { padding-bottom: 34rem } 

.pb-35 { padding-bottom: 35rem } 

.pb-36 { padding-bottom: 36rem } 

.pb-37 { padding-bottom: 37rem } 

.pb-38 { padding-bottom: 38rem } 

.pb-39 { padding-bottom: 39rem } 

.pb-40 { padding-bottom: 40rem } 

.pb-41 { padding-bottom: 41rem } 

.pb-42 { padding-bottom: 42rem } 

.pb-43 { padding-bottom: 43rem } 

.pb-44 { padding-bottom: 44rem } 

.pb-45 { padding-bottom: 45rem } 

.pb-46 { padding-bottom: 46rem } 

.pb-47 { padding-bottom: 47rem } 

.pb-48 { padding-bottom: 48rem } 

.pb-49 { padding-bottom: 49rem } 

.pb-50 { padding-bottom: 50rem } 

.pb-51 { padding-bottom: 51rem } 

.pb-52 { padding-bottom: 52rem } 

.pb-53 { padding-bottom: 53rem } 

.pb-54 { padding-bottom: 54rem } 

.pb-55 { padding-bottom: 55rem } 

.pb-56 { padding-bottom: 56rem } 

.pb-57 { padding-bottom: 57rem } 

.pb-58 { padding-bottom: 58rem } 

.pb-59 { padding-bottom: 59rem } 

.pb-60 { padding-bottom: 60rem } 

.pb-61 { padding-bottom: 61rem } 

.pb-62 { padding-bottom: 62rem } 

.pb-63 { padding-bottom: 63rem } 

.pb-64 { padding-bottom: 64rem } 

.pb-65 { padding-bottom: 65rem } 

.pb-66 { padding-bottom: 66rem } 

.pb-67 { padding-bottom: 67rem } 

.pb-68 { padding-bottom: 68rem } 

.pb-69 { padding-bottom: 69rem } 

.pb-70 { padding-bottom: 70rem } 

.pb-71 { padding-bottom: 71rem } 

.pb-72 { padding-bottom: 72rem } 

.pb-73 { padding-bottom: 73rem } 

.pb-74 { padding-bottom: 74rem } 

.pb-75 { padding-bottom: 75rem } 

.pb-76 { padding-bottom: 76rem } 

.pb-77 { padding-bottom: 77rem } 

.pb-78 { padding-bottom: 78rem } 

.pb-79 { padding-bottom: 79rem } 

.pb-80 { padding-bottom: 80rem } 

.pr-1 { padding-right: 1rem } 

.pr-2 { padding-right: 2rem } 

.pr-3 { padding-right: 3rem } 

.pr-4 { padding-right: 4rem } 

.pr-5 { padding-right: 5rem } 

.pr-6 { padding-right: 6rem } 

.pr-7 { padding-right: 7rem } 

.pr-8 { padding-right: 8rem } 

.pr-9 { padding-right: 9rem } 

.pr-10 { padding-right: 10rem } 

.pr-11 { padding-right: 11rem } 

.pr-12 { padding-right: 12rem } 

.pr-13 { padding-right: 13rem } 

.pr-14 { padding-right: 14rem } 

.pr-15 { padding-right: 15rem } 

.pr-16 { padding-right: 16rem } 

.pr-17 { padding-right: 17rem } 

.pr-18 { padding-right: 18rem } 

.pr-19 { padding-right: 19rem } 

.pr-20 { padding-right: 20rem } 

.pr-21 { padding-right: 21rem } 

.pr-22 { padding-right: 22rem } 

.pr-23 { padding-right: 23rem } 

.pr-24 { padding-right: 24rem } 

.pr-25 { padding-right: 25rem } 

.pr-26 { padding-right: 26rem } 

.pr-27 { padding-right: 27rem } 

.pr-28 { padding-right: 28rem } 

.pr-29 { padding-right: 29rem } 

.pr-30 { padding-right: 30rem } 

.pr-31 { padding-right: 31rem } 

.pr-32 { padding-right: 32rem } 

.pr-33 { padding-right: 33rem } 

.pr-34 { padding-right: 34rem } 

.pr-35 { padding-right: 35rem } 

.pr-36 { padding-right: 36rem } 

.pr-37 { padding-right: 37rem } 

.pr-38 { padding-right: 38rem } 

.pr-39 { padding-right: 39rem } 

.pr-40 { padding-right: 40rem } 

.pr-41 { padding-right: 41rem } 

.pr-42 { padding-right: 42rem } 

.pr-43 { padding-right: 43rem } 

.pr-44 { padding-right: 44rem } 

.pr-45 { padding-right: 45rem } 

.pr-46 { padding-right: 46rem } 

.pr-47 { padding-right: 47rem } 

.pr-48 { padding-right: 48rem } 

.pr-49 { padding-right: 49rem } 

.pr-50 { padding-right: 50rem } 

.pr-51 { padding-right: 51rem } 

.pr-52 { padding-right: 52rem } 

.pr-53 { padding-right: 53rem } 

.pr-54 { padding-right: 54rem } 

.pr-55 { padding-right: 55rem } 

.pr-56 { padding-right: 56rem } 

.pr-57 { padding-right: 57rem } 

.pr-58 { padding-right: 58rem } 

.pr-59 { padding-right: 59rem } 

.pr-60 { padding-right: 60rem } 

.pr-61 { padding-right: 61rem } 

.pr-62 { padding-right: 62rem } 

.pr-63 { padding-right: 63rem } 

.pr-64 { padding-right: 64rem } 

.pr-65 { padding-right: 65rem } 

.pr-66 { padding-right: 66rem } 

.pr-67 { padding-right: 67rem } 

.pr-68 { padding-right: 68rem } 

.pr-69 { padding-right: 69rem } 

.pr-70 { padding-right: 70rem } 

.pr-71 { padding-right: 71rem } 

.pr-72 { padding-right: 72rem } 

.pr-73 { padding-right: 73rem } 

.pr-74 { padding-right: 74rem } 

.pr-75 { padding-right: 75rem } 

.pr-76 { padding-right: 76rem } 

.pr-77 { padding-right: 77rem } 

.pr-78 { padding-right: 78rem } 

.pr-79 { padding-right: 79rem } 

.pr-80 { padding-right: 80rem } 

.pl-1 { padding-left: 1rem } 

.pl-2 { padding-left: 2rem } 

.pl-3 { padding-left: 3rem } 

.pl-4 { padding-left: 4rem } 

.pl-5 { padding-left: 5rem } 

.pl-6 { padding-left: 6rem } 

.pl-7 { padding-left: 7rem } 

.pl-8 { padding-left: 8rem } 

.pl-9 { padding-left: 9rem } 

.pl-10 { padding-left: 10rem } 

.pl-11 { padding-left: 11rem } 

.pl-12 { padding-left: 12rem } 

.pl-13 { padding-left: 13rem } 

.pl-14 { padding-left: 14rem } 

.pl-15 { padding-left: 15rem } 

.pl-16 { padding-left: 16rem } 

.pl-17 { padding-left: 17rem } 

.pl-18 { padding-left: 18rem } 

.pl-19 { padding-left: 19rem } 

.pl-20 { padding-left: 20rem } 

.pl-21 { padding-left: 21rem } 

.pl-22 { padding-left: 22rem } 

.pl-23 { padding-left: 23rem } 

.pl-24 { padding-left: 24rem } 

.pl-25 { padding-left: 25rem } 

.pl-26 { padding-left: 26rem } 

.pl-27 { padding-left: 27rem } 

.pl-28 { padding-left: 28rem } 

.pl-29 { padding-left: 29rem } 

.pl-30 { padding-left: 30rem } 

.pl-31 { padding-left: 31rem } 

.pl-32 { padding-left: 32rem } 

.pl-33 { padding-left: 33rem } 

.pl-34 { padding-left: 34rem } 

.pl-35 { padding-left: 35rem } 

.pl-36 { padding-left: 36rem } 

.pl-37 { padding-left: 37rem } 

.pl-38 { padding-left: 38rem } 

.pl-39 { padding-left: 39rem } 

.pl-40 { padding-left: 40rem } 

.pl-41 { padding-left: 41rem } 

.pl-42 { padding-left: 42rem } 

.pl-43 { padding-left: 43rem } 

.pl-44 { padding-left: 44rem } 

.pl-45 { padding-left: 45rem } 

.pl-46 { padding-left: 46rem } 

.pl-47 { padding-left: 47rem } 

.pl-48 { padding-left: 48rem } 

.pl-49 { padding-left: 49rem } 

.pl-50 { padding-left: 50rem } 

.pl-51 { padding-left: 51rem } 

.pl-52 { padding-left: 52rem } 

.pl-53 { padding-left: 53rem } 

.pl-54 { padding-left: 54rem } 

.pl-55 { padding-left: 55rem } 

.pl-56 { padding-left: 56rem } 

.pl-57 { padding-left: 57rem } 

.pl-58 { padding-left: 58rem } 

.pl-59 { padding-left: 59rem } 

.pl-60 { padding-left: 60rem } 

.pl-61 { padding-left: 61rem } 

.pl-62 { padding-left: 62rem } 

.pl-63 { padding-left: 63rem } 

.pl-64 { padding-left: 64rem } 

.pl-65 { padding-left: 65rem } 

.pl-66 { padding-left: 66rem } 

.pl-67 { padding-left: 67rem } 

.pl-68 { padding-left: 68rem } 

.pl-69 { padding-left: 69rem } 

.pl-70 { padding-left: 70rem } 

.pl-71 { padding-left: 71rem } 

.pl-72 { padding-left: 72rem } 

.pl-73 { padding-left: 73rem } 

.pl-74 { padding-left: 74rem } 

.pl-75 { padding-left: 75rem } 

.pl-76 { padding-left: 76rem } 

.pl-77 { padding-left: 77rem } 

.pl-78 { padding-left: 78rem } 

.pl-79 { padding-left: 79rem } 

.pl-80 { padding-left: 80rem } 

.gap-1 { gap: .1rem}

.gap-2 { gap: .2rem}

.gap-3 { gap: .3rem}

.gap-4 { gap: .4rem}

.gap-5 { gap: .5rem}

.gap-6 { gap: .6rem}

.gap-7 { gap: .7rem}

.gap-8 { gap: .8rem}

.gap-9 { gap: .9rem}

.gap-10 { gap: 1rem}

.gap-11 { gap: 1.1rem}

.gap-12 { gap: 1.2rem}

.gap-13 { gap: 1.3rem}

.gap-14 { gap: 1.4rem}

.gap-15 { gap: 1.5rem}

.gap-16 { gap: 1.6rem}

.gap-17 { gap: 1.7rem}

.gap-18 { gap: 1.8rem}

.gap-19 { gap: 1.9rem}

.gap-20 { gap: 2rem}

.gap-21 { gap: 2.1rem}

.gap-22 { gap: 2.2rem}

.gap-23 { gap: 2.3rem}

.gap-24 { gap: 2.4rem}

.gap-25 { gap: 2.5rem}

.gap-26 { gap: 2.6rem}

.gap-27 { gap: 2.7rem}

.gap-28 { gap: 2.8rem}

.gap-29 { gap: 2.9rem}

.gap-30 { gap: 3rem}

.gap-31 { gap: 3.1rem}

.gap-32 { gap: 3.2rem}

.gap-33 { gap: 3.3rem}

.gap-34 { gap: 3.4rem}

.gap-35 { gap: 3.5rem}

.gap-36 { gap: 3.6rem}

.gap-37 { gap: 3.7rem}

.gap-38 { gap: 3.8rem}

.gap-39 { gap: 3.9rem}

.gap-40 { gap: 4rem}

.gap-41 { gap: 4.1rem}

.gap-42 { gap: 4.2rem}

.gap-43 { gap: 4.3rem}

.gap-44 { gap: 4.4rem}

.gap-45 { gap: 4.5rem}

.gap-46 { gap: 4.6rem}

.gap-47 { gap: 4.7rem}

.gap-48 { gap: 4.8rem}

.gap-49 { gap: 4.9rem}

.gap-50 { gap: 5rem}
.gap-60 { gap: 6rem}
.gap-70 { gap: 7rem}
.gap-80 { gap: 8rem}
.gap-90 { gap: 9rem}

.grid { display: grid; justify-content: center; align-content: center } 

.gr-1 { display: grid; grid-template-columns: repeat(1, 1fr) } 

.gr-2 { display: grid; grid-template-columns: repeat(2, 1fr) } 

.gr-3 { display: grid; grid-template-columns: repeat(3, 1fr) } 

.gr-4 { display: grid; grid-template-columns: repeat(4, 1fr) } 

.gr-5 { display: grid; grid-template-columns: repeat(5, 1fr) } 

.gr-6 { display: grid; grid-template-columns: repeat(6, 1fr) } 

@media screen and (max-width: 1600px){
 .gr-xxxl-1 { display:grid; grid-template-columns: repeat(1, 1fr) } 

 .gr-xxxl-2 { display: grid; grid-template-columns: repeat(2, 1fr) } 

 .gr-xxxl-3 { display: grid; grid-template-columns: repeat(3, 1fr) } 

 .gr-xxxl-4 { display: grid; grid-template-columns: repeat(4, 1fr) } 

 .gr-xxxl-5 { display: grid; grid-template-columns: repeat(5, 1fr) } 

 .gr-xxxl-6 { display: grid; grid-template-columns: repeat(6, 1fr) } 
 }

@media screen and (max-width: 1440px){
 .gr-xxl-1 { display:grid; grid-template-columns: repeat(1, 1fr) } 

 .gr-xxl-2 { display: grid; grid-template-columns: repeat(2, 1fr) } 

 .gr-xxl-3 { display: grid; grid-template-columns: repeat(3, 1fr) } 

 .gr-xxl-4 { display: grid; grid-template-columns: repeat(4, 1fr) } 

 .gr-xxl-5 { display: grid; grid-template-columns: repeat(5, 1fr) } 

 .gr-xxl-6 { display: grid; grid-template-columns: repeat(6, 1fr) } 
 }

@media screen and (max-width: 1280px){
 .gr-xl-1 { display:grid; grid-template-columns: repeat(1, 1fr) } 

 .gr-xl-2 { display: grid; grid-template-columns: repeat(2, 1fr) } 

 .gr-xl-3 { display: grid; grid-template-columns: repeat(3, 1fr) } 

 .gr-xl-4 { display: grid; grid-template-columns: repeat(4, 1fr) } 

 .gr-xl-5 { display: grid; grid-template-columns: repeat(5, 1fr) } 

 .gr-xl-6 { display: grid; grid-template-columns: repeat(6, 1fr) } 
 }

@media screen and (max-width: 1024px){
 .gr-l-1 { display:grid; grid-template-columns: repeat(1, 1fr) } 

 .gr-l-2 { display: grid; grid-template-columns: repeat(2, 1fr) } 

 .gr-l-3 { display: grid; grid-template-columns: repeat(3, 1fr) } 

 .gr-l-4 { display: grid; grid-template-columns: repeat(4, 1fr) } 

 .gr-l-5 { display: grid; grid-template-columns: repeat(5, 1fr) } 

 .gr-l-6 { display: grid; grid-template-columns: repeat(6, 1fr) } 
 }

@media screen and (max-width: 960px){
 .gr-lg-1 { display:grid; grid-template-columns: repeat(1, 1fr) } 

 .gr-lg-2 { display: grid; grid-template-columns: repeat(2, 1fr) } 

 .gr-lg-3 { display: grid; grid-template-columns: repeat(3, 1fr) } 

 .gr-lg-4 { display: grid; grid-template-columns: repeat(4, 1fr) } 

 .gr-lg-5 { display: grid; grid-template-columns: repeat(5, 1fr) } 

 .gr-lg-6 { display: grid; grid-template-columns: repeat(6, 1fr) } 
 }

@media screen and (max-width: 768px){
 .gr-md-1 { display:grid; grid-template-columns: repeat(1, 1fr) } 

 .gr-md-2 { display: grid; grid-template-columns: repeat(2, 1fr) } 

 .gr-md-3 { display: grid; grid-template-columns: repeat(3, 1fr) } 

 .gr-md-4 { display: grid; grid-template-columns: repeat(4, 1fr) } 

 .gr-md-5 { display: grid; grid-template-columns: repeat(5, 1fr) } 

 .gr-md-6 { display: grid; grid-template-columns: repeat(6, 1fr) } 
 }

@media screen and (max-width: 576px){
 .gr-sm-1 { display:grid; grid-template-columns: repeat(1, 1fr) } 

 .gr-sm-2 { display: grid; grid-template-columns: repeat(2, 1fr) } 

 .gr-sm-3 { display: grid; grid-template-columns: repeat(3, 1fr) } 

 .gr-sm-4 { display: grid; grid-template-columns: repeat(4, 1fr) } 

 .gr-sm-5 { display: grid; grid-template-columns: repeat(5, 1fr) } 

 .gr-sm-6 { display: grid; grid-template-columns: repeat(6, 1fr) } 
 }

@media screen and (max-width: 480px){
 .gr-xs-1 { display:grid; grid-template-columns: repeat(1, 1fr) } 

 .gr-xs-2 { display: grid; grid-template-columns: repeat(2, 1fr) } 

 .gr-xs-3 { display: grid; grid-template-columns: repeat(3, 1fr) } 

 .gr-xs-4 { display: grid; grid-template-columns: repeat(4, 1fr) } 

 .gr-xs-5 { display: grid; grid-template-columns: repeat(5, 1fr) } 

 .gr-xs-6 { display: grid; grid-template-columns: repeat(6, 1fr) } 
 }

.flex { display: flex; justify-content: center; align-items: center } 

.fl { display: flex } 

.fd-row { flex-direction: row } 

.fd-col { flex-direction: column } 

.jc-start { justify-content: flex-start } 

.jc-center { justify-content: center } 

.jc-end { justify-content: flex-end } 

.jc-between { justify-content: space-between } 

.jc-around { justify-content: space-around } 

.jc-evenly { justify-content: space-evenly } 

.ai-start { align-items: flex-start } 

.ai-center { align-items: center } 

.ai-end { align-items: flex-end } 

.ai-stretch { align-items: stretch } 

.fw-wrap { flex-wrap: wrap } 

.fw-nowrap { flex-wrap: nowrap } 

.ac-start { align-content: flex-start } 

.ac-center { align-content: center } 

.ac-end { align-content: flex-end } 

.ac-stretch { align-content: stretch } 

.ac-between { align-content: space-between } 

.ac-around { align-content: space-around } 

.ji-start { justify-items: start } 

.ji-center { justify-items: center } 

.ji-end { justify-items: end } 

.ji-stretch { justify-items: stretch } 

.wi1 { width: 10%; } 
.wi2 { width: 20%; } 
.wi3 { width: 30%; } 
.wi4 { width: 40%; } 
.wi5 { width: 50%; } 
.wi6 { width: 60%; } 
.wi7 { width: 70%; } 
.wi8 { width: 80%; } 
.wi9 { width: 90%; } 
.wi10 { width: 100%; } 



.wi-10 { width: 10% } 
.wi-15 { width: 15% } 
.wi-20 { width: 20% } 
.wi-25 { width: 25% } 
.wi-30 { width: 30% } 
.wi-35 { width: 35% } 
.wi-40 { width: 40% } 
.wi-45 { width: 45% } 
.wi-50 { width: 50% } 
.wi-55 { width: 55% } 
.wi-60 { width: 60% } 
.wi-65 { width: 65% } 
.wi-70 { width: 70% } 
.wi-75 { width: 75% } 
.wi-80 { width: 80% } 
.wi-85 { width: 85% } 
.wi-90 { width: 90% } 
.wi-95 { width: 95% } 
.wi-100 { width: 100% !important } 

.hi-auto { height: auto !important } 

.fl-col { flex-direction: column } 
.fl-cnt { display: flex; align-items: center } 

@media screen and (max-width: 1600px){
 .fl-xxxl-col { flex-direction: column } 

 .wi-xxxl-10 { width: 10% !important } 

 .wi-xxxl-15 { width: 15% !important } 

 .wi-xxxl-20 { width: 20% !important } 

 .wi-xxxl-25 { width: 25% !important } 

 .wi-xxxl-30 { width: 30% !important } 

 .wi-xxxl-35 { width: 35% !important } 

 .wi-xxxl-40 { width: 40% !important } 

 .wi-xxxl-45 { width: 45% !important } 

 .wi-xxxl-50 { width: 50% !important } 

 .wi-xxxl-55 { width: 55% !important } 

 .wi-xxxl-60 { width: 60% !important } 

 .wi-xxxl-65 { width: 65% !important } 

 .wi-xxxl-70 { width: 70% !important } 

 .wi-xxxl-75 { width: 75% !important } 

 .wi-xxxl-80 { width: 80% !important } 

 .wi-xxxl-85 { width: 85% !important } 

 .wi-xxxl-90 { width: 90% !important } 

 .wi-xxxl-95 { width: 95% !important } 

 .wi-xxxl-100 { width: 100% !important } 
 }

@media screen and (max-width: 1440px){
 .fl-xxl-col { flex-direction: column } 

 .wi-xxl-10 { width: 10% !important } 

 .wi-xxl-15 { width: 15% !important } 

 .wi-xxl-20 { width: 20% !important } 

 .wi-xxl-25 { width: 25% !important } 

 .wi-xxl-30 { width: 30% !important } 

 .wi-xxl-35 { width: 35% !important } 

 .wi-xxl-40 { width: 40% !important } 

 .wi-xxl-45 { width: 45% !important } 

 .wi-xxl-50 { width: 50% !important } 

 .wi-xxl-55 { width: 55% !important } 

 .wi-xxl-60 { width: 60% !important } 

 .wi-xxl-65 { width: 65% !important } 

 .wi-xxl-70 { width: 70% !important } 

 .wi-xxl-75 { width: 75% !important } 

 .wi-xxl-80 { width: 80% !important } 

 .wi-xxl-85 { width: 85% !important } 

 .wi-xxl-90 { width: 90% !important } 

 .wi-xxl-95 { width: 95% !important } 

 .wi-xxl-100 { width: 100% !important } 
 }

@media screen and (max-width: 1280px){
 .fl-xl-col { flex-direction: column } 

 .wi-xl-10 { width: 10% !important } 

 .wi-xl-15 { width: 15% !important } 

 .wi-xl-20 { width: 20% !important } 

 .wi-xl-25 { width: 25% !important } 

 .wi-xl-30 { width: 30% !important } 

 .wi-xl-35 { width: 35% !important } 

 .wi-xl-40 { width: 40% !important } 

 .wi-xl-45 { width: 45% !important } 

 .wi-xl-50 { width: 50% !important } 

 .wi-xl-55 { width: 55% !important } 

 .wi-xl-60 { width: 60% !important } 

 .wi-xl-65 { width: 65% !important } 

 .wi-xl-70 { width: 70% !important } 

 .wi-xl-75 { width: 75% !important } 

 .wi-xl-80 { width: 80% !important } 

 .wi-xl-85 { width: 85% !important } 

 .wi-xl-90 { width: 90% !important } 

 .wi-xl-95 { width: 95% !important } 

 .wi-xl-100 { width: 100% !important } 
 }

@media screen and (max-width: 1024px){
 .fl-l-col { flex-direction: column } 

 .wi-l-10 { width: 10% !important } 

 .wi-l-15 { width: 15% !important } 

 .wi-l-20 { width: 20% !important } 

 .wi-l-25 { width: 25% !important } 

 .wi-l-30 { width: 30% !important } 

 .wi-l-35 { width: 35% !important } 

 .wi-l-40 { width: 40% !important } 

 .wi-l-45 { width: 45% !important } 

 .wi-l-50 { width: 50% !important } 

 .wi-l-55 { width: 55% !important } 

 .wi-l-60 { width: 60% !important } 

 .wi-l-65 { width: 65% !important } 

 .wi-l-70 { width: 70% !important } 

 .wi-l-75 { width: 75% !important } 

 .wi-l-80 { width: 80% !important } 

 .wi-l-85 { width: 85% !important } 

 .wi-l-90 { width: 90% !important } 

 .wi-l-95 { width: 95% !important } 

 .wi-l-100 { width: 100% !important } 
 }

@media screen and (max-width: 960px){
 .fl-lg-col { flex-direction: column } 

 .wi-lg-10 { width: 10% !important } 

 .wi-lg-15 { width: 15% !important } 

 .wi-lg-20 { width: 20% !important } 

 .wi-lg-25 { width: 25% !important } 

 .wi-lg-30 { width: 30% !important } 

 .wi-lg-35 { width: 35% !important } 

 .wi-lg-40 { width: 40% !important } 

 .wi-lg-45 { width: 45% !important } 

 .wi-lg-50 { width: 50% !important } 

 .wi-lg-55 { width: 55% !important } 

 .wi-lg-60 { width: 60% !important } 

 .wi-lg-65 { width: 65% !important } 

 .wi-lg-70 { width: 70% !important } 

 .wi-lg-75 { width: 75% !important } 

 .wi-lg-80 { width: 80% !important } 

 .wi-lg-85 { width: 85% !important } 

 .wi-lg-90 { width: 90% !important } 

 .wi-lg-95 { width: 95% !important } 

 .wi-lg-100 { width: 100% !important } 
 }

@media screen and (max-width: 768px){
 .fl-md-col { flex-direction: column } 

 .wi-md-10 { width: 10% !important } 

 .wi-md-15 { width: 15% !important } 

 .wi-md-20 { width: 20% !important } 

 .wi-md-25 { width: 25% !important } 

 .wi-md-30 { width: 30% !important } 

 .wi-md-35 { width: 35% !important } 

 .wi-md-40 { width: 40% !important } 

 .wi-md-45 { width: 45% !important } 

 .wi-md-50 { width: 50% !important } 

 .wi-md-55 { width: 55% !important } 

 .wi-md-60 { width: 60% !important } 

 .wi-md-65 { width: 65% !important } 

 .wi-md-70 { width: 70% !important } 

 .wi-md-75 { width: 75% !important } 

 .wi-md-80 { width: 80% !important } 

 .wi-md-85 { width: 85% !important } 

 .wi-md-90 { width: 90% !important } 

 .wi-md-95 { width: 95% !important } 

 .wi-md-100 { width: 100% !important } 
 }

@media screen and (max-width: 576px){
 .fl-sm-col { flex-direction: column } 

 .wi-sm-10 { width: 10% !important } 

 .wi-sm-15 { width: 15% !important } 

 .wi-sm-20 { width: 20% !important } 

 .wi-sm-25 { width: 25% !important } 

 .wi-sm-30 { width: 30% !important } 

 .wi-sm-35 { width: 35% !important } 

 .wi-sm-40 { width: 40% !important } 

 .wi-sm-45 { width: 45% !important } 

 .wi-sm-50 { width: 50% !important } 

 .wi-sm-55 { width: 55% !important } 

 .wi-sm-60 { width: 60% !important } 

 .wi-sm-65 { width: 65% !important } 

 .wi-sm-70 { width: 70% !important } 

 .wi-sm-75 { width: 75% !important } 

 .wi-sm-80 { width: 80% !important } 

 .wi-sm-85 { width: 85% !important } 

 .wi-sm-90 { width: 90% !important } 

 .wi-sm-95 { width: 95% !important } 

 .wi-sm-100 { width: 100% !important } 
 }

@media screen and (max-width: 480px){
 .fl-xs-col { flex-direction: column } 

 .wi-xs-10 { width: 10% !important } 

 .wi-xs-15 { width: 15% !important } 

 .wi-xs-20 { width: 20% !important } 

 .wi-xs-25 { width: 25% !important } 

 .wi-xs-30 { width: 30% !important } 

 .wi-xs-35 { width: 35% !important } 

 .wi-xs-40 { width: 40% !important } 

 .wi-xs-45 { width: 45% !important } 

 .wi-xs-50 { width: 50% !important } 

 .wi-xs-55 { width: 55% !important } 

 .wi-xs-60 { width: 60% !important } 

 .wi-xs-65 { width: 65% !important } 

 .wi-xs-70 { width: 70% !important } 

 .wi-xs-75 { width: 75% !important } 

 .wi-xs-80 { width: 80% !important } 

 .wi-xs-85 { width: 85% !important } 

 .wi-xs-90 { width: 90% !important } 

 .wi-xs-95 { width: 95% !important } 

 .wi-xs-100 { width: 100% !important } 
 }