:root {
    --main-color: #1E1C97;
}

@font-face {
    font-family: 'poppins';
    src: url('../assets/poppins/Poppins-Regular.ttf') format('truetype'), url('../assets/poppins/Poppins-regular.woff2') format('woff2'), url('../assets/poppins/Poppins-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../assets/poppins/Poppins-SemiBold.ttf') format('truetype'), url('../assets/poppins/Poppins-semibold.woff2') format('woff2'), url('../assets/poppins/Poppins-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../assets/poppins/Poppins-Bold.ttf') format('truetype'), url('../assets/poppins/Poppins-bold.woff2') format('woff2'), url('../assets/poppins/Poppins-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../assets/poppins/Poppins-Black.ttf') format('truetype'), url('../assets/poppins/Poppins-black.woff2') format('woff2'), url('../assets/poppins/Poppins-black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../assets/poppins/Poppins-Thin.ttf') format('truetype'), url('../assets/poppins/Poppins-thin.woff2') format('woff2'), url('../assets/poppins/Poppins-thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/Fonts/gilroy/Gilroy-ExtraBold.otf') format('truetype'), url('assets/Fonts/gilroy/gilroy-extrabold.woff2') format('woff2'), url('assets/Fonts/gilroy/gilroy-extrabold.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}



html,body {
  font-size: 14px;
  height:100vh;
  font-family:'poppins','Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
   .code-verify{
        max-height:300px;
    }
}



html {
  position: relative;
  min-height: 100%;
}

body {
    background:#fcfcfc;
}

.f-size-1-75rem {
    font-size: 1.75rem !important;
}

h1 {
    color: var(--main-color) !important;
    transition: opacity 0s !important;
    font-size: 21px !important;
    line-height: 3.5rem !important;
    font-weight:600;
    font-family:'poppins','Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.text-main{
    color:var(--main-color)
}

.tuile-item {
    background-color: white !important;
    padding: 15px 20px !important;
    box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 34%);
    border-radius: 15px;
    margin:0 auto;
}

button, .theme-button {
    background-color: white !important;
    color: var(--main-color) !important;
    border: 1px solid var(--main-color) !important;
    border-radius: 0.25rem !important;
    transition: all 0.2s !important;
    text-decoration: none !important;
    transition: 0.2s all;
    font-size :14px;
}

    button:hover, .theme-button:hover {
        background-color: var(--main-color) !important;
        color: white !important;
        border: 1px solid var(--main-color) !important;
        border-radius: 0.25rem !important;
        transition: all 0.2s !important;
        text-decoration: none !important;
        }