/*** Local Created CSS Utilities ***/

/* Margin Left Utility */
.ml-1{
    margin-left:0.6rem;
}
.ml-2{
    margin-left:0.8rem;
}
.ml-3{
    margin-left:1.2rem;
}
.ml-4{
    margin-left:1.6rem;
}
.ml-5{
    margin-left:3rem;
}

/* Margin right Utility */
.mr-1{
    margin-right:0.6rem ;
}
.mr-2{
    margin-right:0.8rem ;
}
.mr-3{
    margin-right:1.2rem ;
}
.mr-4{
    margin-right:1.6rem ;
}
.mr-5{
    margin-right:3rem ;
}


/* Margin top Section Spacing */
.mt-6{
    margin-top: 10rem;
}

.fw-300{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 600;
}
/* Padding Utilities */
.py-2-2{
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
}
.extra-pad{
    padding-left: 10rem !important;
    padding-right: 10rem !important;
}

/* Minimum Height 100vh */
.min-100-vh{
    min-height: 100vh !important;
}

/* Vertical Centering */
.v-center{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Width  100% */
.w-100-prcnt{
    width: 100%;
}
/* Scale Image */
.scale-1{
    transform: scale(1.1);
    /* transform-origin: bottom center; */
}
/* Text Uppercase */
.upper-case{
    text-transform: uppercase;
}
.capital-case{
    text-transform: capitalize;

}

/* Padding Zero */
.pd-0{
    padding:0 !important;
}

/* Student Dashboard Designing */
.bg-primary-ex-lgt{
    background:var(--primary-light);
}
/* Background Secondary */
.bg-sec{
   background: var(--secondary-color);   
}

/* Text Color  */
.sec-text{
    color: var(--txt-secondary) ; 
}
.sec-text-bd{
    color: #09CC96;
}
/* Primary Text Color */
.pri-text{
    color:var(--txt-primary);
}
/* Text-color white */
.txt-white{
    color:white !important;
}
.txt-lgt-grey{
    color: var(--txt-lgt-grey);
}
.bd-font{
    font-family: var(--fira-code) !important;
}
/* Border bottom Grey */
.bd-btm-grey{
    border-bottom: 1px solid #ffffff;
}
.bd-btm-sec{
    border-bottom: 1px solid var(--secondary-color);
}
.bd-sec{
    border: 2px solid var(--secondary-color);
    border-radius: 3px;
}
/* Border-radius */
.bdr{
    border-radius: 10px;
}
.sec-bd{
    border: 2px solid var(--secondary-color) !important;
}
/* Making the font-size  smaller then 16px */
.fs-6-6{
    font-size: 1.15rem;   
}
.fs-7{
    font-size: 14px;
}

/* Positioning Utilites */
.p-absolute{
    position: absolute;
}
.p-relative{
    position: relative;
}
/* Styling HR Element */
.seperator{
    border-top: 1px solid var(--secondary-color);
    opacity: 1;

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}