.mt-none {
    margin-top: 0 !important;
}
.mt-5p{
  margin-top: 5px;
}
.mt-10p{
  margin-top: 10px;
}
.mt--10p{
  margin-top: -10px !important;
}
.mt-15p{
  margin-top: 15px;
}
.mt-20p{
  margin-top: 20px;
}
.mt--20p{
  margin-top: -20px !important;
}
.mt-25p{
  margin-top: 25px;
}
.mt-30p{
  margin-top: 30px;
}
.mt-35p{
  margin-top: 35px;
}
.mt-40p{
  margin-top: 40px;
}
.mt-45p{
  margin-top: 45px;
}
.mt-50p{
  margin-top: 50px;
}
.mt-75p{
  margin-top: 75px;
}
.mt-100p{
  margin-top: 100px;
}
.mt--20p{
  margin-top: -20px;
}
.mt--30p{
  margin-top: -30px;
}
.mt--40p{
  margin-top: -40px;
}
.mb-none {
    margin-bottom: 0 !important;
}
.mb-5p{
  margin-bottom: 5px;
}
.mb-10p{
  margin-bottom: 10px;
}
.mb-15p{
  margin-bottom: 15px;
}
.mb-20p{
  margin-bottom: 20px;
}
.mb-25p{
  margin-bottom: 25px !important;
}
.mb-30p{
  margin-bottom: 30px;
}
.mb-35p{
  margin-bottom: 35px;
}
.mb-40p{
  margin-bottom: 40px;
}
.mb-45p{
  margin-bottom: 45px;
}
.mb-50p{
  margin-bottom: 50px;
}
.mb--20p{
  margin-bottom: -20px;
}
.mb--30p{
  margin-bottom: -30px;
}
.mb--40p{
  margin-bottom: -40px;
}
.ml-none {
    margin-left: 0 !important;
}
.ml-5p{
  margin-left: 5px;
}
.ml-10p{
  margin-left: 10px;
}
.ml-15p{
  margin-left: 15px;
}
.ml-20p{
  margin-left: 20px;
}
.ml-25p{
  margin-left: 25px;
}
.ml-30p{
  margin-left: 30px;
}
.ml-35p{
  margin-left: 35px;
}
.ml-40p{
  margin-left: 40px;
}
.ml-45p{
  margin-left: 45px;
}
.ml-50p{
  margin-left: 50px;
}
.mr-none {
    margin-right: 0 !important;
}
.mr-5p{
  margin-right: 5px;
}
.mr-10p{
  margin-right: 10px;
}
.mr-15p{
  margin-right: 15px;
}
.mr-20p{
  margin-right: 20px;
}
.mr-25p{
  margin-right: 25px;
}
.mr-30p{
  margin-right: 30px;
}
.mr-35p{
  margin-right: 35px;
}
.mr-40p{
  margin-right: 40px;
}
.mr-45p{
  margin-right: 45px;
}
.mr-50p{
  margin-right: 50px;
}
.mr--50p{
  margin-right: -50px;
}
.mr--100p{
  margin-right: -100px;
}
.mr--150p{
  margin-right: -150px;
}
.m-none {
    margin: 0 !important;
}
.m-5p{
  margin: 5px;
}
.m-10p{
  margin: 10px;
}
.m-15p{
  margin: 15px;
}
.m-20p{
  margin: 20px;
}
.m-25p{
  margin: 25px;
}
.m-30p{
  margin: 30px;
}
.m-35p{
  margin: 35px;
}
.m-40p{
  margin: 40px;
}
.m-45p{
  margin: 45px;
}
.m-50p{
  margin: 50px;
}
.pt-none {
  padding-top: 0 !important;
}
.pt-5p{
  padding-top: 5px;
}
.pt-10p{
  padding-top: 10px;
}
.pt-15p{
  padding-top: 15px;
}
.pt-20p{
  padding-top: 20px;
}
.pt-90p{
  padding-top: 90px;
}
.pt-125p{
  padding-top: 125px;
}
.pb-none {
  padding-bottom: 0 !important;
}
.pb-3p{
  padding-bottom: 3px;
}
.pb-5p{
  padding-bottom: 5px;
}
.pb-10p{
  padding-bottom: 10px;
}
.pb-15p{
  padding-bottom: 15px;
}
.pb-20p{
  padding-bottom: 20px;
}
.pb-75p{
  padding-bottom: 75px;
}
.pl-none {
  padding-left: 0 !important;
}
.pl-5p{
  padding-left: 5px;
}
.pl-10p{
  padding-left: 10px;
}
.pl-15p{
  padding-left: 15px;
}
.pl-20p{
  padding-left: 20px;
}
.pr-none {
  padding-right: 0 !important;
}
.pr-5p{
  padding-right: 5px;
}
.pr-10p{
  padding-right: 10px;
}
.pr-15p{
  padding-right: 15px;
}
.pr-20p{
  padding-right: 20px;
}
.p-none {
  padding: 0 !important;
}
.p-5p{
  padding: 5px;
}
.p-10p{
  padding: 10px;
}
.p-15p{
  padding: 15px;
}
.p-20p{
  padding: 20px;
}

.ofy-auto{
  overflow-y: auto  !important;
}
.of-auto{
  overflow: auto  !important;
}
.of-hidden {
  overflow: hidden !important;
}
.h-20{
  height: 20px;  
}
.h-50{
  height: 50px;  
}
.h-60{
  height: 60px;  
}
.h-70{
  height: 70px;  
}
.h-75{
  height: 75px;  
}
.h-100{
  height: 100px;  
}
.h-140{
  height: 140px;  
}
.h-150{
  height: 150px;  
}
.h-160{
  height: 160px;  
}
.h-170{
  height: 170px;  
}
.h-180{
  height: 180px;  
}
.h-200{
  height: 200px;  
}
.h-210{
  height: 210px;  
}
.h-240{
  height: 240px;  
}
.h-250{
  height: 250px;  
}
.h-280{
  height: 280px;  
}
.h-300{
  height: 300px;  
}
.h-325{
  height: 325px;  
}
.h-350{
  height: 350px;  
}
.h-380{
  height: 380px;  
}
.h-385{
  height: 385px;  
}
.h-400{
  height: 400px;  
}
.h-450{
  height: 450px;  
}
.h-500{
  height: 500px;  
}
.h-550{
  height: 550px;  
}
.h-565{
  height: 565px;  
}
.h-685{
  height: 685px;  
}
.h-20p{
  height: 20%;
}
.h-30p{
  height: 30%;
}
.h-40p{
  height: 40%;
}
.h-50p{
  height: 50%;
}
.h-60p{
  height: 60%;
}
.h-70p{
  height: 70%;
}
.h-80p{
  height: 80%;
}
.h-100p{
  height: 100% !important;
}
.h-100p-20px{
  height: calc(100% - 20px) !important;
}
.h-100p-30px{
  height: calc(100% - 30px) !important;
}
.h-100p-40px{
  height: calc(100% - 40px) !important;
}
.h-100p-50px{
  height: calc(100% - 50px) !important;
}
.h-100p-75px{
  height: calc(100% - 75px) !important;
}
.h-100p-90px{
  height: calc(100% - 90px);
}
.h-100p-95px{
  height: calc(100% - 95px);
}
.h-100p-100px{
  height: calc(100% - 100px);
}
.h-100p-110px{
  height: calc(100% - 110px);
}
.h-100p-120px{
  height: calc(100% - 120px);
}
.h-100p-130px{
  height: calc(100% - 130px);
}
.h-100p-150px{
  height: calc(100% - 150px);
}
.h-100p-160px{
  height: calc(100% - 160px);
}
.h-100p-165px{
  height: calc(100% - 165px);
}
.h-100p-170px{
  height: calc(100% - 170px);
}
.h-100p-225px{
  height: calc(100% - 225px);
}
.h-100p-250px{
  height: calc(100% - 250px);
}
.h-100p-275px{
  height: calc(100% - 275px);
}
.h-100p-300px{
  height: calc(100% - 300px);
}
.h-100p-325px{
  height: calc(100% - 325px);
}
.vh-100p{
  height: calc(100vh - 100px);
}
.vh-110p{
  height: calc(100vh - 110px);
}
.vh-130p{
  height: calc(100vh - 130px);
}
.vh-140p{
  height: calc(100vh - 140px);
}
.vh-160p{
  height: calc(100vh - 160px);
}
.vh-180p{
  height: calc(100vh - 180px);
}
.vh-200p{
  height: calc(100vh - 200px);
}
.vh-210p{
  height: calc(100vh - 210px);
}
.vh-230p{
  height: calc(100vh - 230px);
}
.vh-240p{
  height: calc(100vh - 240px);
}
.vh-250p{
  height: calc(100vh - 250px);
}
.vh-260p{
  height: calc(100vh - 260px);
}
.vh-275p{
  height: calc(100vh - 275px);
}
.vh-300p{
  height: calc(100vh - 300px);
}
.vh-315p{
  height: calc(100vh - 315px);
}
.vh-330p{
  height: calc(100vh - 330px);
}
.vh-390p{
  height: calc(100vh - 390px);
}
.vh-425p{
  height: calc(100vh - 425px);
}
.vh-430p{
  height: calc(100vh - 430px);
}
.vh-435p{
  height: calc(100vh - 435px);
}
.vh-440p{
  height: calc(100vh - 440px);
}
.vh-445p{
  height: calc(100vh - 445px) !important;
}
.vh-450p{
  height: calc(100vh - 450px);
}
.vh-470p{
  height: calc(100vh - 470px);
}
.vh-475p{
  height: calc(100vh - 475px);
}
.vh-480p{
  height: calc(100vh - 480px);
}
.vh-550p{
  height: calc(100vh - 550px);
}
.mh-100p{
  max-height: 100%;
}
.mh-60px{
  max-height: 60px;
}
.mh-70px{
  max-height: 70px;
}
.mh-85px{
  max-height: 85px;
}  
.mh-160px{
  max-height: 160px;
}  
.mh-210px{
  max-height: 210px;
}  
.mh-350px{
  max-height: 350px;
}  
.w-100p{
  width: 100% !important;
}
.w-50p{
  width: 50% !important;
}
.w-90px{
  width: 90px !important;
}
.w-220px{
  width: 220px !important;
}
.w-250px{
  width: 250px !important;
}
.w-300px{
  width: 300px !important;
}
.mw-90px{
  max-width: 90px;
}  
.mw-145px{
  max-width: 145px;
} 
.mw-160px{
  max-width: 160px;
} 
.mw-200px{
  max-width: 200px;
}
.mw-250px{
  max-width: 250px;
}
.mw-350px{
  max-width: 350px;
}  
.mw-450px{
  max-width: 450px;
}  
.minw-360px{
  min-width: 360px;
}  
.grid-1{
  display: grid;
  grid-template-columns: repeat(1, 1fr);    
}
.grid-1-2{
  display: grid;
  grid-template-columns: 1fr 2fr;    
}
.grid-2{
  display: grid;
  grid-template-columns: repeat(2, 1fr);    
}
.grid-2-1{
  display: grid;
  grid-template-columns: 2fr 1fr;    
}
.grid-3{
  display: grid;
  grid-template-columns: repeat(3, 1fr);    
}
.grid-4{
  display: grid;
  grid-template-columns: repeat(4, 1fr);    
}
.grid-5{
  display: grid;
  grid-template-columns: repeat(5, 1fr);    
}
.grid-6{
  display: grid;
  grid-template-columns: repeat(6, 1fr);    
}
.grid-7{
  display: grid;
  grid-template-columns: repeat(7, 1fr);    
}
.grid-8{
  display: grid;
  grid-template-columns: repeat(8, 1fr);    
}
.grid-rowgap-8{
  grid-row-gap: 8px;
}
.grid-rowgap-10{
  grid-row-gap: 10px;
}
.grid-colgap-8{
  grid-column-gap: 8px;
}
.grid-colgap-10{
  grid-column-gap: 10px;
}
.grid-row-2-span-3 {
    grid-row: 2 / span 3;
}
.grid-span-1 {
    grid-column: span 1;
}
.grid-span-2 {
    grid-column: span 2;
}
.grid-span-3 {
    grid-column: span 3;
}
.grid-span-4 {
    grid-column: span 4;
}
.grid-span-all {
  grid-column: 1 / -1;
}
.grid-row-fullheight {
  grid-template-rows: 100%;
}
.j-self-start{
  justify-self: flex-start;  
}
.j-self-center{
  justify-self: center;
}
.j-self-end{
  justify-self: flex-end;
}
.j-content-start{
  justify-content: flex-start;  
}
.j-content-center{
  justify-content: center;
}
.j-content-end{
  justify-content: flex-end;
}
.a-self-start{
  align-self: flex-start;  
}
.a-self-center{
  align-self: center;
}
.a-self-end{
  align-self: flex-end;
}
.flex{
  display:flex;
}
.a-items-center{
  align-items: center;
}
.j-content-center{
  justify-content: center;
}
.j-content-space-between {
  justify-content: space-between;
}
.text-right{
    text-align: right;
}
.font-weight-400{
  font-weight: 400;
}
.font-625{
  font-size: .625vw;
}
.font-1{
  font-size: .75vw;
}
.font-2{
  font-size: 1vw;
}
.font-3{
  font-size: 1.25vw;
}
.font-4{
  font-size: 1.5vw;
}
.font-5{
  font-size: 1.75vw;
}
.font-6{
  font-size: 2vw;
}
.font-7{
  font-size: 2.25vw;
}
.font-8{
  font-size: 2.5vw;
}
.fs-12px{
  font-size: 12px;
}
.fs-14px{
  font-size: 14px;
}
.fs-20px{
  font-size: 20px;
}
.fs-24px{
  font-size: 24px !important;
}
.font-weight-400{
  font-weight: 400;
}
.fw-b{
  font-weight: bold;
}
.b-left-gray{
  border-left: 1px solid lightgray;
}
.b-right-gray{
  border-right: 1px solid lightgray;
}
.b-left-primary{
  border-left: 2px solid var(--primary);
}
.b-right-primary{
  border-right: 2px solid var(--primary);
}
.rotate180{
  transform: rotate(180deg);
}
.noUnderline{
  text-decoration: none;
}
.display-none{
  display: none;
}
@media all and (max-width: 959px) {
  .grid-3,
  .grid-2 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  
  .grid-span-3,
  .grid-span-2 {
    grid-column: unset !important;
  }
}