@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');


:focus {outline: none;}

a {text-decoration: none; color: #000;}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

figure {margin: 0;}

button {
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.btn-default {background: none;}

.w-full {width: 100%;}

.h-full {height: 100%;}

/* Margin Clear */
.m-auto {margin: auto;}
.m-clear {margin: 0;}
.mt-clear {margin-top: 0;}
.ml-clear {margin-left: 0;}
.mr-clear {margin-right: 0;}
.mb-clear {margin-bottom: 0;}

/* Padding Clear */
.p-clear {padding: 0;}
.pt-clear {padding-top: 0;}
.pl-clear {padding-left: 0;}
.pr-clear {padding-right: 0;}
.pb-clear {padding-bottom: 0;}

.y-hidden {overflow-y: hidden;}
.x-hidden {overflow-x: hidden;}

/* Text Align */
.text-left {text-align: left;}

.text-center {text-align: center;}

.text-right {text-align: right;}

/* Text Transfrom */
.text-uppercase {text-transform: uppercase;}

.text-capitalize {text-transform: capitalize;}

.text-lowercase {text-transform: lowercase;}

.d-none {display: none;}

/* Display Flex */
.d-f {display: flex;}

/* Flex Direction */
.flex-column {flex-direction: column;}

.flex-column-reverse {flex-direction: column-reverse;}

.flex-column-row {flex-direction: row;}

.flex-row-reverse {flex-direction: row-reverse;}

/* Justify Content */
.justify-flex-start {justify-content: flex-start;}

.justify-center {justify-content: center;}

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

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

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

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


/* Flex Wrap*/
.flex-wrap {flex-wrap: wrap;}

.flex-nowrap {flex-wrap: nowrap;}

.flex-wrap-reverse {flex-wrap: wrap-reverse;}

/* Align Center */
.align-items-start {align-items: flex-start;}

.align-items-center {align-items: center;}

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

/* Align Self */
.align-self-start {align-self: flex-start;}

.align-self-center {align-self: center;}

.align-self-end {align-self: flex-end;}