@font-face {
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/mulish/Mulish-VariableFont_wght.43d1050af520.ttf") format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Mulish-ExtraLight';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url("../fonts/mulish/Mulish-VariableFont_wght.43d1050af520.ttf") format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Mulish-Light';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/mulish/Mulish-VariableFont_wght.43d1050af520.ttf") format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Mulish-Medium';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/mulish/Mulish-VariableFont_wght.43d1050af520.ttf") format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Mulish-SemiBold';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/mulish/Mulish-VariableFont_wght.43d1050af520.ttf") format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Mulish-Bold';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/mulish/Mulish-VariableFont_wght.43d1050af520.ttf") format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Mulish-ExtraBold';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/mulish/Mulish-VariableFont_wght.43d1050af520.ttf") format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Mulish-Black';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("../fonts/mulish/Mulish-VariableFont_wght.43d1050af520.ttf") format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	font-family: 'Mulish', sans-serif;
	line-height: 1.5;
	font-weight: 400;
  
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}

.font-extralight {
	font-family: 'Mulish-ExtraLight', sans-serif;
}
.font-light {
	font-family: 'Mulish-Light', sans-serif;
}
.font-normal {
	font-family: 'Mulish', sans-serif;
}
.font-medium {
	font-family: 'Mulish-Medium', sans-serif;
}
.font-semibold {
	font-family: 'Mulish-SemiBold', sans-serif;
}
.font-bold {
	font-family: 'Mulish-Bold', sans-serif;
}
.font-extrabold {
	font-family: 'Mulish-ExtraBold', sans-serif;
}
.font-black {
	font-family: 'Mulish-Black', sans-serif;
}

.spin-loader {
    width: 15px;
    height: 15px;
    border: 3px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    margin-right: 5px;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.iti {
    width: 100%;
    /* Should the default margin change for standard input fields, 
    this will need to be updated */
    margin-top: .5rem; 
}

@media (min-width: 768px){
	.main.active{
		margin-left: 0px;
		width: 100%;
	}
}

@media (min-width: 768px){
	.md\:ml-64{
		margin-left: 16rem;
	}
  
	.md\:hidden{
		display: none;
	}
  
	.md\:w-\[calc\(100\%-288px\)\]{
		width: calc(100% - 288px);
	}
  
	.md\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px){
	.lg\:col-span-2{
		grid-column: span 2 / span 2;
	}
  
	.lg\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
  
	.lg\:grid-cols-3{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}