/* ALIGNMENTS */
.align-middle {
    align-self: center !important;
    align-content: center !important;
}

/* HEIGHTS */
.h-0 {
    height: 0 !important;
}
.h-25px {
    height: 25px !important;
}
.h-30px {
    height: 30px !important;
}
.h-40px {
    height: 40px !important;
}
.h-50px {
    height: 50px !important;
}
.h-60px {
    height: 60px !important;
}
.h-70px {
    height: 70px !important;
}
.h-100px {
    height: 100px !important;
}
.h-115px {
    height: 115px !important;
}
.h-120px {
    height: 120px !important;
}
.h-130px {
    height: 130px !important;
}
.h-150px {
    height: 150px !important;
}
.h-200px {
    height: 200px !important;
}
.h-250px {
    height: 250px !important;
}
.h-255px {
    height: 255px !important;
}
.h-300px {
    height: 300px !important;
}
.h-320px {
    height: 320px !important;
}
.h-350px {
    height: 350px !important;
}
.h-365px {
    height: 365px !important;
}
.h-50vh {
    height: 50vh !important;
}
.h-25vh {
    height: 25vh !important;
}
.h-75vh {
    height: 75vh !important;
}
.h-100vh {
    height: 100vh !important;
}
/* WIDTHS */
.w-0 {
    width: 0 !important;
}
.w-10vw {
    width: 10vw !important;
}
.w-15vw {
    width: 15vw !important;
}
.w-25vw {
    width: 25vw !important;
}
.w-50vw {
    width: 50vw !important;
}
.w-75vw {
    width: 75vw !important;
}
.w-85vw {
    width: 85vw !important;
}
.w-90vw {
    width: 90vw !important;
}
.w-100vw {
    width: 100vw !important;
}
.w-20px {
    width: 20px !important;
}
.w-35px {
    width: 35px !important;
}
.w-40px {
    width: 40px !important;
}
.w-50px {
    width: 50px !important;
}
.w-70px {
    width: 70px !important;
}
.w-90px {
    width: 90px !important;
}
.w-100px {
    width: 100px !important;
}
.w-115px {
    width: 115px !important;
}
.w-125px {
    width: 125px !important;
}
.w-130px {
    width: 130px !important;
}
.w-145px {
    width: 145px !important;
}
.w-150px {
    width: 150px !important;
}
.w-200px {
    width: 200px !important;
}
.w-235px {
    width: 235px !important;
}
.w-250px {
    width: 250px !important;
}
.w-255px {
    width: 255px !important;
}
.w-400px {
    width: 400px !important;
}

.w-450px {
    width: 450px !important;
}

.w-500px {
    width: 500px !important;
}



/* ICONS */
.icon-01 {
    width: 30px !important;
    height: 24px !important;
}
.icon-02 {
    width: 70px !important;
    height: 70px !important;
}
.icon-03 {
    width: 140px !important;
    height: 70px !important;
}
.icon-04 {
    width: 120px !important;
    height: 50px !important;
}
.icon-05 {
    width: 85px !important;
    height: 35px !important;
}
.icon-flag {
    width: 40px !important;
    height: 20px !important;
}
.icon-35px {
    width: 35px !important;
    height: 35px !important;
}
.icon-55px {
    width: 55px !important;
    height: 55px !important;
}
.icon-like {
    width: 45px !important;
    height: 35px !important;
}
.icon-form-small {
    width: 50px !important;
    height: 40px !important;
}

/* FONT SIZES */
.fs-8px {
    font-size: 8px;
}
.fs-10px {
    font-size: 10px;
}
.fs-12px {
    font-size: 12px;
}
.fs-15px {
    font-size: 15px;
}
.fs-20px {
    font-size: 20px;
}
.fs-25px {
    font-size: 25px;
}
.fs-35px {
    font-size: 35px;
}
.fs-45px {
    font-size: 45px;
}
.fs-50px {
    font-size: 50px;
}
.fs-75px {
    font-size: 75px;
}
.fs-100px {
    font-size: 100px;
}
.display-8 {
    font-size: 1rem;
}

/* SQUARES */
.square-title {
    width: 85px !important;
    height: 65px !important;
}

.square-banner-authentication {
    height: 235px !important;
    width: 285px !important;
}

.square-200px {
    width: 200px !important;
    height: 200px !important;
}
.square-250px {
    width: 250px !important;
    height: 250px !important;
}
.square-150px {
    width: 150px !important;
    height: 150px !important;
}

.square-125px {
    width: 125px !important;
    height: 125px !important;
}
.square-100px {
    width: 100px !important;
    height: 100px !important;
}
.square-400px {
    width: 400px !important;
    height: 400px !important;
}
.square-350px {
    width: 350px !important;
    height: 350px !important;
}
.square-55px {
    width: 55px !important;
    height: 55px !important;
}
.square-60px {
    width: 60px !important;
    height: 60px !important;
}
.square-40px {
    width: 40px !important;
    height: 40px !important;
}
.verify-account-box {
    width: 50px !important;
    height: 90px !important;
}
.desktop-banner {
    width: 50vw !important;
    height: 45vh !important;
}
/* LOGOS */
.logo-300 {
    width: 300px !important;
    height: 300px !important;
}

/* RECTANGLES */
.rectangle-title {
    width: 385px !important;
    height: 70px !important;

}

/* IMAGES */
.image-100 {
    width: 100px !important;
    height: 100px !important;
}
.image-350 {
    width: 350px !important;
    height: 350px !important;
}
.image-250 {
    width: 250px !important;
    height: 250px !important;
}
.image-550 {
    width: 550px !important;
    height: 550px !important;
}

/* SHAPES */
.square-70 {
    width: 70px !important;
    height: 70px !important;
}
.rectangle-01 {
    width: 350px !important;
    height: 200px !important;
}

.rectangle-02 {
    width: 350px !important;
    height: 265px !important;
}

.rectangle-03 {
    width: 450px !important;
    height: 275px !important;
}
.rectangle-04 {
    width: 175px !important;
    height: 75px !important;
}

.rectangle-05 {
    width: 450px !important;
    height: 235px !important;
}

.rectangle-06 {
    width: 260px !important;
    height: 50px !important;
}
.rectangle-07 {
    width: 79px !important;
    height: 45px !important;
}
.rectangle-08 {
    height: 350px !important;
    width: 265px !important;
}

/* SCROLLERS */

.scroll-y-100vh {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
}
.scroll-y-90vh {
    height: 90vh;
    overflow-x: hidden;
    overflow-y: scroll;
}
.scroll-y-75vh {
    height: 75vh;
    overflow-x: hidden;
    overflow-y: scroll;
}
.scroll-y-50vh {
    height: 50vh;
    overflow-x: hidden;
    overflow-y: scroll;
}
.scroll-y-25vh {
    height: 25vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.scroll-x-50vw {
    width: 50vw;
    overflow-x: hidden;
    overflow-y: scroll;
}
.scroll-x-25vw {
    width: 25vw;
    overflow-x: hidden;
    overflow-y: scroll;
}



/* SCROLL BARS FOR DESKTOP */
.scroller-y::-webkit-scrollbar {
  display: none;
}

.scroller-y {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.parent-slider-x {
    overflow: hidden !important;
}

.parent-slider-y {
    overflow: hidden !important;
}

/* SLIDER X-COORDINATE */
.child-slider-x {
    overflow-x: scroll !important;
    overflow-y: hidden;
    scrollbar-color: transparent; /* purple plum */
}
.child-slider-x::-webkit-scrollbar {
    width: 20px;               /* width of the entire scrollbar */
}

.child-slider-x::-webkit-scrollbar-track {
    background: transparent; /* #E8E8E8        /* color of the tracking area */
    border-radius: 15px;
}

.child-slider-x::-webkit-scrollbar-thumb {
    background-color: transparent; /* white;    /* color of the scroll thumb */
    /*border-radius: 20px;       /* roundness of the scroll thumb
    border: 1px solid grey;  /* creates padding around scroll thumb */
}

.child-slider-x::-webkit-scrollbar-thumb:hover {
    /*background: #555; */
}
.child-slider-x::-webkit-scrollbar-corner {
    border-radius: 15px;
}


/* SLIDER Y-COORDINATE */
.child-slider-y {
    overflow-y: scroll !important;
    overflow-x: hidden;
    scrollbar-color: transparent; /* purple plum */
}
.child-slider-y::-webkit-scrollbar {
    width: 20px;               /* width of the entire scrollbar */
}

.child-slider-y::-webkit-scrollbar-track {
    background: transparent; /* #E8E8E8        /* color of the tracking area */
    border-radius: 15px;
}

.child-slider-y::-webkit-scrollbar-thumb {
    background-color: transparent; /* white;    /* color of the scroll thumb */
    /*border-radius: 20px;       /* roundness of the scroll thumb
    border: 1px solid grey;  /* creates padding around scroll thumb */
}

.child-slider-y::-webkit-scrollbar-thumb:hover {
    /*background: #555; */
}
.child-slider-y::-webkit-scrollbar-corner {
    border-radius: 15px;
}

/* MARGINS */
.mt-5rem {
    margin-top: 5rem !important;
}
.mt-10rem {
    margin-top: 10rem !important;
}
.mt-75px {
    margin-top: 75px !important;
}
.mt-120px {
    margin-top: 120px !important;
}
.mt-100px {
    margin-top: 100px !important;
}
.mb-100px {
    margin-bottom: 100px !important;
}