::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: transparent; 
}

::-webkit-scrollbar-thumb {
    background: #00000044; 
}

::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

* { -webkit-tap-highlight-color: transparent; }


:root { 
    --background-color: #f2f2f2; 
    --primary-color: #162F65;

    --tr1: 0.67;
    --tr2: 0.10;

    --plt1: #0000b3;
    --plt2: #001f7d;
    --plt3: #bfcfff;
    --plt4: #809fff;
    --plt5: #eaeaea;
    --plt1-tr1: rgb(0, 0, 179, var(--tr1));
    --plt2-tr1: rgb(0, 31, 125, var(--tr1));
    --plt3-tr1: rgb(191, 207, 255, var(--tr1));
    --plt4-tr1: rgb(128, 159, 255, var(--tr1));
    --plt5-tr1: rgb(234, 234, 234, var(--tr1));
    --plt1-tr2: rgb(0, 0, 179, var(--tr2));
    --plt2-tr2: rgb(0, 31, 125, var(--tr2));
    --plt3-tr2: rgb(191, 207, 255, var(--tr2));
    --plt4-tr2: rgb(128, 159, 255, var(--tr2));
    --plt5-tr2: rgb(234, 234, 234, var(--tr2));
    
    --pd1: 8px 14px;
    --fs1: 18px; /* title   */
    --fs2: 15px; /* medium-text */
    --fs3: 12px; /* small-text */
    --fs4: 10px; /* very small-text */
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}

.cursor-pointer {cursor: pointer;}
.cursor-default  {cursor: default;}
.cursor-text  {cursor: text ;}
.cursor-wait  {cursor: wait ;}
.cursor-crosshair  {cursor: crosshair ;}
.cursor-move  {cursor: move ;}
.cursor-not-allowed  {cursor: not-allowed ;}
.cursor-help  {cursor: help ;}

/*      Font Size      */
.fs-2 {font-size: 2px;}
.fs-3 {font-size: 3px;}
.fs-4 {font-size: 4px;}
.fs-5 {font-size: 5px;}
.fs-6 {font-size: 6px;}
.fs-7 {font-size: 7px;}
.fs-8 {font-size: 8px;}
.fs-9 {font-size: 9px;}
.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-30 {font-size: 30px;}
.fs-35 {font-size: 35px;}
.fs-40 {font-size: 40px;}
.fs-45 {font-size: 45px;}
.fs-50 {font-size: 50px;}
.fs-55 {font-size: 55px;}
.fs-60 {font-size: 60px;}
.fs-65 {font-size: 65px;}
.fs-70 {font-size: 70px;}
.fs-75 {font-size: 75px;}
.fs-80 {font-size: 80px;}
.fs-85 {font-size: 85px;}
.fs-90 {font-size: 90px;}
.fs-95 {font-size: 95px;}
.fs-100 {font-size: 100px;}
.fs-200 {font-size: 200px;}

.fs1 {font-size: var(--fs1);}
.fs2 {font-size: var(--fs2);}
.fs3 {font-size: var(--fs3);}
.fs4 {font-size: var(--fs4);}

/*      Font Weight      */
.fw-light {font-weight: 300;}
.fw-normal {font-weight: 400;}
.fw-bold {font-weight: 700;}

/*      Font Color      */
.clr-black-1 {color: #000000}
.clr-black-2 {color: #070e26}
.clr-grey-1 {color: #777777}
.clr-grey-2 {color: #bec3d0}
.clr-white {color: #ffffff}
.clr-green {color: #009900}
.clr-yellow {color: #e6c109}
.clr-blue {color: #2146ae}
.clr-red {color: #e60909}

.clr-blue-hv:hover {color: #2146aeaa} /* :hover is an event, */
.clr-white-hv:hover {color: #ffffff} /* :hover is an event, */
.clr-black-2-hv:hover {color: #070e26}


/*      Text Align      */
.txt-l {text-align: left;}
.txt-c {text-align: center;}
.txt-r {text-align: right;}
.txt-j {text-align: justify;}
.txt-u {text-decoration: underline;}
.txt-lt {text-decoration: line-through;}
.txt-none {text-decoration: none;}

.txt-u-hv:hover {text-decoration: underline;} /* :hover is an event, so just put txt-u-hv */

/*      Text Wrap      */
.tw-wrap {white-space: normal;}
.tw-nowrap {white-space: nowrap;}
.tw-pre {white-space: pre;}
.tw-pre-wrap {white-space: pre-wrap;}
.tw-pre-line {white-space: pre-line;}

.us-none {user-select: none;}

/*      Display      */
.d-block { display: block;}
.d-flex { display: flex;}
.d-inline-flex { display: inline-flex;}
.d-flex-center { display: flex; justify-content: center; align-items: center;}
.d-none { display: none;}

/*     Flex Direction #sangat Penting, perlu ada d-flex dulu bru bole guna ni  */
.fd-row {flex-direction: row;}
.fd-column {flex-direction: column;}
.fd-row-reverse {flex-direction: row-reverse;}
.fd-column-reverse {flex-direction: column-reverse;}


.f-shrink-0 {flex-shrink: 0;} /* to keep the width same */
.fw-wrap {flex-wrap: wrap;} /* to keep the width same but go next line, applied at parent */

/*      Justify Content -horizontal(guna d-flex)  */
.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;}

/*      Align Item -vertical(guna d-flex)     */
.ai-start { align-items: flex-start;}
.ai-center { align-items: center;}
.ai-end { align-items: flex-end;}
.ai-stretch { align-items: stretch;}

/*      Background Color      */
.bg-plt1 {background-color: var(--plt1);}
.bg-plt2 {background-color: var(--plt2);}
.bg-plt3 {background-color: var(--plt3);}
.bg-plt4 {background-color: var(--plt4);}
.bg-plt5 {background-color: var(--plt5);}
.bg-plt1-tr1 {background-color: var(--plt1-tr1);}
.bg-plt2-tr1 {background-color: var(--plt2-tr1);}
.bg-plt3-tr1 {background-color: var(--plt3-tr1);}
.bg-plt4-tr1 {background-color: var(--plt4-tr1);}
.bg-plt5-tr1 {background-color: var(--plt5-tr1);}
.bg-plt1-tr2 {background-color: var(--plt1-tr2);}
.bg-plt2-tr2 {background-color: var(--plt2-tr2);}
.bg-plt3-tr2 {background-color: var(--plt3-tr2);}
.bg-plt4-tr2 {background-color: var(--plt4-tr2);}
.bg-plt5-tr2 {background-color: var(--plt5-tr2);}
.bg-white { background-color: #f7fcfe; }
.bg-red { background-color: #bc3333; }
.bg-grey-1 { background-color: #777777; }
.bg-grey-2 { background-color: #bec3d0; }
.bg-green-1 { background-color: #009900; }
.bg-green-2 { background-color: #00990033; }
.bg-yellow-1 { background-color: #ffff00; }
.bg-gold-1 { background-color: #ffd700; }
.bg-gold-2 { background-color: #ffd70044; }

.bg-red-hv:hover { background-color: #bc3333ff; }
.bg-blue-hv:hover { background-color: #0000ff08; }
.bg-blue-1-hv:hover { background-color: var(--plt2); }
.bg-grey-1-hv:hover { background-color: #777777; } 
.bg-grey-2-hv:hover { background-color: #bec3d0; } 
.bg-gold-1-hv:hover {color: #ffd700}
.bg-gold-2-hv:hover {color: #ffd70044}


.border-none {border: none;}

/*      Box sizing for including pad & border-size based on width & height      */
.bs-bb { box-sizing: border-box;}
.bs-cb { box-sizing: content-box;}

/*      Padding       */
.pd-0 {padding: 0px;}
.pd-1 {padding: 1px;}
.pd-2 {padding: 2px;}
.pd-3 {padding: 3px;}
.pd-4 {padding: 4px;}
.pd-5 {padding: 5px;}
.pd-6 {padding: 6px;}
.pd-7 {padding: 7px;}
.pd-8 {padding: 8px;}
.pd-9 {padding: 9px;}
.pd-10 {padding: 10px;}
.pd-15 {padding: 15px;}
.pd-20 {padding: 20px;}
.pd-25 {padding: 25px;}
.pd-30 {padding: 30px;}
.pd-35 {padding: 35px;}
.pd-40 {padding: 40px;}
.pd-45 {padding: 45px;}
.pd-50 {padding: 50px;}
.pd-t-1 {padding-top: 1px;}
.pd-t-2 {padding-top: 2px;}
.pd-t-3 {padding-top: 3px;}
.pd-t-4 {padding-top: 4px;}
.pd-t-5 {padding-top: 5px;}
.pd-t-10 {padding-top: 10px;}
.pd-t-15 {padding-top: 15px;}
.pd-t-20 {padding-top: 20px;}
.pd-b-5 {padding-bottom: 5px;}
.pd-b-10 {padding-bottom: 10px;}
.pd-b-15 {padding-bottom: 15px;}
.pd-b-20 {padding-bottom: 20px;}
.pd-b-30 {padding-bottom: 30px;}
.pd-b-40 {padding-bottom: 40px;}
.pd-b-50 {padding-bottom: 50px;}
.pd-b-60 {padding-bottom: 60px;}
.pd-b-70 {padding-bottom: 70px;}
.pd-b-80 {padding-bottom: 80px;}
.pd-b-90 {padding-bottom: 90px;}
.pd-b-100 {padding-bottom: 100px;}
.pd-l-1 {padding-top: 1px;}
.pd-l-2 {padding-top: 2px;}
.pd-l-3 {padding-top: 3px;}
.pd-l-4 {padding-top: 4px;}
.pd-l-5 {padding-left: 5px;}
.pd-l-10 {padding-left: 10px;}
.pd-l-15 {padding-left: 15px;}
.pd-l-20 {padding-left: 20px;}
.pd-l-30 {padding-left: 30px;}
.pd-l-40 {padding-left: 50px;}
.pd-l-50 {padding-left: 50px;}
.pd-r-1 {padding-top: 1px;}
.pd-r-2 {padding-top: 2px;}
.pd-r-3 {padding-top: 3px;}
.pd-r-4 {padding-top: 4px;}
.pd-r-5 {padding-right: 5px;}
.pd-r-10 {padding-right: 10px;}
.pd-r-15 {padding-right: 15px;}
.pd-r-20 {padding-right: 20px;}
.pd-r-30 {padding-right: 30px;}
.pd-r-40 {padding-right: 40px;}
.pd-r-50 {padding-right: 50px;}
.pd-tb-0 {padding-top: 0px; padding-bottom: 0px;}
.pd-tb-1 {padding-top: 1px; padding-bottom: 1px;}
.pd-tb-2 {padding-top: 2px; padding-bottom: 2px;}
.pd-tb-3 {padding-top: 3px; padding-bottom: 3px;}
.pd-tb-4 {padding-top: 4px; padding-bottom: 4px;}
.pd-tb-5 {padding-top: 5px; padding-bottom: 5px;}
.pd-tb-6 {padding-top: 6px; padding-bottom: 6px;}
.pd-tb-7 {padding-top: 7px; padding-bottom: 7px;}
.pd-tb-8 {padding-top: 8px; padding-bottom: 8px;}
.pd-tb-9 {padding-top: 9px; padding-bottom: 9px;}
.pd-tb-10 {padding-top: 10px; padding-bottom: 10px;}
.pd-tb-15 {padding-top: 15px; padding-bottom: 15px;}
.pd-tb-20 {padding-top: 20px; padding-bottom: 20px;}
.pd-lr-0 {padding-left: 0px; padding-right: 0px;}
.pd-lr-1 {padding-left: 1px; padding-right: 1px;}
.pd-lr-2 {padding-left: 2px; padding-right: 2px;}
.pd-lr-3 {padding-left: 3px; padding-right: 3px;}
.pd-lr-4 {padding-left: 4px; padding-right: 4px;}
.pd-lr-5 {padding-left: 5px; padding-right: 5px;}
.pd-lr-6 {padding-left: 6px; padding-right: 6px;}
.pd-lr-7 {padding-left: 7px; padding-right: 7px;}
.pd-lr-8 {padding-left: 8px; padding-right: 8px;}
.pd-lr-9 {padding-left: 9px; padding-right: 9px;}
.pd-lr-10 {padding-left: 10px; padding-right: 10px;}
.pd-lr-15 {padding-left: 15px; padding-right: 15px;}
.pd-lr-20 {padding-left: 20px; padding-right: 20px;}
.pd-lr-30 {padding-left: 30px; padding-right: 30px;}
.pd-lr-40 {padding-left: 40px; padding-right: 40px;}
.pd-lr-50 {padding-left: 50px; padding-right: 50px;}
.pd-lr-60 {padding-left: 60px; padding-right: 60px;}
.pd-lr-70 {padding-left: 70px; padding-right: 70px;}
.pd-lr-80 {padding-left: 80px; padding-right: 80px;}
.pd-lr-90 {padding-left: 90px; padding-right: 90px;}
.pd-lr-100 {padding-left: 100px; padding-right: 100px;}


/*      Margin      */
.mg-0 {margin: 0px;}
.mg-5 {margin: 5px;}
.mg-10 {margin: 10px;}
.mg-15 {margin: 15px;}
.mg-20 {margin: 20px;}
.mg-25 {margin: 25px;}
.mg-30 {margin: 30px;}
.mg-35 {margin: 35px;}
.mg-40 {margin: 40px;}
.mg-45 {margin: 45px;}
.mg-50 {margin: 50px;}
.mg-t-1 {margin-top: 1px;}
.mg-t-2 {margin-top: 2px;}
.mg-t-3 {margin-top: 3px;}
.mg-t-4 {margin-top: 4px;}
.mg-t-5 {margin-top: 5px;}
.mg-t-8 {margin-top: 8px;}
.mg-t-10 {margin-top: 10px;}
.mg-t-15 {margin-top: 15px;}
.mg-t-20 {margin-top: 20px;}
.mg-t-25 {margin-top: 25px;}
.mg-t-30 {margin-top: 30px;}
.mg-t-35 {margin-top: 35px;}
.mg-t-40 {margin-top: 40px;}
.mg-t-45 {margin-top: 45px;}
.mg-t-50 {margin-top: 50px;}
.mg-t-60 {margin-top: 60px;}
.mg-t-70 {margin-top: 70px;}
.mg-t-80 {margin-top: 80px;}
.mg-t-90 {margin-top: 90px;}
.mg-t-100 {margin-top: 100px;}
.mg-t-150 {margin-top: 150px;}
.mg-t-180 {margin-top: 180px;}
.mg-t-200 {margin-top: 200px;}
.mg-b-5 {margin-bottom: 5px;}
.mg-b-10 {margin-bottom: 10px;}
.mg-b-15 {margin-bottom: 15px;}
.mg-b-20 {margin-bottom: 20px;}
.mg-b-25 {margin-bottom: 25px;}
.mg-b-30 {margin-bottom: 30px;}
.mg-b-35 {margin-bottom: 35px;}
.mg-b-40 {margin-bottom: 40px;}
.mg-b-45 {margin-bottom: 45px;}
.mg-b-50 {margin-bottom: 50px;}
.mg-b-60 {margin-bottom: 60px;}
.mg-b-70 {margin-bottom: 70px;}
.mg-b-80 {margin-bottom: 80px;}
.mg-b-90 {margin-bottom: 90px;}
.mg-b-100 {margin-bottom: 100px;}
.mg-b-150 {margin-bottom: 150px;}
.mg-b-200 {margin-bottom: 200px;}
.mg-tb-0 {margin-top: 0px; margin-bottom: 0px;}
.mg-tb-1 {margin-top: 1px; margin-bottom: 1px;}
.mg-tb-2 {margin-top: 2px; margin-bottom: 2px;}
.mg-tb-3 {margin-top: 3px; margin-bottom: 3px;}
.mg-tb-4 {margin-top: 4px; margin-bottom: 4px;}
.mg-tb-5 {margin-top: 5px; margin-bottom: 5px;}
.mg-tb-6 {margin-top: 6px; margin-bottom: 6px;}
.mg-tb-7 {margin-top: 7px; margin-bottom: 7px;}
.mg-tb-8 {margin-top: 8px; margin-bottom: 8px;}
.mg-tb-9 {margin-top: 9px; margin-bottom: 9px;}
.mg-tb-10 {margin-top: 10px; margin-bottom: 10px;}
.mg-tb-15 {margin-top: 15px; margin-bottom: 15px;}
.mg-tb-20 {margin-top: 20px; margin-bottom: 20px;}
.mg-tb-25 {margin-top: 25px; margin-bottom: 25px;}
.mg-tb-30 {margin-top: 30px; margin-bottom: 30px;}
.mg-tb-35 {margin-top: 35px; margin-bottom: 35px;}
.mg-tb-40 {margin-top: 40px; margin-bottom: 40px;}
.mg-l-1 {margin-left: 1px;}
.mg-l-2 {margin-left: 2px;}
.mg-l-3 {margin-left: 3px;}
.mg-l-4 {margin-left: 4px;}
.mg-l-5 {margin-left: 5px;}
.mg-l-6 {margin-left: 6px;}
.mg-l-7 {margin-left: 7px;}
.mg-l-8 {margin-left: 8px;}
.mg-l-9 {margin-left: 9px;}
.mg-l-10 {margin-left: 10px;}
.mg-l-15 {margin-left: 15px;}
.mg-l-20 {margin-left: 20px;}
.mg-l-25 {margin-left: 25px;}
.mg-l-30 {margin-left: 30px;}
.mg-l-35 {margin-left: 30px;}
.mg-l-40 {margin-left: 35px;}
.mg-l-45 {margin-left: 40px;}
.mg-l-50 {margin-left: 50px;}
.mg-l-100 {margin-left: 100px;}
.mg-l-150 {margin-left: 150px;}
.mg-l-200 {margin-left: 200px;}
.mg-l-250 {margin-left: 250px;}
.mg-l-260 {margin-left: 260px;}
.mg-l-270 {margin-left: 270px;}
.mg-l-280 {margin-left: 280px;}
.mg-l-290 {margin-left: 290px;}
.mg-l-300 {margin-left: 300px;}
.mg-r-1 {margin-right: 1px;}
.mg-r-2 {margin-right: 2px;}
.mg-r-3 {margin-right: 3px;}
.mg-r-4 {margin-right: 4px;}
.mg-r-5 {margin-right: 5px;}
.mg-r-10 {margin-right: 10px;}
.mg-r-15 {margin-right: 15px;}
.mg-r-20 {margin-right: 20px;}
.mg-r-25 {margin-right: 25px;}
.mg-r-30 {margin-right: 30px;}
.mg-r-35 {margin-right: 30px;}
.mg-r-40 {margin-right: 35px;}
.mg-r-45 {margin-right: 40px;}
.mg-r-50 {margin-right: 50px;}
.mg-lr-0 {margin-left: 0px; margin-right: 0px;}
.mg-lr-1 {margin-left: 1px; margin-right: 1px;}
.mg-lr-2 {margin-left: 2px; margin-right: 2px;}
.mg-lr-3 {margin-left: 3px; margin-right: 3px;}
.mg-lr-4 {margin-left: 4px; margin-right: 4px;}
.mg-lr-5 {margin-left: 5px; margin-right: 5px;}
.mg-lr-6 {margin-left: 6px; margin-right: 6px;}
.mg-lr-7 {margin-left: 7px; margin-right: 7px;}
.mg-lr-8 {margin-left: 8px; margin-right: 8px;}
.mg-lr-9 {margin-left: 9px; margin-right: 9px;}
.mg-lr-10 {margin-left: 10px; margin-right: 10px;}
.mg-lr-15 {margin-left: 15px; margin-right: 15px;}
.mg-lr-20 {margin-left: 20px; margin-right: 20px;}
.mg-lr-25 {margin-left: 25px; margin-right: 25px;}
.mg-lr-30 {margin-left: 30px; margin-right: 30px;}
.mg-lr-35 {margin-left: 35px; margin-right: 35px;}
.mg-lr-40 {margin-left: 40px; margin-right: 40px;}
.mg-lr-80 {margin-left: 80px; margin-right: 80px;}
.mg-lr-100 {margin-left: 100px; margin-right: 100px;}

/*      Border Radius      */
.br-50p { border-radius: 50%;}
.br-1 { border-radius: 1px;}
.br-2 { border-radius: 2px;}
.br-3 { border-radius: 3px;}
.br-4 { border-radius: 4px;}
.br-5 { border-radius: 5px;}
.br-10 { border-radius: 10px;}

/*      Box Shadow      */
.box-shadow-basic { box-shadow: 0px 0px 5px 0px #0000001a;}
.box-shadow-medium { box-shadow: 0px 0px 10px 0px #0000001a;}
.box-shadow-heavy { box-shadow: 10px 10px 10px 5px #000000aa;}

/*      Text Shadow      */
.txt-shadow-basic { text-shadow: 0px 2px 10px #000000;}


/*      Overflow      */
.of-hidden {overflow: hidden;}
.of-scroll {overflow: scroll;}
.of-auto {overflow: auto;}
.of-visible {overflow: visible;}

/*      Width      */
.w-mc { width: max-content; }
.w-50p {width: 50%;}
.w-100p {width: 100%;}
.w-1 {width: 1px;}
.w-5 {width: 5px;}
.w-10 {width: 10px;}
.w-15 {width: 10px;}
.w-20 {width: 20px;}
.w-25 {width: 25px;}
.w-30 {width: 30px;}
.w-35 {width: 35px;}
.w-40 {width: 40px;}
.w-50 {width: 50px;}
.w-60 {width: 60px;}
.w-61 {width: 61px;}
.w-62 {width: 62px;}
.w-63 {width: 63px;}
.w-64 {width: 64px;}
.w-65 {width: 65px;}
.w-66 {width: 66px;}
.w-67 {width: 67px;}
.w-68 {width: 68px;}
.w-69 {width: 69px;}
.w-70 {width: 70px;}
.w-80 {width: 80px;}
.w-90 {width: 90px;}
.w-95 {width: 95px;}
.w-96 {width: 96px;}
.w-100 {width: 100px;}
.w-110 {width: 110px;}
.w-120 {width: 120px;}
.w-130 {width: 130px;}
.w-140 {width: 140px;}
.w-150 {width: 150px;}
.w-160 {width: 160px;}
.w-170 {width: 170px;}
.w-180 {width: 180px;}
.w-190 {width: 190px;}
.w-200 {width: 200px;}
.w-210 {width: 210px;}
.w-220 {width: 220px;}
.w-230 {width: 230px;}
.w-240 {width: 240px;}
.w-250 {width: 250px;}
.w-260 {width: 260px;}
.w-270 {width: 270px;}
.w-280 {width: 280px;}
.w-290 {width: 290px;}
.w-300 {width: 300px;}
.w-350 {width: 350px;}
.w-400 {width: 400px;}
.w-410 {width: 410px;}
.w-420 {width: 420px;}
.w-430 {width: 430px;}
.w-440 {width: 440px;}
.w-450 {width: 450px;}
.w-500 {width: 500px;}
.w-550 {width: 550px;}
.w-600 {width: 600px;}
.w-650 {width: 650px;}
.w-700 {width: 700px;}
.w-750 {width: 750px;}
.w-800 {width: 800px;}
.w-850 {width: 850px;}
.w-900 {width: 900px;}
.w-950 {width: 950px;}
.w-1000 {width: 1000px;}

/*      Height      */
.h-10p {height: 10%;}
.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-90p {height: 90%;}
.h-100p {height: 100%;}
.h-5 {height: 5px;}
.h-10 {height: 10px;}
.h-15 {height: 15px;}
.h-20 {height: 20px;}
.h-25 {height: 25px;}
.h-30 {height: 30px;}
.h-35 {height: 35px;}
.h-40 {height: 40px;}
.h-50 {height: 50px;}
.h-60 {height: 60px;}
.h-70 {height: 70px;}
.h-80 {height: 80px;}
.h-90 {height: 90px;}
.h-100 {height: 100px;}
.h-110 {height: 110px;}
.h-120 {height: 120px;}
.h-130 {height: 130px;}
.h-140 {height: 140px;}
.h-145 {height: 145px;}
.h-150 {height: 150px;}
.h-160 {height: 160px;}
.h-170 {height: 170px;}
.h-180 {height: 180px;}
.h-190 {height: 190px;}
.h-200 {height: 200px;}
.h-250 {height: 250px;}
.h-300 {height: 300px;}
.h-350 {height: 350px;}
.h-400 {height: 400px;}
.h-450 {height: 450px;}
.h-500 {height: 500px;}
.h-550 {height: 550px;}
.h-600 {height: 600px;}
.h-650 {height: 650px;}
.h-700 {height: 700px;}
.h-750 {height: 750px;}
.h-800 {height: 800px;}